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

body {background: #FFF url(http://bitchesinthesky.com/images/707.gif) no-repeat top center; margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif;}
a {text-decoration: none;}
.clear {clear: both;}
.double-arrows {font-size: 1.25em;}

#head {width: 1000px; margin: auto;}
#head h1 {margin: 0; border: 0; padding: 0;}
#head h1 img {border: 0; float: left;}
#head h2 {margin: 0 0 20px 0;}

#container {width: 1000px; margin: auto;}
#left-column, #right-column, #center-column {text-align: left;}
#left-column {float: left; width: 630px; background: #000; margin-bottom: 40px;}
#right-column {float: right; width: 350px;}
#rightcol-adunit {background: #B5B5B5; padding: 10px 20px 20px 20px;}
.railadvert {color: #FFF; font-size: .7em; text-transform: uppercase;}
#rightcol-adunit img {border: 1px solid #000;}

/* Sidebar */
#right-column a:link, #right-column a:visited {color: #F00;}
#right-column a:hover, #right-column a:active {color: #000;}
.sidebar-item {background: #CCC; text-align: center; padding: 20px; margin: 20px 0 20px 0; border: 1px solid #000;}
.sidebar-item h4 {margin: 0; text-transform: uppercase; font-size: 2em;}

/* Front page */
.fparticle-item {width: 590px; margin: 20px 20px 50px 20px; clear: left;}
.fparticle-novella-banner {width: 590px; height: 37px; background: url(/images/714.gif) repeat-x top left; text-align: left; border-bottom: 1px solid #000;}
.fparticle-bonus-banner {width: 590px; height: 39px; background: url(/images/715.gif) repeat-x top left; text-align: left; border-bottom: solid 1px #000;}
.fparticle-bonus-banner img, .fparticle-novella-banner img {margin: 0;}
.fparticle-posted {color: #FFF; margin: 0; text-transform: uppercase; float: right;}
.fparticle-posted {margin: 15px 10px 0 0;}
.fparticle-bonus-banner .fparticle-posted {margin: 17px 10px 0 0;}
.fparticle-novella, .fparticle-bonus {background: #EFEFEF; padding: 20px 10px 30px 10px;}
.fparticle-epthumb {width: 220px; float: left; margin-right: 10px; border: 2px solid #000;}
h4.fparticle-epnumber {margin: 0px; font-size: 1.25em; font-weight: 100;}
h3.fparticle-eptitle {font-size: 3.5em; margin: 20px 0 10px 0;}
h3.fparticle-eptitle a:link, h3.fparticle-eptitle a:visited {color: #000;}
h3.fparticle-eptitle a:hover, h3.fparticle-eptitle a:active {color: #F00;}
.fparticle-novella p {font-size: 1.1em; margin: 0 0 10px 0; line-height: 1.5em;}
.fparticle-gotoepisode a:link, .fparticle-gotoepisode a:visited {color: #F00; font-weight: 900;}
.fparticle-gotoepisode a:hover, .fparticle-gotoepisode a:active {color: #000; font-weight: 900;}
h3.fparticle-bonustitle {font-size: 2em; font-weight: 100; margin: 20px 0 10px 0;}
img.fparticle-bonusthumb, .bonusarticleimg-landing {border: 1px solid #000; width: 100px; height: auto; float: left; margin: 0 10px 0px 0;}
.fparticle-bonus p, .bonusarticle-landing p {line-height: 1.5em; font-size: .8em;}
h3.fparticle-bonustitle a:link, h3.fparticle-bonustitle a:visited {color: #000;}
h3.fparticle-bonustitle a:hover, h3.fparticle-bonustitle a:active {color: #F00;}
.fparticle-bonus p a:link, .fparticle-bonus p a:visited {color: #F00;}
.fparticle-bonus p a:hover, .fparticle-bonus p a:active {color: #000;}
.fparticle-novella {text-align: center;}
.bonuscategory-headline {margin: -10px 0 20px -10px;}

/* Bonus section */
body#bonus #left-column h3 {margin-left: 20px; margin-bottom: 30px;}
body#bonus #left-column h3 img {border: 0;}
.bonusbanner-landing, #bonusbanner-ind {background: #F00; margin: 0 20px 0 20px; padding: 10px;}
.bonusarticle-posted {text-align: right; display: block; color: #FFF;}
.bonusarticle-landing, #bonusarticle-ind {margin: 0 20px 40px 20px; background: #FFF; clear: left; padding: 10px 10px 30px 10px;}
.bonusarticle-title {margin: 20px 0 20px 0; font-size: 2.5em; font-weight: 100;}
.bonusarticle-title a:link, .bonusarticle-title a:visited {color: #000;}
.bonusarticle-title a:hover, .bonusarticle-title a:active {color: #F00;}
.bonusarticle-landing p, #bonusarticle-ind p {line-height: 1.5em;}
.bonusarticle-landing p a:link, .bonusarticle-landing p a:visited, #bonusarticle-ind p a:link, #bonusarticle-ind p a:visited {color: #F00;}
.bonusarticle-landing p a:hover, .bonusarticle-landing p a:active, #bonusarticle-ind p a:hover, #bonusarticle-ind p a:active {color: #000;}
#share-comments {margin: 40px 0 10px 0; border-top: 2px solid #000; padding-top: 10px;}
#comment-invite {float: right;}
#comment-invite a:link, #comment-invite a:visited {color: #F00;}
#comment-invite a:hover, #comment-invite a:active {color: #000;}
#landingpage-nextprev {margin: 20px;}
#landingpage-nextprev p {text-transform: uppercase;}
#landingpage-nextprev a:link, #landingpage-nextprev a:visited {color: #F00;}
#landingpage-nextprev a:hover, #landingpage-nextprev a:active {color: #000;}
p.landing-nextlink {float: right; margin: 10px; font-size: 1.5em;}
p.landing-prevlink {float: left; margin: 10px; font-size: 1.5em;}
p.landing-nextlink a:link, p.landing-prevlink a:link, p.landing-nextlink a:visited, p.landing-prevlink a:visited {color: #F00; text-decoration: underline;}
p.landing-nextlink a:hover, p.landing-prevlink a:hover, p.landing-nextlink a:active, p.landing-prevlink a:active {color: #FFF; text-decoration: underline;}
#bonusarticle-ind p {font-size: .8em;}
p.bonusind-nextlink, p.bonusind-prevlink {font-size: .9em; margin: 10px;}
p.bonusind-prevlink {float: left;}
p.bonusind-nextlink {float: right;}
p.bonusind-nextlink a:link, p.bonusind-nextlink a:visited, p.bonusind-prevlink a:link, p.bonusind-prevlink a:visited {color: #F00;}
p.bonusind-nextlink a:hover, p.bonusind-nextlink a:active, p.bonusind-prevlink a:hover, p.bonusind-prevlink a:active {color: #FFF;}


/* Cast section */
#castlanding-holder {text-align: center; padding-left: 12px;}
.castlanding-item {width: 150px; float: left; margin: 10px 25px 50px 25px; padding: 0; height: 250px;}
.castlanding-title {height: 50px; margin: 0 0 5px 0;}
.starring-header, .specialappearances-header {color: #FFF; font-size: 2.5em; margin: 30px 0 20px 0; font-weight: 100; text-transform: uppercase;}
.castlanding-articleimg {border: 1px solid #FFF;}
#castlanding-holder a:link, #castlanding-holder a:visited {color: #F00; text-decoration: underline;}
#castlanding-holder a:hover, #castlanding-holder a:active {color: #FFF; text-decoration: underline;}
.castarticle-holder {color: #FFF; padding: 20px;}
.castarticle-holder a:link, .castarticle-holder a:visited {color: #F00; text-decoration: underline;}
.castarticle-holder a:hover, .castarticle-holder a:active {color: #FFF; text-decoration: underline;}
.castarticle-holder h3 {font-size: 2em; font-weight: 100; margin: 20px 0 20px 0;}
.castarticle-holder img {margin: 0 20px 20px 20px;}
.castind-articleimg {width: 175px; height: auto; float: left; border: 1px solid #FFF;}
.castarticle-holder p {line-height: 1.75em; font-size: .9em;}
#cast-share-comments {border-top: 1px solid #555; padding-top: 10px; background: #004; margin-top: 40px; text-transform: uppercase; font-weight: 900; font-size: 1.2em;}
#cast-comment-invite {margin-left: 20px; float: right; margin-right: 20px;}
#castarticle-category {background: #F00; color: #000; text-transform: uppercase; padding: 10px; margin-bottom: 40px; text-align: center;}
#castarticle-category h4 {margin: 0;}
#castarticle-nextprev p {font-size: .9em;}
.castarticle-prevlink {float: left;}
.castarticle-nextlink {float: right;}

/* Comments popup */

body#comments-page {background: #000; color: #FFF;}
#popupcomments table {width: 450px;}
#comment-msg {background: #FFF; color: #000; border: 5px solid #FFF;}
#comment-msg p {font-size: .8em; padding: 0 7px 0 7px;}
.comment-attr {font-size: 1em; color: #F00; padding: 0 5px 0 5px;}
.comment-attr-date {font-size: .8em;}
#popupcomments h2 {display: block; margin: 0 auto 20px auto; text-transform: uppercase;}
#txpCommentInputForm {margin: 20px 0 0 0; font-size: .8em; background: #444; padding: 10px 5px;}
#popupcomments {margin: 20px 10px;}
.comments-attributions {text-align: center; padding-right: 5px;}