* {

    margin: 0;

    padding: 0;

}



html {

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 75%;

    color: black;

    background: #0A1C2E url('/pics/bg-stars.jpg') repeat-y;

    height: 100%;

}



a:link {

    color: #0000ff;

    text-decoration: underline;

}



a:visited {

    color: #0000ff;

    text-decoration: underline;

}



a:hover {

    color : #0000a0;

    text-decoration: underline;

}



a:active {

    color: #0000ff;

    text-decoration: underline;

}





#header {

    position: relative;

    width: 876px;

    height: 87px;

    background: url('/pics/heading.jpg') no-repeat;

}



#header p {

    margin: 0;

}



#banner span {

    display: none;

}



#banner a {

    position: absolute;

    top: 3px;

    left: 18px;

    width: 155px;

    height: 84px;

}



/* The "We're just a fan site" disclaimer */

#fan-site {

    position: absolute;

    top: 4px;

    right: 32px;

    font-size: 12px;

}



#fan-site a {

    color: #e0dedf;

    font-weight: normal;

    text-decoration: none;

}





h1 {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 1.8em;

    font-weight: bold;

    text-align: center;

    margin-bottom: 0.5em;

}



h2 {

    font-size: 1.5em;

    /* margin: 1em 0.5em 0.5em; */

    margin: 1em 0 0.5em;

    text-align: center;

    color: #0066cc;

}



h3 {

    font-size: 1.2em;

    /* margin: 1em 0.5em 0.5em; */

    margin: 1em 0 0.5em;

    color: #0066cc;

}



p {

    font-size: 1em;

    /* margin: 1em; */

    margin: 0 0 1em;

}



img {

    border: none;

}



#content ul, ol {

    margin: -0.5em 0 1em;

}



#content li {

    margin-left: 1.5em;

}





table {

    margin: 0 auto 1em;

    font-size: 0.9em;

    border-collapse: collapse;

}



caption {

    margin: 0 auto;

    font-size: 1.2em;

    font-weight: bold;

}



tr.highlight {

    font-weight: bold;

    background: #e0dedf;

}



th, td {

    border: 1px solid black;

}



th {

    padding: 0 0.25em;

    font-weight: bold;

    text-align: center;

}



td {

    padding: 0 0.25em;

}







table.plain th, table.plain td {

    border: none;

}





.sidebar h2 {

    margin: 0;

    padding: 0.25em 0 0.25em;

}



#left-bar h2 {

    padding-left: 1em;

    text-align: left;

}



#left-bar h3 {

    margin: 2em 0 1em;

    font-size: 1em;

    font-weight: normal;

    text-decoration: underline;

    text-align: center;

    color: #e1dfe0;

}



.sidebar h2 {

    background: #444 url('/pics/bar.gif') repeat-x center;

    color: #e4e2e3;

    font-size: 1em;

    font-weight: bold

}



.sidebar ul {

    list-style: none;

}



.sidebar li {

    background : url('/pics/ico.jpg') no-repeat left center;

    padding: 0.5em 0em 0.4em 1.5em;

    border-bottom: 1px solid #fff;

}



/* Won't work without #left-bar part for some reason */

#left-bar .sidebar-links img {

    display: inline;

    margin: 0 0.25em 0 0;

}



.sidebar-links a {

    text-decoration: none;

}





#left-bar p {

    margin-left: 0.5em;

    margin-right: 0.5em;

    color: #e1dfe0;

}



#left-bar p a {

    color: #e1dfe0;

}



/* FIXME?: Use LoVe/HAte pattern here? */

#left-bar .sidebar-links a {

    /* display: block;

    padding: 0.25em 1em; */

    font-size: 0.9em;

    font-weight: bold;

    color: #fff;

}



#left-bar .sidebar-links a:hover {

    color: #6FA7DF;

}



#left-bar img {

    display: block;

    margin: 0 auto;

}



/* Vertically centers the links on the left sidebar a bit better */

#left-bar .sidebar-links a {

    position: relative;

    top: -3px;

}





#right-bar {

    text-align: center;

}



#right-bar img {

    margin: 8px 0;

}



#right-bar p {

    font-size: 1.2em;

    font-weight: bold;

    text-align: center;

}





#page {

    width: 876px;

    margin: 0 auto;         /* Centers layout */

    background: white url('/pics/bg.gif') repeat-y;

}





#left-bar {

    float: left;

    width: 173px;

    margin-left: -720px;

}



#right-bar {

    float: left;

    width: 156px;

}



#content {

    float: left;

    width: 547px;

    margin-left: 173px;

    padding-bottom: 1em;

}



/* So that these overlap the whitespace in the heading banner */

#right-bar, #content {

    position: relative;

    margin-top: -60px;

    z-index: 1;

}



/* Fixes double margin bug in IE6 */

* html #content {

    display: inline;

}



/*

    We need a margin of 18px on both sides for the background image.

    These divs should be temporary... it SHOULD be possible to just

    incorporate these adjustments into the above code.

*/



#left-bar-inside {

    margin-left: 18px;

    margin-bottom: 2em;

}



#right-bar-inside {

    margin-right: 18px;

}



#right-bar-inside .box {

    background: #e0dedf;

    border: 1px solid #afadae;

}





.post {

    margin: 0em 2em 2em;

}





#footer {

    clear: both;

    text-align: center;

    width: 876px;

    height: 42px;

    background: url('/pics/bottom.gif') no-repeat;

}



#footer p {

    margin: 0;

    padding-top: 12px;

    font-size: 11px;

}



#footer p, #footer a {

    font-family: Tahoma, sans-serif;

    color: #fff;

    font-weight: normal;

}





#designed-by, #designed-by a {

    margin-top: 1em;

    font-family: Tahoma, sans-serif;

    color: #e0dedf;

    font-weight: bold;

    text-align: center;

}





/*

    These are just for floating images from within articles.

    You can use class="float-left" instead of having to specify

    a style tag. Tweak to your heart's content.

*/

.float-left {

    float: left;

    margin-top: 0.2em;

    margin-right: 1em;

}



.float-right {

    float: right;

    margin-top: 0.2em;

    margin-left: 1em;

}





.faq-question {

    font-weight: bold;

}





ul.arrows {

    list-style-image: url('/pics/arrow.gif');

}