/********************************* RESETS *********************************/
*{
margin:0;
padding:0;
}
img{
border:0;
}
/********************************* GENERAL LAYOUT *************************/
body {
background-color:#313140;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
voice-family: "\"}\"";
voice-family:inherit;
}
#wrapper{
width:960px;
background-color:#fff;
margin:2px auto;
margin-bottom:20px;
text-align:left;
}
.cleaner{
clear:both;
}
.center{
text-align:center;
}
/******************************** SKIPNAV *********************************/
#skipnav{
text-align:left;
margin-left:10px;
font-size:70%;
}
#skipnav a{
color:#eaeaea;
}
#skipnav a:active, #skipnav a:hover, #skipnav a:focus{
outline:1px solid #fff;
background:#eaeaea;
color:#313140;
}
/*********************************** MASTHEAD ******************************/
#masthead{
text-align:center;
}
#masthead a{
text-decoration:none;
}
#masthead a:active, #masthead a:hover, #masthead a:focus{
filter:alpha(opacity=80);
zoom:1;
opacity:.8;
}
#masthead h1{
text-indent:-9999px;
height:180px;
background:url(masthead.jpg) center no-repeat;
}
/****************************** MAIN NAVIGATION ****************************/
#nav{
background-color:#4f1919;
font-size:80%;
font-family:Verdana, Helvetica, Trebuchet MS, Arial, Tahoma, Geneva, sans-serif;
margin:0 auto;
padding:7px 0;
text-align:left;
white-space:nowrap;
}
#nav ul{
list-style-type:none;
padding-bottom:0;
margin:0;
}
#nav li{
display:inline;
margin:0 5px 3px 5px;
line-height:1.1em;
padding:0 0 5px 0;
}
#nav li.notyet{
display:none;
}
#nav a{
padding:4px 5px 4px 19px;
color:#fff;
text-decoration:none;
margin:0 2px 0 2px;
background:#4f1919 url(nav.gif) 4% 52% no-repeat;
}
#nav a:active, #nav a:hover, #nav a:focus, #nav a.now{
background:#313140 url(navnow.gif) 4% 52% no-repeat;
}
/************************************** BREADCRUMBS *********************************/
#breadcrumbs{
color:#4a4a4a;
font-size:70%;
margin:5px 0 2px 0;
padding:0 0 2px 5px;
border-bottom:1px solid #640000;
}
#breadcrumbs a{
color:#4A4A4A;
}
#breadcrumbs a:active, #breadcrumbs a:hover, #breadcrumbs a:focus{
background-color: #5b0000;
color:#fff;
}
/********************************** CONTENT **********************************/
#content{
padding:0 10px;
margin:20px 80px 0 20px;
}
#content p{
padding-bottom:1.6em;
font-size:85%;
line-height:1.5em;
}
#content p.episode{
font-weight:bold;
line-height:1em;
padding-bottom:0.5em;
}
#content p.series{
font-size:95%;
font-weight:bold;
line-height:1em;
padding-bottom:0.5em;
}
#content ul{
padding-bottom:1.4em;
}
#content li{
font-size:85%;
line-height:1.4em;
margin-bottom:.9em;
margin-left:25px;
list-style-type:circle;
}
#content p.links{
text-align:center;
background-color:#F6F6F6;
padding:2px 0 2px 0;
margin:10px 0 20px 0;
line-height:2em;
}
.links a{
margin:0 10px;
font-size:110%;
}
.points{
font-weight:bold;
padding-bottom:0;
line-height:1.4em;
}
#content p.small{
font-size:70%;
}
#content p.list{
padding-bottom:0;
line-height:1.4em;
}
#content a{
color:#372d55;
}
#content a:visited{
color:#4F0000;
}
#content a:active, #content a:hover, #content a:focus{
background-color:#d3d3d3;
}
#content h1, h2, h3, h4, h5{
font-family:Arial, Helvetica, sans-serif;
color:#5B0000;
margin-bottom:0.7em;
margin-top:1.0em;
letter-spacing:0.05em;
}
#content h1{
font-size:160%;
margin-bottom:0.8em;
margin-top:0.2em;
text-shadow:1px 1px 4px #bdbaac;
font-variant:small-caps;
}
#content h1:first-letter{
font-size:120%;
letter-spacing:0;
}
#content h2{
font-size:130%;
}
#content h3{
font-size:95%;
border-top: 1px dashed #7c7c7c;
margin:10px 0 10px 0;
padding:5px 0 0 0;
}
#content h4{
margin-top:0.5em;
font-size:110%;
}
#content a img:hover{
opacity:.9;
}
.imagecenter{
padding:10px 0 10px 0;
text-align:center;
font-size:70%;
}
.imagealone{
padding:0 10px 10px 10px;
}
.line{
border-bottom:1px dashed #640000;
margin:0 0 20px 0;
}

/*Site Map*/
#map p{
padding-bottom:1.3em;
font-size:80%;
line-height:1em;
}
#map a{
font-weight:bold;
}

/********************************* LOWER NAVIGATION *******************************/
#lowernav{
clear:both;
text-align:right;
background-color:#4f1919;
color:#F0F0F0;
padding:5px 10px 10px 10px;
margin:15px 0 0 0;
border-top:1px solid #640000;
}
#lowerlinks{
float:left;
width:650px;
margin:0 0 0 20px;
border-right:1px dashed #9f9f9f;
}
#sitelinks{
float:left;
text-align:left;
width:700px;
margin:0;
padding:0;
}
#sitelinks ul{
padding-bottom:0;
padding-top:2px;
list-style-type:none;
}
#sitelinks li{
display:inline;
float:left;
width:175px;
line-height:2.1em;
color:#fff;
font-size:80%;
}
#lowernav a{
color:#fff;
margin:0 10px;
text-decoration:none;
}
#lowernav a:active, #lowernav a:hover, #lowernav a:focus{
background-color:#fff;
color:#5b0000;
}
#lowsearch{
float:right;
margin:0;
padding:10px 50px 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
}

/********************************* FOOTER ****************************************/
#footer{
clear:both;
padding:2px 5px 10px 15px;
margin: 10px 5px 10px 5px;
}
#footer p{
font-size:75%;
}
#footer a{
color:#00486A;
}
#footer a:active, #footer a:hover, #footer a:focus{
background-color:#C7C7C7;
}
/******************************** SEARCH ******************************************/
#search{
margin:0;
padding:0 10px 10px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#advsearch{
margin:0;
padding:0 10px 20px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
border-bottom:1px dotted #313140;
}
#advsearch :focus{
outline:solid 1px;
}
#advsearch .labelname{
font-weight:bold;
padding:5px 5px 10px 0;
margin:10px 0;
line-height:2em;
}
#advsearch td{
padding:5px 0;
}
#search fieldset, #lowsearch fieldset, #advsearch fieldset {
margin:0;
padding:0;
border:0
}
#search fieldset label, legend, #lowsearch fieldset label{
display:none
}
#search input#term, #advsearch input#term{
border:1px solid #272727;
padding:2px;
width:200px;
color:#444;
font-size:90%;
}
#lowsearch input#term{
border:1px solid #272727;
padding:2px;
width:150px;
color:#444;
font-size:95%;
}
#search input#searchbutton{
width:80px;
font-size:95%;
background-color:#313140;
color:#fff;
cursor:pointer;
}
#advsearch input#searchbutton{
width:120px;
margin:2px 90px;
padding:2px 0;
font-size:95%;
background-color:#313140;
color:#fff;
cursor:pointer;
}
#lowsearch input#searchbutton {
width:80px;
background-color:#313140;
color:#fff;
cursor:pointer;
margin:5px 0 0 0;
}
#search input#searchbutton:hover, #search input#searchbutton:focus, #lowsearch input#searchbutton:hover, #lowsearch input#searchbutton:focus, #advsearch input#searchbutton:hover, #advsearch input#searchbutton:focus{
background-color:#525252;
}
/************************************* CONTACT FORM *************************************/
#contact{
margin:0 0 20px 0;
}
#contact label{
font-size:90%;
color:#494949;
}
#contact input#subject, #contact input#name, #contact input#email{
margin:0 0 15px 15px;
}
#contact textarea#comments{
margin:0 0 10px 15px;
}
#contact p{
font-size:70%;
margin-top:10px;
}
#contact .required{
color:#AA0000;
font-size:85%;
}
#contact fieldset {
margin:0;
padding:0;
border:0
}
#contact fieldset legend{
display:none
}
#contact input#button {
margin:0 0 0 70px;
padding:2px 5px;
cursor:pointer;
}

/************************************* STORY PAGE STYING *******************************/
#syn{
border-bottom:1px solid #525252;
margin-bottom:10px;
}
#syn p{
font-family:Geneva, Arial, Helvetica, sans-serif;
padding-bottom:0;
font-size:85%;
line-height:1.5em;
}