/* Applies to all pages with the "full" layout, i.e. all
except an issue's table of contents page, and a written
piece's page. */

body {
    background-color: #181818;
    color: white;
}

#top-banner {
    position: relative;
    background-color: white;
    color: black;
    min-width: 764px;
    padding: 0;
}
#top-banner h1 {
    margin: 0;
    text-indent: -9999em;
    line-height: 1em; /* Soothe bug in IE7 */
    overflow: hidden;
    background: transparent url(../img/full/top-banner.gif) no-repeat top left;
    height: 150px;
}
#top-banner #hh-logo-address {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 130px;
    height: 66px;
    text-indent: -9999em;
    overflow: hidden;
    background: transparent url(../img/hh-logo-address.gif) no-repeat top left;
}

#nav {
    background-color: black;
    color: white;
    display: block;
    min-width: 764px;
    height: 40px;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid white;
}
#nav li {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    height: 40px;
}
#nav li a {
    display: block;
    height: 40px;
    background: transparent no-repeat top left;
    text-indent: -9999em;
    overflow: hidden;
}
    #nav li.news a { width: 78px; background-image: url(../img/full/buttons/news.gif); }
    #nav li.news a:hover { background-image: url(../img/full/buttons/news1.gif); }
    #nav li.news-here a { width: 78px; background-image: url(../img/full/buttons/news2.gif); }
    #nav li.issues a { width: 80px; background-image: url(../img/full/buttons/issues.gif); }
    #nav li.issues a:hover { background-image: url(../img/full/buttons/issues1.gif); }
    #nav li.issues-here a { width: 80px; background-image: url(../img/full/buttons/issues2.gif); }
    #nav li.features a { width: 102px; background-image: url(../img/full/buttons/features.gif); }
    #nav li.features a:hover { background-image: url(../img/full/buttons/features1.gif); }
    #nav li.features-here a { width: 102px; background-image: url(../img/full/buttons/features2.gif); }
    #nav li.multimedia a { width: 121px; background-image: url(../img/full/buttons/multimedia.gif); }
    #nav li.multimedia a:hover { background-image: url(../img/full/buttons/multimedia1.gif); }
    #nav li.multimedia-here a { width: 121px; background-image: url(../img/full/buttons/multimedia2.gif); }
    #nav li.about a { width: 80px; background-image: url(../img/full/buttons/about.gif); }
    #nav li.about a:hover { background-image: url(../img/full/buttons/about1.gif); }
    #nav li.about-here a { width: 80px; background-image: url(../img/full/buttons/about2.gif); }
    #nav li.submissions a { width: 129px; background-image: url(../img/full/buttons/submissions.gif); }
    #nav li.submissions a:hover { background-image: url(../img/full/buttons/submissions1.gif); }
    #nav li.submissions-here a { width: 129px; background-image: url(../img/full/buttons/submissions2.gif); }
    #nav li.contacts a { width: 98px; background-image: url(../img/full/buttons/contacts.gif); }
    #nav li.contacts a:hover { background-image: url(../img/full/buttons/contacts1.gif); }
    #nav li.contacts-here a { width: 98px; background-image: url(../img/full/buttons/contacts2.gif); }
    #nav li.links a { width: 76px; background-image: url(../img/full/buttons/links.gif); }
    #nav li.links a:hover { background-image: url(../img/full/buttons/links1.gif); }
    #nav li.links-here a { width: 76px; background-image: url(../img/full/buttons/links2.gif); }

#content-container {
    position: relative;
    width: 764px;
    background-color: black;
}
    
#content {
    padding: 20px;
    background-color: black;
    color: #eee;
}
#content :first-child { margin-top: 0; }
#content h1 { font-size: 18px; }
#content h2 { font-size: 14px; }
#content h3 { font-size: 12px; }
#content h4 { font-size: 11px; }
#content h5 { font-size: 10px; }
#content h6 { font-size: 9px; }
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { color: white; }

#footer {
    width: 714px;
    padding: 25px;
    background-color: black;
    color: #666;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
}