/*** styles by robotim
     version 004b - 14 feb 2010
     Happy Valentine's Day !
     Cute boys reading my code should email me.
     tim -at- bitchesinthesky.com ***/

body {background: #FFF; margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif;}
a {text-decoration: none;}
.clear {clear: both;}

#head-outer {width: 100%; background: #FFF; margin: 0; padding-top: 5px;}
#head-inner {width: 1100px; height: 180px; margin: auto; background: url(/images/668.jpg) top left no-repeat;}
#head-inner h1 {margin: 0;}
#head-inner h1 a img {border: 0; float: left;}
#top-banner-ad {margin-right: 52px; width: 640px; float: right;}
#top-banner-ad p {margin: 0 0 2px 0; font-size: .7em;}
#top-banner-ad a img {border: 1px solid #000; margin: 0;}
#head-inner h2 {margin: 18px 0 0 0; font-size: 1.5em; float: right; width: 740px; font-style: oblique;}
#container {width: 1000px; margin: auto; background: #FFF; border: 4px solid #000;}

#foot {clear: both; background: #F00;}
#foot ul {margin: 0; text-align: center; padding: 10px 0 5px 0;}
#foot li {display: inline; font-size: .9em; margin: 0 20px;}
#foot a:link, #foot a:visited {color: #FFF;}
#foot a:hover, #foot a:active {color: #000;}

body#cast #head-outer {border-bottom: 2px solid #000;}
body#cast #container {margin: 40px auto 0 auto;}
#left-column, #right-column, #center-column {text-align: left;}
#left-column {float: left; width: 250px; border: 1px solid #000;}
#right-column {float: right; width: 250px;}
#center-column {width: 500px; margin: 0 0 40px 250px;}

/* Episode Page */
body#novella {background: #000;}
#episodes-navmenu {clear: both;}
#episodes-navmenu ul {background: #F00; margin: 0; text-align: center; padding: 10px 0 5px 0;}
#episodes-navmenu li {display: inline; margin: 0 20px;}
#episodes-navmenu li a:link, #episodes-navmenu li a:visited {color: #FFF;}
#episodes-navmenu li a:hover, #episodes-navmenu li a:active {color: #000;}

#episode-holder, #episode-guide-holder {width: 820px; margin: auto;}
#episode-info {margin: 30px 0 0 0;}
#episode-info h3, #episode-info h4 {margin: 0; float: left; clear: left;}
#episode-info h2 {margin: 0 0 0 265px; font-size: 3.5em; font-weight: 100;}
#episode-info h3 {font-size: 2em; font-weight: 100;}
#episode-info h4 {font-weight: 100;}
#episode-panels {margin: 0; background: #000;}
.slideshow, .slide {text-align: center; width: 800px!important; background: #000;}
.slideshow {margin: 0px auto; clear: left; height: 480px; text-align: center;}
.slide {margin: auto; padding-top: 10px; height: 460px!important;}
.slideshow img {background-color: #000; border: 2px solid #FFF; margin: auto;}
#final-panel {color: #FFF;}
#final-panel h1 {font-weight: 100;}
#final-panel a:link, #final-panel a:visited {color: #F00;}
#final-panel a:hover, #final-panel a:active {color: #FFF;}
#panelnav {padding-bottom: 10px;}
.panelnav #prev2, .panelnav #next2 {font-size: 1.5em; text-transform: uppercase;}
.panelnav #prev2, .panelnav #next2 {margin: 0 50px;}
.panelnav a:link, .panel-nav a:visited {color: #F00;}
.panelnav a:hover, .panelnav a:active {color: #FFF;}
#episode-subpanel {margin-bottom: 50px;}
#share-comments {margin-top: 10px; text-align: right; clear: both;}
#comment-invite {text-transform: uppercase; margin: 10px 0; font-size: .8em;}
#comment-invite a {text-decoration: underline; font-weight: 900;}
#comment-invite a:link, #comment-invite a:visited {color: #F00;}
#comment-invite a:hover, #comment-invite a:active {color: #000;}
#lower-nav {padding: 10px 0 40px 0; border-bottom: 2px solid #000;}
#lower-nav p {margin: 0; font-size: 1.5em;}
#lower-nav p a {font-weight: 100;}
.next-link {float: right;}
.prev-link {float: left;}
#lower-nav p a:link, #lower-nav p a:visited {color: #F00;}
#lower-nav p a:hover, #lower-nav p a:active {color: #000;}
.larger-arrows {font-size: 1.45em;}

/* Episode index */
#episode-index {margin-bottom: 80px;}
#episode-index h2 {font-size: 3.5em; font-weight: 100; margin: 30px 0 10px 0;}
.epindex-article, .epindex-intermission {margin: 0 0 10px 0;}
.epindex-intermission {background: #000; padding: 10px; text-align: center; margin: 30px 0 30px 0;}
.epindex-intermission h4, .epindex-intermission h5 {color: #FFF;}
.epindex-article h3, .epindex-article h4, .epindex-article h5, .epindex-intermission h3, 
.epindex-intermission h4, .epindex-intermission h5 {display: inline; margin-right: 10px;}
.epindex-article a:link, .epindex-article a:visited {color: #F00; text-decoration: underline;}
.epindex-article a:hover, .epindex-article a:active {color: #000; text-decoration: underline;}
.epindex-intermission a:link, .epindex-intermission a:visited {color: #F00; text-decoration: underline;}
.epindex-intermission a:hover, .epindex-intermission a:active {color: #FFF; text-decoration: underline;}
.epindex-article h3, .epindex-intermission h3 {font-size: 1.5em;}
h3.epindex-chapternumber {display: block; font-size: 2em; font-weight: 100; margin: 40px 0 20px 0;}

/* Episode guide */
body#episode-guide {background: #000;}
#episode-guide-holder {margin-bottom: 80px;}
#episode-guide-holder h2 {font-size: 3.5em; font-weight: 100; margin: 30px 0 10px 0;}
.epguide-chapter {border-top: 2px solid #000; padding-top: 20px; clear: left; margin-bottom: 40px;}
.epguide-chapter img.chapterimage {border: 0; float: left; margin: 0 30px 40px 0;}
.epguide-chapter a:link, .epguide-chapter a:visited {color: #F00;}
.epguide-chapter a:hover, .epguide-chapter a:active {color: #000;}
.epguide-chapter h3 {font-size: 2em; font-weight: 100; margin: 10px 0 20px 0;}
div.chap-desc {line-height: 1.5em; text-align: left; margin-left: 380px; margin-top: 0;}
p.chapgal-link {text-align: right;}
.epindex-link {clear: both; background: #000; text-align: center; padding: 10px; border-top: solid 40px #FFF;}
.epindex-link a:link, .epindex-link a:visited {color: #F00;}
.epindex-link a:hover, .epindex-link a:active {color: #FFF;}

#chapter-guide h2 {font-size: 2.5em; font-weight: 100; margin: 40px 0 20px 0; border-bottom: 2px solid #000; padding: 0 0 10px 0;}
.chapter-guide-thumb {width: 150px;}
.chapter-guide-ep {width: 200px; float: left; height: 370px;}
#episode-guide #episode-holder {text-align: center;}
#episode-guide #lower-nav {border: 0;}
#episode-guide #episode-subpanel {clear: both; padding: 5px 10px 5px 10px; background: #000;}
#episode-guide p.prev-link a:hover, #episode-guide p.prev-link a:active, #episode-guide p.next-link a:hover, #episode-guide p.next-link a:active {color: #FFF;}
.chapter-guide-ep h3 {margin: 5px 0 0 0; font-size: 1em;}
.chapter-guide-ep h4 {margin: 0; font-size: .9em;}
.chapter-guide-ep img {margin: 10px 0 10px 0;}
.chapter-guide-ep p {font-size: .8em; margin: 0 auto 10px auto; width: 170px;}
.chapter-guide-ep p.posted-comments {font-style: oblique; font-size: .7em;}
.chapter-guide-ep a:link, .chapter-guide-ep a:visited {color: #F00;}
.chapter-guide-ep a:hover, .chapter-guide-ep a:active {color: #000;}