finishing up the content

[gitmo/moose-website.git] / lib / Moose / Website / Resource / WebFiles / css / style.css

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

a {
    color : #666666;
}

h1 {
    font-family    : Arial Black;
    font-size      : 54pt;
    margin         : 0px;
    line-height    : 0.8em;
    color          : #ffffff;
    padding-left   : 70px;
    padding-top    : 15px;
    letter-spacing : -7px;
    text-shadow    : -3px 0 4px #333333;
    background     : url('../images/header_bg.jpg') no-repeat;
    border-bottom  : 1px solid #333333;
}

h1.home {
    font-size      : 110pt;
    padding-top    : 80px;
    padding-left   : 62px;
    letter-spacing : -15px;
    background     : #ffffff;
    background     : url('../images/header_home_bg.jpg') no-repeat;
}

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

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

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

ul.menu {
    padding-left : 70px;
    margin-top   : 0px;
}

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

ul.menu > li.active {
    color      : #ffffff;
    background : #C22E24;
}

ul.menu > li.inactive {
    color      : #C22E24;
}

ul.menu > li a {
    color           : #C22E24;
    text-decoration : none;
}

ul.menu > li a:hover {
    color           : #C22E24;
    text-decoration : underline;
}

.content {
    position     : relative;
    left         : 75px;
    padding-top  : 20px;
    width        : 500px;
}

.content h2 {
    font-size     : 16pt;
    line-height   : 1em;
    color         : #C22E24;
    padding       : 0px;
    margin-bottom : 10px;
    background    : #ffffff;
}

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

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

.home_content p {
    width : 500px;
}

pre {
    font-family : Monaco, Courier;
    font-size   : 9pt;
    padding     : 10px;
    border      : 1px dotted #aaaaaa;
    color       : #333333;
}

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

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

li.year {
    font-size       : 14pt;
    font-weight     : bold;
}

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

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

li.article_set {
    font-size       : 10pt;
    font-weight     : bold;
}

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


.home_footer {
    position       : relative;
    left           : 75px;
    color          : #aaaaaa;
    font-size      : 0.8em;
    width          : 500px;
    border-top     : 1px solid #aaaaaa;
    padding-bottom : 40px;
}

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

.clearfix {
    clear: both;
}