/* cyan.css
 * Cyan Layout for SCTV: On The Air!
 * Copyright (C) 2005 Chris "Bob" Odorjan <codorjan@gmail.com>
 * $Id: cyan.css,v 5.16 2005/04/12 04:47:11 bob Exp $
 */

/* general document styles */
body {
    background: white;
    color: black;
    font: 12pt "Verdana", "Arial", "Helvetica", sans-serif;
}

.nodisplay {
    display: none;
}

.parens {
    font-size: 0.83em;
}

abbr {
    cursor: help;
    border-bottom: 1px dashed;
    border-bottom-color: inherit;
}

/* sidebars */
.navigation, .side {
    float: left;
    clear: left;
    text-align: center;
    width: 10em;
}

.side p {
    background: #44cccc url('menu.png') repeat-y;
    font-size: smaller;
    padding: 0.5em 1em;
    margin: 0 0 0.5em;
}

.side h2 {
    background: #44cccc url('menu.png') repeat-y;
    font-size: medium;
    color: blue;
    padding: 0.5em 1em;
    margin: 0.5em 0 0;
}

/* navbar */
.navigation ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.navigation li a {
    font-size: larger;
    margin: 0;
    display: block;
    height: 100%;
    padding: 0.5em 1em;
    background: #44cccc url('menu.png') repeat-y;
    text-decoration: none;
}

.navigation li a:hover, .navigation li a:focus {
    text-decoration: none;
    background: #44eeee url('menu_light.png') repeat-y;
}

/* header and title image */
#header {
    height: 128px;
    background: #44cccc url('header.png') repeat-x;
}

#header h1 {
    height: 128px;
    padding: 16px 0 0 144px;
    margin: 0;
    background-image: url('header_corner.png');
    background-repeat: no-repeat;
}

/* main document body */
#body {
    margin-left: 11em;
    margin-right: 1em;
}

#body h2 {  /* page header goes in upper right */
    position: absolute;
    top: 64px;
    right: 1.5em;
    color: blue;
    font-size: x-large;
}

#body h2#firstpage {    /* but not on the first page */
    display: none;
}

#body blockquote {
    font-style: oblique;
    font-size: smaller;
}

/* article formatting (for news entries) */
.article .heading {
    margin-left: 0;
    background: #4cc url('header.png') repeat-x;
    color: blue;
}

.article h3 {
    margin-bottom: 0;
}

.article .date {
    margin-top: 0;
    padding: 1px;
    text-align: right;
}

.article p.post, .article p.update {
    margin-bottom: 0;
}

.article p.quote {
    margin-left: 2.5em;
    margin-right: 2.5em;
    font-style: oblique;
}

.article p.link {
    color: blue;
    text-align: right;
    margin-top: 0;
    margin-right: -0.5em;
}

/* "Older Articles" link */
.oldnews p {
    font-size: larger;
}

/* Links section */
dl.links {
    display: block;
    margin: 1em 0;
}

dl.links dt {
    margin-top: 0.5em;
}

dl.links dd {
    font-size: smaller;
    margin-left: 2%;
}

/* FAQs */
.faqsection {
    font-size: 1.17em;
    font-weight: bold;
    margin: 0.75em 0;
}

li.faqsection {
    padding-left: 0;
    margin-right: -40px; 
    list-style: none;
}

li.faqquestion {
    font-size: 0.9em;
    font-weight: normal;
    list-style: square;
}

h5.faqquestion {
    font-size: 1em;
    font-weight: bold;
    margin: 0.75em 1em 0.25em 2em;
}

.faqanswer {
    margin: 0.25em 1em 0.25em 4em;
}

/* videos */
div.hasthumbnail {
    min-height: 180px;
    margin-right: 240px;    /* assumes all thumbnails are 240x180 */
    padding-right: 2em;
}

div.video h3 {
    font-size: 1.17em;
    margin-bottom: 1px;
}

img.thumbnail {
    position: absolute;
    right: 2em;
    margin-top: -1.17em;
}

ul.videoinfo {
    margin-top: 1px;
}

ul.videoinfo li {
    display: inline;
}

/* page footer */
#footer {
    clear: both;
    margin: 1.5em;
}

#footer p.copyright {
    font-size: smaller;
    text-align: center;
}

/* vi:set ts=4 ai inputtab=spaces: */