﻿html,body
{
    margin:0px;padding:0px;
}

body
{
    font: 85%/1.3 Verdana,Arial,sans-serif;
    text-align: center;
    background: #111;
    padding-bottom:20px;
    padding-top:0px;
    margin-top:0px;
    color:#FFC;
}

p
{
    margin-top:0;
}



div#header
{
    width:100%;
    overflow:hidden;
}

div#header div#siteheader,div#menu
{
    width:770px;
    margin:0 auto;
    text-align:left;    
    background-color:#000;
    background-image: url(../../images/subheader.jpg);
    
}

div#header div#siteheader
{
    padding: 107px 0px 0px;
    color: #FFC;
    background-image: url(../../images/topheader.jpg);
}

div#header div#siteheader div#sitetitle
{
    top:0px;
    position:absolute;
    left:500px;
}

div#header div#siteheader div#topsearch
{        
    top:10px;
    float:right;
    margin-right:5px;
    font-size:12px;   
}

div#header div#siteheader div#topsearch .searchinput
{
    border-top : #D00 1px solid;
    border-bottom : #500 1px solid;
    border-left : #D00 1px solid;
    border-right : #500 1px solid;
    color : #FFA;
    font-weight:bold;
    background : #A00;
    width:100px;
    line-height:10px;
    height:12px;
}

.searchbutton
{
    border-top : #D00 1px solid;
    border-bottom : #500 1px solid;
    border-left : #D00 1px solid;
    border-right : #500 1px solid;
    color : #FFA;
    font-weight:bold;
    background : #A00;
}

ul#nav,ul#nav li
{
    list-style-type:none;
    margin:0;padding:0;
    list-style-image:none;
    
}

ul#nav
{
    float:right;
    font-size: 80%;
    margin-right:2px;
}

ul#nav li
{
    float:left;
    margin-right: 3px;
    text-align: center;
    border-top:solid 1px #900;
    border-left:solid 1px #900;
    border-right:solid 1px #400;
}

ul#nav a
{
    float:left;
    width: 75px;
    padding: 5px 0;
    background: #700;
    text-decoration:none;
    color: #FFA;
}

ul#nav a:hover
{
    background: #A00;
    color: #FFC;
}

ul#nav li.activelink a,ul#nav li.activelink a:hover
{
    background: #D00;
    color: #FFF;
    font-weight:bold;
}

div#container
{
    width:770px;
    margin:0 auto 10px;
    padding:10px 0 10px;
    text-align:left;
    background:#000;
}

div#content
{
    float:left;
    display:inline;
    width:550px;
    margin:0 10px 10px 10px;
    background:#000;
}

ul#intro,ul#intro li
{
    list-style-type:none;
    margin:0;
    padding:0;
}

ul#intro
{
    width:100%;
    overflow:hidden;
    margin-bottom:20px;
}

ul#intro li
{
    float:left;
    width:180px;
    margin-right:10px;
    padding: 10px 0;
}

ul#intro li#more
{
    margin-right:0;
    background: #7D63A9;
}

ul#intro p,ul#intro h3
{
    margin:0;
    padding: 0 10px;
}

ul#intro h3
{
    text-transform:uppercase;
    padding-bottom:3px;
    color: #FFF;
}

div#content h2
{
    margin: 10px 0;
}

div.date
{
    float:left;
    width: 4em;
    padding: 5px 0;
    background: #F1DDC4;
    color:#B0001E;
    text-align:center;
    margin: 0 4px 4px 0;
    font-size: 80%;
    line-height:0.9;
}

div.date span
{
    display:block;
    font-size: 150%;
    font-weight:bold;
}

div.comments div
{
    background: #EEE;
    margin-bottom:10px;
}

div.comments p
{
    padding: 10px;
    margin:0;
}

div.comments div.odd
{
    background:#DAE6FE;
}

div#side
{
    float:right;
    display:inline;
    width: 170px;
    background:#600; 
    margin:0px 10px 10px 0; 
    padding:0px 10px 0px 10px;
    text-align:center;
}

div#side div
{
    margin: 0px 0px 0px 0px;
    padding: 5px 0px; 
    text-align:center;
}

div#side ul#rightnav li
{
    list-style-image:none;
}

div#footer
{
    clear:both;
    width:750px;
    margin:0 10px 0;
    padding: 10px 0;
    background: #600;
    color: #FFA;
    text-align:center;
}

div#footer p
{
    margin:0;
}
