/*** styles by robotim
     version 003 - 29 april 2009
     tim at robotim dot net ***/

body {background: #aa0f15 url(http://bitchesinthesky.com/images/116.jpg); background-repeat: repeat-x; text-align: center; margin: 0; color: #FFF; font-family: Verdana, Verdana, Geneva, sans-serif;}
p, ul, ol {font-size: 14px;}
.clear {clear: both;}
a:link, a:visited {color: #FFF; text-decoration: underline;}
body a:hover, body a:active {color: #FC0; text-decoration: underline;}

#container {background: #e61d25; width: 1000px; text-align: left; margin: 0 auto 0 auto; border-left: 2px solid #000; border-right: 2px solid #000; border-bottom: 2px solid #000;}
#head img, #head a {border: 0;}
#sub-container {background: url(http://bitchesinthesky.com/images/104.png) no-repeat top center; margin: 0;}

.fp-ad {border: 1px solid #000;}
#hp-menu {width: 220px; float: left; margin: 35px 0 0 30px; text-align: center;}
#hp-menu p {margin: 0; text-align: left; font-size: .7em; font-weight :900; text-align: center;}
#hp-menu img {margin: 5px 0 0 0;}
#hp-menu .fp-ad {margin-bottom: 10px;}
#hp-blurb {width: 650px; margin: 0 0 0 300px; height: 97px; padding: 10px 0 0 0;}
#hp-blurb p {margin: 5px 0 0 0;}
#new-episode {width: 578px; height: 310px; margin: 0 0 0 288px; background: url(http://bitchesinthesky.com/images/105.gif) no-repeat top left; padding: 20px;}
.new-ep-img {height: 300px; width: 250px; float: right; margin: 5px 0 0 20px; border: 4px solid #FFF;}
.new-date {color: #FC0; font-weight: 900;}
#new-episode h1 {font-weight: 100; font-size: 3em; margin: 20px 0 20px 0;}
#new-episode h2, #new-episode h1, #new-episode p {text-align: center;}
#new-episode h2 {margin: 0;}
#new-episode p {margin: 0 0 0 10px;}
#new-episode h2.new-date {font-size: 1em; font-weight: 500; margin: 0 0 20px 0;}

#fp-banner {clear: both; width: 804px; text-align: center; margin: 15px auto 15px auto;}
#fp-banner img {margin: 0;}

#past-episodes {text-align: left; margin: auto; width: 800px;}
#hp-epgal {background: #182A78; padding: 5px;}
#past-epgal-banner img {margin: 10px 10px 15px 10px;}
#hp-epgal-col1, #hp-epgal-col2, #hp-epgal-col3 {float: left;}
#hp-epgal-col1 div, #hp-epgal-col2 div, #hp-epgal-col3 div {margin: 5px; width: 253px;}
#hp-ep1 img, #hp-ep2 img, #hp-ep3 img, #hp-ep4 img, #hp-ep5 img, #hp-ep6 img, 
#hp-ep7 img, #hp-ep8 img, #hp-ep9 img, #hp-ep10 img, #hp-ep11 img, #hp-ep12 img, 
#hp-ep13 img, #hp-ep14 img, #hp-ep15 img, #hp-ep16 img {width: 250px; height: auto;}
#past-ep-sponsor {height: 300px; float: left; margin: 0 9px 0 9px;}
#hp-ep {margin: 20px 20px 40px 20px; text-align: left; clear: both;}
p.chap-desc {float: right; width: 370px; margin: 70px 0 0 0; line-height: 1.75em; font-size: .8em;}
#past-ep-sponsor p {font-size: .7em; margin: 10px 0 5px 0px; font-weight: 900;}
#past-ep-sponsor img {border: 0;}
.epguide-img {width: 250px; height: 300px;}
#past-epgal-banner p {text-align: left; margin: 10px 10px 20px 10px; font-size: 2em; font-weight: 500;}
.epgal-ch-title {text-transform: uppercase; font-size: 1.25em; margin: 0 0 5px 0; text-align: left; margin: 0 0 20px 20px;}
a p.epgal-ch-title {text-decoration: underline;}

#foot {text-align: center; margin: 20px auto 0 auto; width: 1000px; clear: both;}
#foot p {font-size: .8em; margin: 0 0 5px 0;}

/*** EPISODE PAGES ***/
#episode {background:#233E89 none repeat scroll 0 0; border:1px solid #000; height:530px; margin: 20px auto 20px auto; overflow-x:scroll;
overflow-y:hidden; white-space:nowrap; width:950px;}

#ep-infos {height: 450px; width: 300px; margin: 10px 30px 0 0; text-align: center; float: left;}
.ep-ad-text {margin: 0; background: #000; font-size: .8em; font-weight: 900;}
#episode img {padding: 10px 20px 0 20px;}
#ep-page-ad {height: 450px; width: 300px; float: left; background: #000; margin: 60px 20px 0 20px; text-align: center;}
#ep-page-ad img {margin: 0; padding: 0;}
.eppage-num {font-size: 18px; font-weight: 900; display: inline; margin: 0 120px 0 -235px;}
.eppage-title {font-size: 40px; font-weight:900; display: inline;}
#ep-frames {margin-left: 335px;}
.ep-photocredits {font-size: 18px; font-weight: 100;}
#eppagetitle .ep-sharelink {border: 0; padding: 0; margin: 2px 0 0 15px; height: 33px;}

#ep-page-nav {text-align: center;}
#lower-nav p {font-size: 18px; font-weight: 900;}
.next-link {float: right; margin: 0 20px 50px 0;}
.prev-link {float: left; margin: 0 0 50px 20px;}

/* episode gallery */
.epgal-title {text-align: center; text-transform: uppercase;}
#eplist-ep {text-align: center; width: 100px; float: left; margin: 25px 28px 0 0; height: 250px;}
.ep-list-image {width: 100px; height: 120px; border: 2px solid #000; margin: 0 0 5px 0;}
#eplist-ep h1 {font-size: 14px; margin: 0 0 5px 0;}
#eplist-ep h2 {font-size: 12px; margin: 0 0 5px 0;}
#eplist-ep p {margin: 0 0 15px 0; font-size: 10px; font-weight: 100; width: 100px;}
.epgal-chapter {margin: 0;}
#epgal-chaptergroup {width: 900px; margin: auto;}
#epgal-spacer {height: 50px; clear: both;}

/* vertical menu rollover stylings */
#tall-menu {position: relative; margin: auto; width: 216px; height: 135px;}
#tall-menu li {width: 216px; height: 40px; position: absolute; background: url(http://bitchesinthesky.com/images/101.gif) 0 0 no-repeat; display: block; list-style: none;}
#tall-menu a {width: 216px; height: 40px; display: block;}
#tall-menu #panel-tm1 {left: 0px;}
#tall-menu #panel-tm2 {left: 0px; top: 45px; background-position: -217px 0;}
#tall-menu #panel-tm3 {left: 0px; top: 90px; background-position: -434px 0;}
#tall-menu #panel-tm4 {left: 0px; top: 135px; background-position: -652px 0;}
#tall-menu #panel-tm1 a:hover {background: url(http://bitchesinthesky.com/images/101.gif) -0px -41px no-repeat;}
#tall-menu #panel-tm2 a:hover {background: url(http://bitchesinthesky.com/images/101.gif) -217px -41px no-repeat;}
#tall-menu #panel-tm3 a:hover {background: url(http://bitchesinthesky.com/images/101.gif) -434px -41px no-repeat;}
#tall-menu #panel-tm4 a:hover {background: url(http://bitchesinthesky.com/images/101.gif) -652px -41px no-repeat;}
p.tall-menu-adlink a {position: relative; top: 50px;}

/* vertical menu with HOME button rollover stylings */
#tall-menu-h {position: relative; margin: auto; width: 216px; height: 135px;}
#tall-menu-h li {width: 216px; height: 40px; position: absolute; background: url(http://bitchesinthesky.com/images/202.gif) 0 0 no-repeat; display: block; list-style: none;}
#tall-menu-h a {width: 216px; height: 40px; display: block;}
#tall-menu-h #panel-tm1 {left: 0px;}
#tall-menu-h #panel-tm2 {left: 0px; top: 45px; background-position: -217px 0;}
#tall-menu-h #panel-tm3 {left: 0px; top: 90px; background-position: -434px 0;}
#tall-menu-h #panel-tm4 {left: 0px; top: 135px; background-position: -651px 0;}
#tall-menu-h #panel-tm5 {left: 0px; top: 180px; background-position: -869px 0;}
#tall-menu-h #panel-tm1 a:hover {background: url(http://bitchesinthesky.com/images/202.gif) -0px -41px no-repeat;}
#tall-menu-h #panel-tm2 a:hover {background: url(http://bitchesinthesky.com/images/202.gif) -217px -41px no-repeat;}
#tall-menu-h #panel-tm3 a:hover {background: url(http://bitchesinthesky.com/images/202.gif) -434px -41px no-repeat;}
#tall-menu-h #panel-tm4 a:hover {background: url(http://bitchesinthesky.com/images/202.gif) -651px -41px no-repeat;}
#tall-menu-h #panel-tm5 a:hover {background: url(http://bitchesinthesky.com/images/202.gif) -869px -41px no-repeat;}

/* vertical menu with home button additions */
p.tall-menu-home-adlink a {position: relative; top: 95px;}
#social-tallnav {background: #edeff4; margin: 110px 0 0 0; border: 1px solid #3b5998; width: 215px;}
#social-tallnav div {background: #3b5998;}
#social-tallnav-2 {margin: 20px 0 40px 0;}
#social-tallnav-2 img {border: solid 1px #000;}

/* horizontal menu rollover stylings */
#long-menu {position: relative; margin: 20px 0 5px 60px; width: 879px; height: 40px; clear: both;}
#long-menu li {width: 216px; height: 40px; position: absolute; background: url(http://bitchesinthesky.com/images/101.gif) 0 0 no-repeat; display: block; list-style: none;}
#long-menu a {width: 216px; height: 40px; display: block;}
#long-menu #panel-lm1 {left: 0px;}
#long-menu #panel-lm2 {left: 221px; top: 0px; background-position: -217px 0;}
#long-menu #panel-lm3 {left: 442px; top: 0px; background-position: -434px 0;}
#long-menu #panel-lm4 {left: 663px; top: 0px; background-position: -652px 0;}
#long-menu #panel-lm1 a:hover {background: url(http://bitchesinthesky.com/images/101.gif) -0px -41px no-repeat;}
#long-menu #panel-lm2 a:hover {background: url(http://bitchesinthesky.com/images/101.gif) -217px -41px no-repeat;}
#long-menu #panel-lm3 a:hover {background: url(http://bitchesinthesky.com/images/101.gif) -434px -41px no-repeat;}
#long-menu #panel-lm4 a:hover {background: url(http://bitchesinthesky.com/images/101.gif) -652px -41px no-repeat;}

/* horizontal menu home button add-on */
#long-menu-plus {position: relative; margin: 5px 0 20px 345px; width: 216px; height: 40px; clear: both;}
#long-menu-plus li {width: 216px; height: 40px; position: absolute; background: url(http://bitchesinthesky.com/images/213.gif) 0 0 no-repeat; 
display: block; list-style: none;}
#long-menu-plus a {width: 216px; height: 40px; display: block;}
#long-menu-plus #home-button a:hover {background: url(http://bitchesinthesky.com/images/213.gif) -0px -41px no-repeat;}

/* static pages */
#bits-static {margin: 0 0 50px 300px;}
#bits-static p {margin-right: 50px;}

/* cast page */
#cast-holder p {margin-right: 0;}
#cast-image {padding: 20px; border: #000 1px solid; float: left; margin: 0 30px 30px auto; background: url(http://bitchesinthesky.com/images/107.jpg); height: 300px; overflow: hidden;}
.castinfo {z-index: 1; position: relative; top: -320px; left: 7px; font-size: 22px; font-weight: 900; color: #FFF; background: #233E89; width: 220px;
padding: 10px; text-align: center;}
.cast-link {font-size: 12px;}
.castpic {width: 250px; height: 300px; border: 2px solid #000; z-index: 2; position: relative;}
.char-info {font-weight: 100; font-size: 12px;}

/* tooltips to be turned into episode guide preview windows */
#tooltip {position:absolute; z-index:9999; color:#FFF; font-size:10px; width:180px;}

#tooltip .tipBody {background-color:#000; padding:5px 5px 5px 15px; border: 1px solid #333;}

#past-episodes a {text-decoration: none;}

/* email-RSS page */
#contact-form {background: #233E89; padding: 10px; width: 500px; border: 2px solid #000; margin-bottom: 50px;}
#contact-form ul {color: #FF0;}
#contact-form form {padding: 10px 10px 0 10px; text-align: center;}
#contact-form input {margin: 0 0 10px 0;}
#contact-form textarea {margin-bottom: 10px;}

/* popover box for current episode ad */
#popbox {position: absolute; top:35px; left:30%; width:500px; text-align: center; display: visible; background: #FF0; padding;-top: 20px; border: 15px solid #FF0;}

#popform {background: url('http://bitchesinthesky.com/images/225.jpg') no-repeat; width: 406px; height: 588px; margin: 0 auto; border: solid 2px #000;}

#vd-message {padding-left: 300px;}
#vd-message p {font-size: 1.25em;}