/* Applies to each issue's table of contents page, e.g. /issues/2008. */

body {
    background: #181818 /* url(../img/right-shadow-tile.gif) repeat-y 764px 0 */;
    color: white;
}

#top-banner {
    position: relative;
    background-color: white;
    color: black;
    min-width: 764px;
}
#top-banner h1 {
    margin: 0;
    text-indent: -9999em;
    line-height: 1em; /* Soothe bug in IE7 */
    overflow: hidden;
    background: transparent url(../img/toc/top-banner.gif) no-repeat top left;
    height: 98px;
}

/* Not the same as #nav in the full layout -- goes in the upper right corner. */
#nav {
    position: absolute; /* Relative to #top-banner */
    right: 0;
    top: 0;
    background-color: white;
    color: black;
    display: block;
    width: 145px;
    height: 98px;
    margin: 0;
    padding: 0;
}
#nav li {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
}
#nav li a {
    display: block;
    background: transparent no-repeat top left;
    text-indent: -9999em;
    overflow: hidden;
}
    #nav li.news a { width: 83px; height: 26px; background-image: url(../img/toc/buttons/news.gif); }
    #nav li.news a:hover { background-image: url(../img/toc/buttons/news1.gif); }
    #nav li.multimedia a { width: 83px; height: 21px; background-image: url(../img/toc/buttons/multimedia.gif); }
    #nav li.multimedia a:hover { background-image: url(../img/toc/buttons/multimedia1.gif); }
    #nav li.submissions a { width: 83px; height: 22px; background-image: url(../img/toc/buttons/submissions.gif); }
    #nav li.submissions a:hover { background-image: url(../img/toc/buttons/submissions1.gif); }
    #nav li.contacts a { width: 83px; height: 29px; background-image: url(../img/toc/buttons/contacts.gif); }
    #nav li.contacts a:hover { background-image: url(../img/toc/buttons/contacts1.gif); }
    #nav li.issues a { width: 62px; height: 26px; background-image: url(../img/toc/buttons/issues.gif); }
    #nav li.issues a:hover { background-image: url(../img/toc/buttons/issues1.gif); }
    #nav li.features a { width: 62px; height: 21px; background-image: url(../img/toc/buttons/features.gif); }
    #nav li.features a:hover { background-image: url(../img/toc/buttons/features1.gif); }
    #nav li.about a { width: 62px; height: 22px; background-image: url(../img/toc/buttons/about.gif); }
    #nav li.about a:hover { background-image: url(../img/toc/buttons/about1.gif); }
    #nav li.links a { width: 62px; height: 29px; background-image: url(../img/toc/buttons/links.gif); }
    #nav li.links a:hover { background-image: url(../img/toc/buttons/links1.gif); }

#content-container {
    width: 764px;
    background-color: black;
}

#issues-nav {
    background-color: black;
    color: white;
    height: 26px;
}
#issues-nav a#back-to-issues {
    display: block;
    float: left;
    width: 111px;
    height: 26px;
    text-indent: -9999em;
    overflow: hidden;
    background: transparent url(../img/toc/buttons/back-to-issues.gif) no-repeat top left;
}
#issues-nav a#back-to-issues:hover { background: transparent url(../img/toc/buttons/back-to-issues1.gif) no-repeat top left; }
#issues-nav #issues-menu {
    float: left;
    margin: 0 0 0 24px;
    padding: 0;
    width: 99px;
    height: 23px;
    font-size: 10px;
    list-style-type: none;
    position: relative; /* create containing block */
    z-index: 10;
}
#issues-nav #issues-menu a.root {
    display: block;
    height: 20px;
    margin: 3px 0 0 0;
}
#issues-nav #issues-menu a.root img {
    border: 1px solid #b3b3b3;
    background-color: #b3b3b3;
}
#issues-nav #issues-menu:hover a.root img {
    border-color: white;
    background-color: white;
}
#issues-nav #issues-menu div.options {
    display: none;
    position: absolute;
    left: 0;
    top: 22px;
    width: 97px;
    background-color: black;
    color: white;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: white;
}
#issues-nav #issues-menu:hover div.options {
    display: block;
}
#issues-nav #issues-menu div.options div a {
    text-decoration: none;
    color: white;
    display: block;
    width: 89px;
    padding: 3px 4px;
}
#issues-nav #issues-menu div.options div a:hover {
    background-color: white;
    color: black;
}

/* On TOC pages, unlike on news pages, the left/right columns are done
with a table rather than divs, to reliably match their heights; and
the left column goes right to the bottom of the page, meaning the footer
appears just below the TOC in the right column. */

#content-container table#columns-table { border-collapse: collapse; border: none; }
#content-container table#columns-table td { vertical-align: top; }

td#left-column {
    width: 204px;
    padding: 15px;
    text-align: center;
    background-color: #404040;
    color: white;
}
td#left-column #issue-header { margin: 0 0 15px 0; }
td#left-column #issue-cover img {
    border: 2px solid black;
}
td#left-column #issue-masthead { font-size: 11px; line-height: 13px; }
td#left-column #issue-masthead strong { font-size: 10px; text-transform: uppercase; }

td#content {
    width: 460px;
    padding: 15px 35px 45px 35px;
}
td#content ul, td#content li { list-style-type: none; }
td#content ul { padding: 0; margin: 1em 0 0 -3px; }
td#content ul ul { margin-left: 20px; }
td#content li { padding: 0; margin: 1.5em 0 0 0; font-weight: bold; }
td#content li div.section { padding-left: 8px; font-size: 13px; }
td#content li li { padding: 0; margin: 2px 0 0 0; font-weight: normal; border-top: none; }
td#content li a,
td#content li div.placeholder {
    font-size: 13px;
    font-weight: bold;
    display: block;
    padding: 5px 5px 5px 5px;
    background-color: #181818;
    color: #997;
    text-decoration: none;
    border-left: 3px solid black;
    clear: right;
}
td#content li div.placeholder em { font-weight: normal; font-style: italic; }
td#content li li a,
td#content li li div.placeholder { font-size: 12px; font-weight: bold; line-height: 15px; }
td#content li a .author,
td#content li div.placeholder .author {
    display: block;
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
    float: right;
    margin: 0 0 5px 0;
}
td#content li a .author { cursor: pointer; cursor: hand; }
td#content li a .title,
td#content li div.placeholder .title {
    margin: 0 10px 0 0;
}
td#content li.image a {
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 85px;
}
td#content li a:hover { background-color: #101010; color: white; border-left-color: white; }

#footer {
    background-color: black;
    color: #666;
    margin-top: 3em;
    padding: 25px;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
}