/*** styles by robotim
     version 005e - june 2010
     Style for episode pages only
     Happy Birthday fellow Geminis !
     Cute boys reading my code should email me.
     tim -at- bitchesinthesky.com ***/

body {background: #000; margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif;}
a {text-decoration: none;}
.clear {clear: both;}
.double-arrows {font-size: 1.25em;}
.clear {clear: left;}

#container {width: 1006px; margin: auto; color: #FFF;}

/* head */
#head {width: 1000px; margin: 0 auto 15px auto; clear: both;}
#head h1 {margin: 0; border: 0; padding: 0;}
#head h1 img {border: 0;}

#novella-nav {text-align: left; height: 15px;}
#novella-nav img {border: 0;}
.novnav-linda {float: left; margin: 0 40px 10px 30px;}
.novnav-star {margin: 10px 10px 0 0; float: left;}
#novnav-about {display: block; float: left; width: 52px; height: 14px; background: url(http://bitchesinthesky.com/images/1143.png) no-repeat 0 0;
margin: 10px 10px 0 0;}
#novnav-about:hover {background-position: -0 -15px;}
#novnav-about span {display: none;}
#novnav-epguide {display: block; float: left; width: 110px; height: 14px; background: url(http://bitchesinthesky.com/images/1143.png) no-repeat -53px 0;
margin: 10px 10px 0 0;}
#novnav-epguide:hover {background-position: -53px -15px;}
#novnav-epguide span {display: none;}
#novnav-cast {display: block; float: left; width: 113px; height: 14px; background: url(http://bitchesinthesky.com/images/1143.png) no-repeat -162px 0;
margin: 10px 10px 0 0;}
#novnav-cast:hover {background-position: -162px -15px;}
#novnav-cast span {display: none;}
#novnav-emaillist {display: block; float: left; width: 171px; height: 14px; background: url(http://bitchesinthesky.com/images/1143.png) no-repeat -275px 0;
margin: 10px 10px 0 0;}
#novnav-emaillist:hover {background-position: -275px -15px;}
#novnav-emaillist span {display: none;}

/* Episode Page */
#episode-holder {background: url(http://bitchesinthesky.com/images/1144.png) no-repeat top center; height: 656px; margin-bottom: 20px;}
#episode-info {margin: 30px auto 10px 100px; width: 900px; padding-top: 20px;}
#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;}
.slideshow {margin: 0px auto; width: 804px; height: 454px; text-align: center;}
.slide {text-align: center; width: 800px!important; background: #000; margin: auto; border: #FFF solid 2px;}

#final-panel {color: #FFF; height: 450px!important;}
#final-panel h1 {font-weight: 100;}
#final-panel a:link, #final-panel a:visited {color: #FFF;}
#final-panel a:hover, #final-panel a:active {color: #C00;}

#next2 {display: block; width: 50px; height: 100px; background: url(http://bitchesinthesky.com/images/1141.png) no-repeat -50px 0; 
position: relative; float: right; top: 210px; left: -40px;}
#next2:hover {background-position: -50px -100px;}
#next2 span {display: none;}
#prev2 {display: block; width: 50px; height: 100px; background: url(http://bitchesinthesky.com/images/1141.png) no-repeat 0 0; 
position: relative; float: left; top: 210px; right: -40px;}
#prev2:hover {background-position: 0 -100px;}
#prev2 span {display: none;}

#episode-subpanel {margin-bottom: 50px;}
#lower-nav {padding: 10px 0 40px 0; border-bottom: 2px solid #FFF; width: 804px; margin: auto;}
#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: #FFF;}
#lower-nav p a:hover, #lower-nav p a:active {color: #F00;}
.larger-arrows {font-size: 1.45em;}
#share-comments {margin: 10px auto auto auto; text-align: right; clear: both; width: 800px;}
#comment-invite {text-transform: uppercase; margin: 2px 0 0 30px; font-size: .8em; float: right; font-weight: 100;}
#comment-invite a {text-decoration: underline; font-weight: 900;}
#comment-invite a:link, #comment-invite a:visited {color: #FFF;}
#comment-invite a:hover, #comment-invite a:active {color: #F00;}

/* Episode index */
#episode-index {margin-bottom: 40px; border-bottom: 1px dotted #CCC; padding-bottom: 20px;}
#episode-index h2 {font-size: 3.5em; font-weight: 100; margin: 40px 0 10px 0; text-align: center; border-bottom: 1px dotted #CCC;}
.epindex-article {margin: 0 0 10px 100px;}
.epindex-intermission {background: #15204F; padding: 10px; text-align: center; margin: 30px auto 30px auto; border-bottom: #001533 2px solid; border-top: 1px dotted #CCC; width: 900px;}
.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: #AAA; 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;}

/* Novella section footer */
#novella-footer {text-align: left; width: 800px; margin: 10px auto; height: 70px;}
#novfoot-new {display: block; float: left; width: 153px; height: 44px; background: url(http://bitchesinthesky.com/images/1140.png) no-repeat 0 0;
margin: 10px 10px 0 0;}
#novfoot-new:hover {background-position: -0 -44px;}
#novfoot-new span {display: none;}
#novfoot-facebook {display: block; float: left; width: 182px; height: 30px; background: url(http://bitchesinthesky.com/images/1140.png) no-repeat -154px 0;
margin: 10px 10px 0 0;}
#novfoot-facebook:hover {background-position: -154px -30px;}
#novfoot-facebook span {display: none;}
#novfoot-press {display: block; float: left; width: 185px; height: 18px; background: url(http://bitchesinthesky.com/images/1140.png) no-repeat -335px 0;
margin: 10px 10px 0 0;}
#novfoot-press:hover {background-position: -335px -18px;}
#novfoot-press span {display: none;}
#novfoot-rss {display: block; float: left; width: 171px; height: 18px; background: url(http://bitchesinthesky.com/images/1140.png) no-repeat -520px 0;
margin: 10px 10px 0 0;}
#novfoot-rss:hover {background-position: -520px -18px;}
#novfoot-rss span {display: none;}
.novfoot-copy {float: right; font-size: .75em; color: #CCC; margin: -15px -20px 0 0;}
.novfoot-copy a:link, .novfoot-copy a:visited {color: #CCC; text-decoration: underline;}
.novfoot-copy a:hover, .novfoot-copy a:active {color: #C00; text-decoration: underline;}