/*
contents

html tags
layout divs
nav
picture formatting
anything else
*/


/* html tags */
div, html {
	margin: 0;
	padding: 0;
}
body {
    font-family: Verdana, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 76%;
	height: 100%;
	width: 100%;
	background: #fff;/*#e0cd9b;*/
/*	background: #f7f7f7 url(/i/bg.gif) repeat-y 50% 0 fixed;*/
	/* hack to get the text looking nice in FF */
	opacity: 0.9999;
}
body div.w1024 #nav, body div.w1024 #content { font-size: 1.1em; }
/*
body #container.w1024 #nav, body #container.w1024 #content { font-size: 1.1em; }
*/
h1 {
	margin: 0;
	font-weight: normal;
	padding: 0;
	font-family: "Old English Text MT", Georgia, "Times New Roman", serif;
	font-size: 28px;
	line-height: 90px;
	text-shadow: 0 0 0 #000;
}
h1 a {
	text-decoration: none;
	color: #fff;
	margin: 0 auto;
	width: 760px;
	height: 90px;
	display: block;
	text-indent: -2000em;
	background: transparent url(/i/header.jpg) no-repeat 200px 11px scroll;
}
h1 a:visited { color: #fff; }
h2, h3, h4, h5, h6 {
    font-family: "Lucida Grande", Lucida, Verdana, serif;
	margin: 0.5em 0;
	padding: 0;
}
h2 {
	color: #222;
	font-size: 1.5em;
	font-weight: 500;
	line-height: 1.3em;
	text-shadow: 0 0 0 #222;
}
h3 {
	color: #333;
	font-size: 1.2em;
	font-weight: 500;
	text-shadow: 0 0 0 #333;
}
h4 {
	color: #111;
	font-size: 1.2em;
	font-weight: normal;
	text-shadow: 0 0 0 #111;
}
h5, h6 {
	color: #111;
	font-size: 1em;
	font-weight: normal;
	text-shadow: 0 0 0 #111;
}
p, li {
	color: #111;
    font-size: 1em;
    line-height: 1.5em;
	text-shadow: 0 0 0 #111;
}
ul {
	color: #111;
	list-style: none;
	margin: 1em 0 4px;
	padding: 0;
}
ul.links {
	padding: 0;
}
ul.subList {
	margin: 0;
	padding: 0 0 0 2em;
}
a:link {
    color: #0000CC;
}
a:visited {
    color: #310e0a;
}
a:hover {
    color: #0000FF;
}
a:active {
    color: #666666;
}

/* layout divs */
#container {
	padding: 0;
	margin: 0;
	background: #f7f7f7 url(/i/bg-small.gif) repeat-y 50% 0 fixed;
}
#container.w1024 {
	background: #f7f7f7 url(/i/bg.gif) repeat-y 50% 0 fixed;
}
#superfluousDiv1, #superfluousDiv2 {
	display: none;
}
#header {
	width: 100%;
	text-align: center;
	border-top: 1px solid #362204;
	background: transparent url(/i/headergrad2.png) repeat-x top left scroll;
}
#heading {
	height: 90px;
	margin: 7px 0 0 0;
	background: #AB1500 url(/i/headergrad.png) repeat-x bottom left scroll;/*9a1500 - 891101*/
	border-bottom: 1px solid #362204;
}
#content {
	width: 700px;
	margin: 0 auto;
	padding: 10px 11px;
	clear: both;
}
div.w1024 #content {
	width: 852px;
	padding: 10px 33px;
}
#footer {
	width: 100%;
	min-height: 162px;
	text-align: left;
	margin: 20px 0 0 0;
	border-top: 1px solid #695537;
	background: #e0cd9b url(/i/footergrad.png) repeat-x top left scroll;
}
#footer:after {
	/* clearing */
    content: "";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#footerclose { height: 7px; border-bottom: 1px solid #695537; background: #e0cd9b url(/i/footergrad2.png) repeat-x bottom left scroll; }

#nav {
	width: 740px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: transparent url(/i/h3-small.gif) no-repeat bottom left scroll;
}
div.w1024 #nav {
	width: 914px;
	background: transparent url(/i/h3.gif) no-repeat bottom left scroll;
}
/* navigation */
#nav ul {
	height: 34px;
	width: 100%;
	padding: 3px 0 20px;
	margin: 0;
}
#nav ul li {
	display: inline;
	padding: 0;
	margin: 0;
	height: 34px;
}
#nav ul li a {
	height: 34px;
	padding: 10px 15px 8px;
	margin: 0 1px;
	text-decoration: none;
	font-size: 0.9em;
	line-height: 34px;
	color: #000;
}


/* picture formatting */
.picture h2, .picture p { text-align: center; }
.picture img.screenshot { display: block; margin: 0 auto; }
.picture #footer p { text-align: left; }
.picture #content { width: 720px; padding: 10px 1px; }
.picture div.w1024 #content { width: 852px; padding: 10px 33px; }

/* anything else */

/* footer bits */
#footer .col {
	float: left;
/*	height: 150px;
*/	width: 220px;
	margin: 10px 30px 10px 0;
}
#footer .lastCol { margin: 10px 0 10px 10px; width: 250px; }
#footer div.footerdvd {
	margin: 0.5em 0 5px 0;
}
#footer div.footerdvd img {
	float: left;
	margin: 0 10px 5px 10px;
	clear: left;
}
#footer div.footerdvd p {
	float: left;
	line-height: 70px;
	margin: 0;
	padding: 0;
}
#footContainer {
	width: 760px;
	margin: 0 auto;
}
#footer ul {
	margin: 0.5em 0;
	padding: 0;
}
#footer h3, div.w1024 #footer h3 { color: #000; background: none; margin: 0; padding: 0; }

/* for the story pages */
pre {
    font-size: 1.1em;
    line-height: 1.2em;
}
body.story h3 {
	margin: 0 -20px;
	padding: 30px 0 0.5em 33px;
	background: transparent url(/i/h3-small.gif) no-repeat top left scroll;
}
body.story div.w1024 h3 {
	margin: 0 -31px;
	background: transparent url(/i/h3.gif) no-repeat top left scroll;
}
h3.legal {
	margin: 4em 0 0 0;
}


/* the thumbnails */
body.guide div.text {
	width: 400px;
	float: left;
}
body.guide div.w1024 div.text {
	width: 439px;
}
div#thumbs {
	width: 260px;
	float: right;
}
div.w1024 div#thumbs {
	width: 391px;
}
div#thumbs h3 {
	text-align: center;
}
ul.thumbs li {
	float: left;
	margin: 0 1px 3px 1px;
}
ul#desks { width: 700px; }
div.w1024 ul#desks { width: 840px; }

/* contact form */
dl.contact {
	margin: 0;
	padding: 0;
}
.contact dt {
	margin: 1em 0;
}
.contact dd {
	margin: -2.5em 0 2em 7em;
	padding: 0 0 0 20px;
}
.contact textarea {
	width: 400px;
	height: 10em;
	border: 1px solid #000;
}
.contact input {
	width: 300px;
	height: 1.5em;
	border: 1px solid #000;
}

/* links */
#content div.dvd {
	float: left;
	margin: 0 0 10px 20px;
}

/* basic classes */
.clear {
	clear: both;
}
.left {
	float: left;
	margin: 0 5px 5px 0;
}
.right {
	float: right;
	margin: 0 0 5px 5px;
}
a img {
	border: none;
}

/* episode guide drop down */
#episodeList1 {
	width: 847px;
	height: 20px;
	padding: 0;
	display: none;
}
#episodeList2 {
	display: none;
	position: absolute;
/*	background: #ea6091;*/
	height: 242px;
	background: transparent url(/i/close_list.gif) no-repeat bottom left scroll;
}
#episodeList1 h3 a {
	display: block;
	text-decoration: none;
	width: 100%;
	height: 20px;
	text-indent: -1000em;
	color: #fff;
	padding: 0 0 0 10px;
	clear: both;
}
#episodeList1 #select a {
	background: transparent url(/i/select_episode.gif) no-repeat top left scroll;
}
#episodeList1 h3#hide a { width: 847px; }
.label {
	margin: 0;
	padding: 0;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
}
#episodeList1 ul {
	width: 850px;
	margin: 5px 0 0 0;
	padding: 0 0 0 7px;
	list-style: none;
}
#episodeList1 ul li {
	width: 90px;
	height: 68px;
	margin: 0;
	padding: 0 4px 5px 0;
	float: left;
	text-indent: -1000em;
}
#episodeList1 ul li#hide { text-indent: 10px; }
#episodeList1 ul li a {
	width: 90px;
	height: 68px;
	margin: 0;
	padding: 0;
	display: block;
}
#epLink01	{ background: transparent url(/i/navthumbs/01.jpg) no-repeat top left scroll;  }
#epLink02	{ background: transparent url(/i/navthumbs/02.jpg) no-repeat top left scroll;  }
#epLink03	{ background: transparent url(/i/navthumbs/03.jpg) no-repeat top left scroll;  }
#epLink04	{ background: transparent url(/i/navthumbs/04.jpg) no-repeat top left scroll;  }
#epLink05	{ background: transparent url(/i/navthumbs/05.jpg) no-repeat top left scroll;  }
#epLink06	{ background: transparent url(/i/navthumbs/06.jpg) no-repeat top left scroll;  }
#epLink07	{ background: transparent url(/i/navthumbs/07.jpg) no-repeat top left scroll;  }
#epLink08	{ background: transparent url(/i/navthumbs/08.jpg) no-repeat top left scroll;  }
#epLink09	{ background: transparent url(/i/navthumbs/09.jpg) no-repeat top left scroll;  }
#epLink10	{ background: transparent url(/i/navthumbs/10.jpg) no-repeat top left scroll;  }
#epLink11	{ background: transparent url(/i/navthumbs/11.jpg) no-repeat top left scroll;  }
#epLink12	{ background: transparent url(/i/navthumbs/12.jpg) no-repeat top left scroll;  }
#epLink13	{ background: transparent url(/i/navthumbs/13.jpg) no-repeat top left scroll;  }
#epLink14	{ background: transparent url(/i/navthumbs/14.jpg) no-repeat top left scroll;  }
#epLink15	{ background: transparent url(/i/navthumbs/15.jpg) no-repeat top left scroll;  }
#epLink16	{ background: transparent url(/i/navthumbs/16.jpg) no-repeat top left scroll;  }
#epLink17	{ background: transparent url(/i/navthumbs/17.jpg) no-repeat top left scroll;  }
#epLink18	{ background: transparent url(/i/navthumbs/18.jpg) no-repeat top left scroll;  }
#epLink19	{ background: transparent url(/i/navthumbs/19.jpg) no-repeat top left scroll;  }
#epLink20	{ background: transparent url(/i/navthumbs/20.jpg) no-repeat top left scroll;  }
#epLink21	{ background: transparent url(/i/navthumbs/21.jpg) no-repeat top left scroll;  }
#epLink22	{ background: transparent url(/i/navthumbs/22.jpg) no-repeat top left scroll;  }
#epLink23	{ background: transparent url(/i/navthumbs/23.jpg) no-repeat top left scroll;  }
#epLink24	{ background: transparent url(/i/navthumbs/24.jpg) no-repeat top left scroll;  }
#epLink25	{ background: transparent url(/i/navthumbs/25.jpg) no-repeat top left scroll;  }
#epLink26	{ background: transparent url(/i/navthumbs/26.jpg) no-repeat top left scroll;  }