/* No list-markers by default - must redefine bullets w/ bg graphics */ ul, ol { list-style: none; } /* Avoid browser default inconsistent heading font-sizes and pre/code */ h1, h2, h3, h4, h5, h6, pre, code, td { font-size: 1em; } /* Remove inconsistent (among browsers) default padding or margin */ ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, label, div, dd, dt, dl, table, tr, td { margin: 0; padding: 0; } /* prevent blue linked image borders */ a img, :link img, :visited img, fieldset { border: none; } /* global stuff --- */ body { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 16px; text-align: center; text-decoration: none; background: #fff; } a { color: #091261; text-decoration: bold; } p, blockquote, ul, ol { margin-bottom: 12px; } input, textarea, select { border: 1px solid #999; font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif; font-size: 14px; background: #fff; } input.button { background: #eee; border: 1px outset #999; } /* layout --- */ #wrapper { margin: 0 auto; width: 1002px; text-align: left; } #wrapper2 { float: left; width: 1000px; border-left: 1px solid #9a9fff; border-right: 1px solid #9a9fff; background: #fff url(images/bg_logo.png) top right no-repeat; margin: 0; } #header { height: 75px; width: 990px; padding: 10px 6px; margin-top: 5px; float: left; background: #2086c4 url(images/header_bg.png) top left no-repeat; color: #fff; } #content { width: 810px; padding: 5px; float: right; border-left: 1px dotted #cc9; margin-left: -1px; overflow: hidden; } #sidebar { border-right: 1px dotted #cc9; width: 189px; padding: 5px; float: left; font-size: 13px; } #footer { background: #091261 url(images/footer_bg.png) bottom right no-repeat; color: #fff; font-size: .75em; width: 990px; padding: 10px 6px; float: left; margin-bottom: 5px; } #footer a { color: #fff; } /* header styles --- */ #header h1 { font-size: 2.5em; margin-left: 5px; } #header a { color: #fff; } #header a:hover { color: #ff0; } #header .description { font-size: .75em; color: #fff; } /* sidebar styles --- */ #sidebar h2 { color: #091261; border-bottom: 1px dotted #999; margin-bottom: 5px; } #sidebar a { color: #333; text-decoration: none; } #sidebar a:hover { color: #f00; text-decoration: none; } /* content style --- */ h2.title { font-size: 1.7em; color: #091261; } div.meta { font-size: .8em; color: #999; letter-spacing: 1px; text-align: right; text-decoration: none; } .storycontent { margin-top: 10px; font-size: .9em; color: #333; text-decoration: none; } .storycontent img { margin: 3px; padding: 3px; border: 1px solid #ccc; } .storycontent ul { margin-left: 20px; padding-left: 20px; list-style: square; } .storycontent ol { margin-left: 20px; padding-left: 20px; list-style: decimal; } .storycontent blockquote { margin-left: 20px; margin-right: 20px; margin-left: 20px; margin-right: 20px; padding: 5px; border-left: 7px solid #ddd; background: #eee; } .storycontent a { font-size: 0.8em; font-weight: bold; color: purple; text-decoration: none; } .storycontent a:hover { font-size: 0.8em; font-weight: bold; color: purple; text-decoration: none; } h3.subtitle { font-size: 1em; color: #000; } .voice { margin-top: 10px; font-size: 1em; font-style: italic; color: #333; } .description { font-size: .75em; color: #333; } /* footer style --- */ #footer p { margin: 0; text-align: center; } #credits { display: none; } /* page tabs --- */ #tabs { margin: -5px 0 10px -4px; padding: 0; float: right; } #tabs li { height: 20px; background: #2086c4 url(images/tab_li_bg.png) bottom left no-repeat; color: #fff; float: left; margin-right: 1px; padding: 0 0 0 8px; font-size: .8em; } #tabs a { display: block; float: left; height: 20px; padding: 0 8px 0 0; background: #2086c4 url(images/tab_a_bg.png) bottom right no-repeat; color: #fff; text-decoration: none; } #tabs li.current-cat { background: #2086c4 url(images/tab_li_bg_current.png) bottom left no-repeat; color: #000; } #tabs li.current-cat a { background: #2086c4 url(images/tab_a_bg_current.png) bottom right no-repeat; color: #ff0; } #tabs a:hover { color: #ff0; } /* categories on sidebar */ li#categories ul { font-size: 10px; } li#categories ul ul { margin-left: 5px; } li#categories a { font-size: 13px; }