* {padding:0px; margin:0px;}
body {min-width:800px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; background-image:url(images/Mid.jpg); color:#DDDDDD;}
.main-wrapper {width:800px; text-align:center; margin-top:25px; margin-left:auto; margin-right:auto;}
.top {background-image:url(images/top.jpg); width:800px; height:15px; background-repeat:no-repeat;}
.middle {background-image:url(images/middle.gif); width:800px;}
.bottom {background-image:url(images/bottom.jpg); width:800px; height:20px; background-repeat:no-repeat;}
.content-padding {padding-left:15px; padding-right:20px; padding-bottom:20px;}
.header {height:21px; margin-top:5px; background-color:#CCCCCC; width:800px; float:left; text-align:center;}
.pas {height:21px; margin-top:5px; background-color:white; width:800px; float:left; text-align:center;}
.header ul {list-style:none;}
.header ul li {display:inline; margin-left:5px;}
.header ul li.first {display:inline; margin-left:-5px;}
a {color:#999999; text-decoration: none}
a:link {text-decoration: none;}
a:visited {color:#666666; text-decoration: none}
a:hover {color:#CCCCCC; text-decoration: none}
a:active {text-decoration: none}	
a.menu-link {font-weight:bold; background-color:#CCCCCC; color:#333333; text-decoration:none; position:relative; top:4px; padding:4px;}
a.menu-link:link {}
a.menu-link:visited {background-color:#CCCCCC; color:#333333;}
a.menu-link:hover {background-color:#333333; color:#CCCCCC;}
a.menu-link:active {}
.small-spacer {font-size:1px; height:7px;}
.medium-spacer {font-size:1px; height:12px;}
.big-spacer {font-size:1px; height:20px;}
#clear {clear:both;}
.footer {height:10px; width:800px; margin-top:2px; margin-left:auto; margin-right:auto; font-size:7pt}
.footer-fix {height:15px;}
h1 {font-size:12pt; text-align:left; font-family:TrixiePlain;}
h2 {font-size:10pt; text-align:left;}
h3 {font-size:8pt; text-align:left;}
h4 {font-size:8pt; text-align:center;}
.image {margin:3px;}
.episodes ol {list-style:decimal;}
.episodes ol li {margin-left:50px;}
.outset {border:8px #CCCCCC outset;}

/* Av Gallery */
* {margin:0; padding:0; outline:none;}
.hide {display:none;}
#container {width:596px; height:400px; background:#111; overflow:hidden; border:1px solid #333;}
h5 {background:#222; width:592px; height:29px; padding-left:7px; border-bottom:1px solid #333; font-size:18px; line-height:29px; font-weight:normal;}
#picture_section {padding:7px 0 7px 7px; width:590px; height:332px; overflow:hidden;}
#inside {width:590px; height:332px;}
#picture_section img {border:0; height:57px; width:111px; float:left; background:#333; margin-bottom:7px; margin-right:7px; cursor:pointer;}
#controls_vert {background:#222; width:600px; height:23px; border-top:1px solid #333;}
#controls_horz {background:#222; width:600px; height:23px; border-top:1px solid #333;}
#up {height:10px; width:10px; margin-right:7px; background:url(/images/up.jpg) no-repeat; text-indent:-9999px; float:left; margin:7px; margin-bottom:6px; cursor:pointer;}
#down {height:10px; width:10px; background:url(/images/down.jpg) no-repeat; text-indent:-9999px; float:left; margin:7px; margin-left:0; margin-bottom:6px; cursor:pointer;}
#left {height:10px; width:10px; background:url(/images/left.jpg) no-repeat; text-indent:-9999px; float:left; margin:7px; margin-bottom:6px; cursor:pointer;}
#right {height:10px; width:10px; background:url(/images/right.jpg) no-repeat; text-indent:-9999px; float:left; margin:7px; margin-left:0; margin-bottom:6px; cursor:pointer;}
div#up.deactivated {opacity:0.2; filter:alpha(opacity=20); cursor:default;}
div#down.deactivated {opacity:0.2; filter:alpha(opacity=20); cursor:default;}
div#right.deactivated {opacity:0.2; filter:alpha(opacity=20); cursor:default;}
div#left.deactivated {opacity:0.2; filter:alpha(opacity=20); cursor:default;}
#display_picture_container {position:absolute; top:0; left:0; width:700px; height:400px; padding-top:16px;}
#display_picture {position:absolute; top:580px; left:330px; width:596px; height:330px; background:#000; opacity:0.8; filter:alpha(opacity=80); text-align:center; font-size:11px; padding-top:16px;}
#display_picture_img {position:absolute; top:688px; left:395px; height:272px; width:530px; cursor:pointer;}

/* Slider stylesheet */
.fadein {visibility: hidden; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;}
a .fadein{border:none;}
.clear {clear: both; margin-bottom: 30px;}
.headers{color:#fec408;}
#leftControl {float: left; width: 20px; text-align: center; line-height: 178px; display: block; height: 178px; padding-top: 20px;}
#rightControl {float: left; width: 20px; text-align: center; line-height: 233px; display: block; height: 178px; padding-top: 20px;}
#outerScroller {float: left; width: 700px; overflow: hidden; height: 130px; display: block; position:relative;}
#innerScroller {width: 5992px; height: 120px; position: relative; text-align: center;}
#innerScroller img{float:left;}

/* Lightbox - Comics */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; background: url(images/prevlabel.gif) left 15% no-repeat;}
#nextLink { right: 0; float: right;background: url(images/nextlabel.gif) right 15% no-repeat;} 


#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }