/**
 * template one.css (one column, top navigation, fixed width)
 * @author      Greg Tammi <greg@pictographics.com>
 * @copyright   Copyright (c) 2009+ Pictographics Ltd
 * @since       Feb 17, 2009
 */

* { margin: 0 ; padding: 0 ; }
body {  background: #f3f4ec ;}

.clear {
    height: 1% ;
    clear: both ;
    margin: 5px 0 ;
}
#wrapper {
    width: 900px ;
    margin: 22px auto ;
    font: 0.9em/1.3em "Georgia", Times, serif ;
}
#header { 
    width: 100% ;
    margin-bottom: 15px ;
}
#header img { float: left ; }
#header h1, #header h2 {
    margin-left: 30px ;
    width: 800px ;
    text-align: center ;
    font-family: "Georgia", "Arial", "sans-serif" ;
    font-size: 24px ;
    line-height: 30px ;
}

#header h2 {
    padding:20px 0 10px 0 ;
    color: #556b2f ;
    font-style: italic ;
}
#content-wrapper {
    clear: left ;
    background: #fff ;
    border: 1px solid #333 ;
    border-width: 0 1px 1px 1px ;
    width: 100% ;
}
#sidebar {
    width: 100% ;
    border: 1px solid #333 ;
    border-width: 1px 0 ;
    background: #cccfbc;
    height: 37px ;
}
#sidebar #nav {
    display: block ;
    width: 100% ;
    margin: 10px 0 4px 0;
    list-style: none ;
    text-align: center ;
}
#nav li {
    display: inline ;
    padding: 0 12px 0 10px ;
    border: 0 ;
}
#nav li.first {
    border-left: 0 ;
}
#nav a {
    color: #556b2f ;
    text-decoration: none ;
    margin-top: 4px ;
    font-size: 90% ;
    text-transform: uppercase ;
}
#nav a:hover {
    text-decoration: none ;
    color: #86942a ;
}

#content {  
    padding: 10px ; 
    font-family: Arial, Tahoma, Verdana, sans-serif  ;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
    margin: 6px 0 12px 0 ;
    text-transform: uppercase ;
    color: #86942A ;
    font-family: Georgia, Times, serif ;
}
#content h1 {
    font-size: 145% ;
}
#content p {
    line-height: 1.3em ;
    margin-bottom: 10px ;
}

#content ul, #content ol {
    margin: 5px 0 0 22px ;
}
#content ul#trivia li {
    margin-left: 26px ;
}
#content img {
    margin: 4px ;
    border: 1px solid #C85509 ;
}
#content img.left {
    float: right; 
}
#content img.right {
    float: left ;
}
#content img.noborder {
    border: 0 ; !important
}
    
#content a {
    text-decoration: underline ;
    color: #a37b45 ;
}
#content a:hover {
    text-decoration: none ;
    color: #556b2f ;
}

#content iframe {
    text-align: center ;
    border: 1px solid #556b2f ;
    margin-left: 40px ;
}
#footer {
    width: 100% ;
    margin: 20px auto ;
    text-align: center ;
    font-size: 80% ;
    color: #888 ;
}
#footer span#webulation {
    margin-left: 6px ;
    border-left: 1px solid #888 ;
    padding-left: 9px ;
}
#footer a {
    color: #929191 ;
    text-decoration: none ;
}
#footer a:hover {
    color: #292929 ;
    text-decoration: none ;
}

/* for tables built into the content areas */
#content table {
    border: 1px solid #86942a ;
    border-width: 1px 1px 0 0  ;
    border-collapse: collapse ;
    width: 100% ;
    margin: 0 0 20px 0 ;
    float: left ;
}

#content table th, #content table td {
    padding: 3px ;
    border: 1px solid #86942a ;
    border-width: 0 0 1px 1px ;
}