@charset "UTF-8";

BODY {
    font-family : Arial, Helvetica, sans-serif;
    font-size   : 10pt;
    margin      : 0px;
    color       : #333333;
    background  : #ffffff;
}

a {
    color : #666666;
}

h1 {
    font-family       : Arial Black, sans-serif;
    margin            : 0px;
    line-height       : 0.8em;
    color             : #ffffff;
    text-shadow       : -3px 0 4px #333333;
    border-bottom     : 1px solid #333333;
    font-size         : 100pt;
    padding-top       : 32px;
    padding-left      : 70px;
    letter-spacing    : -13px;
    background-repeat : no-repeat;
    text-transform    : lowercase;
}

h2 {
    font-size      : 14pt;
    margin         : 0px;
    line-height    : 1em;
    color          : #ffffff;
    background     : #307AA7;
    padding-left   : 78px;
    padding-top    : 20px;
    padding-bottom : 15px;
}

.nav {
    border-bottom  : 1px dotted #C22E24;
    border-top     : 10px solid #C22E24;
}

.menu {
    position     : relative;
    left         : 70px;
    margin-top   : 0px;
}

.menu td {
    list-style-type : none;
    float           : left;
    padding-left    : 12px;
    padding-right   : 12px;
    padding-top     : 10px;
    padding-bottom  : 10px;
    font-size       : 1.2em;
}

.menu td.active {
    color      : #ffffff;
    background : #C22E24;
}

.menu td.inactive {
    color      : #C22E24;
}

.menu td a {
    display         : block;
    margin          : -10px -12px;
    padding         :  10px  12px;
    color           : #C22E24;
    text-decoration : none;
}

.menu td a:hover {
    color           : #C22E24;
    text-decoration : underline;
}

.content {
    padding-left : 75px;
    padding-top  : 20px;
    font-size    : 1.2em;
    background   : url('../images/gradient.gif') repeat-x;
}

.content p {
    width : 550px;
}

.content h3 {
    font-size     : 1.4em;
    margin        : 0px;
    color         : #C22E24;
    line-height   : 1em;
}

#code_sample code {
    display     : block;
    white-space : pre;
    font-family : Monaco, Courier, monospace;
    font-size   : 9pt;
    padding     : 10px;
    border      : 1px dotted #aaaaaa;
    color       : #333333;
}

ul.articles {
    list-style-type : none;
    padding-left    : 0px;
    width : 550px;
}

ul.presentations {
    list-style-type : none;
    padding-left    : 0px;
    width : 550px;
}

li.year {
    font-weight     : bold;
}

li.year > ul {
    padding-top    : 10px;
    padding-bottom : 10px;
}

li.article {
    list-style-type : circle;
    font-weight     : normal;
}

li.article_set {
    font-weight     : bold;
}

li.presentation {
    list-style-type : circle;
    font-weight     : normal;
}

.footer {
    margin-top     : 30px;
    border-top     : 1px solid #aaaaaa;
    padding-left   : 75px;
    color          : #aaaaaa;
    font-size      : 0.9em;
    padding-bottom : 40px;
}

.footer a {
    color          : #aaaaaa;
}

.clearfix {
    clear: both;
}