/*** styles by robotim
     version 005 - june 2010
     Style for all Bitches pages except episodes
     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: 1000px; margin: auto;}
#left-column {float: left; width: 220px; margin: 0 19px 0 0;}
#right-column {float: right; width: 220px; margin: 0 0 0 19px;}
#center-column {width: 522px; margin: 20px auto;}

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

/* left column */
#left-column img {border: 0;}
#lindasimpson-byline {text-align: center; margin-bottom: 10px;}
#leftcol-menu {text-align: center; height: 800px; background: #15204F url(/images/1101.png) no-repeat top left;}
#leftcol-menu-bottom {margin: 0;}

#leftcol-menu-nav {text-align: left; padding-top: 25px; margin-left: 20px; margin-bottom: 50px;}
#leftcol-menu-nav a {margin-bottom: 10px;}
#nav-about {display: block; width: 109px; height: 24px; background: url("/images/1111.png") no-repeat 0 0;}
#nav-about:hover {background-position: -182px 0;}
#nav-epguide {display: block; width: 181px; height: 48px; background: url("/images/1111.png") no-repeat 0 -24px;}
#nav-epguide:hover {background-position: -182px -24px;}
#nav-startbeginning {display: block; width: 168px; height: 46px; background: url("/images/1111.png") no-repeat 0 -72px;}
#nav-startbeginning:hover {background-position: -182px -72px;}
#nav-facebook {display: block; width: 182px; height: 30px; background: url("/images/1111.png") no-repeat 0 -119px;}
#nav-facebook:hover {background-position: -182px -119px;}
#nav-about span, #nav-epguide span, #nav-startbeginning span, #nav-facebook span {display: none;}
#leftcol-linklist {width: 200px; margin: auto; padding-top: 10px;}
#leftcol-linklist p {font-size: .8em; margin: 5px auto 5px auto; line-height: 1.5em;}
#leftcol-linklist a:link, #leftcol-linklist a:visited {color: #FFF; text-decoration: underline;}
#leftcol-linklist a:hover, #leftcol-linklist a:active {color: #C00; text-decoration: underline;}

/* center column homepage */
#fparticle-latest-top h2 {margin: 0;}
#fparticle-latest-middle {background: #787F98 url(/images/1089.png) repeat-x; margin: 0 0 0 1px; border-left: #CC3333 solid 4px; border-right: #CC3333 solid 4px; 
width: 512px; text-align: center;}
.fparticle-epthumb {width: 180px; margin: 0 15px 0 25px; float: left; border: 1px solid #000;}
h4.fpdate-epnum {color: #283053; margin: 0 10px 15px 0; font-weight: 100; font-size: 1.1em;}
h3.fpeptitle {font-size: 3em; margin: 0 10px 30px 0; line-height: 1.2em; font-weight: 900;}
#fparticle-latest-middle p {font-size: 1.2em; margin: 0 10px 0 10px; line-height: 1.25em; text-decoration: underline;}
#fparticle-latest-middle a:link, #fparticle-latest-middle a:visited {text-decoration: underline; color: #000;}
#fparticle-latest-middle a:hover, #fparticle-latest-middle a:active {text-decoration: underline; color: #C00;}

#fparticle-recently-top h2 {margin: 20px auto 0 auto;}
#fparticle-recently-middle {background: #6C738E url(/images/1104.png) repeat-x; margin: 0 0 0 1px; width: 520px; text-align: center;}
.chapter-browser-item {width: 520px; margin: auto; height: 400px;}
.chapter-browser-item h3 {font-size: 2em; margin: 0 0 10px 0; text-transform: uppercase;}
.chapter-browser-item img {border: 1px solid #000;}
.chapter-browser-item p {width: 400px; margin: 10px auto; font-size: .85em; line-height: 1.4em;}
.chapter-browser-item p.gotolink {text-align: center; font-weight: 700; margin: 0 auto 0 auto; font-size: .8em;}
.chapter-browser-item p.gotolink a:link, .chapter-browser-item p.gotolink a:visited {text-decoration: underline; color: #000;}
.chapter-browser-item p.gotolink a:hover, .chapter-browser-item p.gotolink a:active {text-decoration: underline; color: #C00;}
#chapter-browser .panelnav {border-top: 1px dotted #000; width: 400px; margin: auto; padding: 5px; text-transform: uppercase; font-weight: 700; font-size: 14px;}
#chapter-browser .panelnav #prev2 {margin: auto 100px auto 0;}

#latest-comments {margin-top: 20px; margin-bottom: 50px;}
.latestcomments-holder {background: url(/images/1110.png) no-repeat 160px 20px;}
p.latestcomments-date {color: #FFF; margin: 0;}
p.latestcomments-attr {margin: 0; color: #FFF;}
span.commenter-color {color: #FF0;}
span.commenter-color a:link, span.commenter-color a:visited {color: #FF0;}
span.commenter-color a:hover, span.commenter-color a:active {color: #C00;}
.latest-comments-item a {text-decoration: underline;}
.latest-comments-item {width: 150px; float: left; text-align: center; margin-right: 50px; font-size: .9em; margin-top: 7px;}
.latest-comments-comment {width: 316px; float: left;}
.latestcomment-message {background: #FFF;}
.latestcomment-message p {margin: 0 20px 0 20px; font-size: .8em; line-height: 1.3em; text-decoration: underline;}
a:link.fpcomments-eplink, a:visited.fpcomments-eplink {color: #FFF;}
a:hover.fpcomments-eplink, a:active.fpcomments-eplink {color: #C00;}
.latestcomment-message a:link, .latestcomment-message a:visited {color: #000;}
.latestcomment-message a:hover, .latestcomment-message a:active {color: #C00;}
h3.whatdoyouthink {color: #FFF; text-align: center; font-size: 2em; font-weight: 100; margin: 40px auto 0 auto}
p.whatdoyouthink-sub {color: #FFF; text-align: center; margin: 0;}

/* center column sub pages */
body#about #center-column, body#bonus #center-column, body#episode-guide #center-column, body#cast #center-column {padding-top: 16px;}
a:link, a:visited {color: #000; text-decoration: underline;}
a:hover, a:active {text-decoration: underline; color: #C00;}
#about-content, .bonus-article {background: #000; padding: 10px 20px 40px 20px; margin: 10px; color: #FFF;}
#about-content a:link, #about-content a:visited {color: #FFF; text-decoration: underline;}
#about-content a:hover, #about-content a:active {color: #C00; text-decoration: underline;}
body#about #about-content h1, body#bonus .bonus-article h1 {font-size: 2em;}
body#about #about-content h1 {margin: 0; text-align: center; border-bottom: dotted 1px #CCC;}
body#about #about-content {margin: auto 20px;}
body#about #about-content p, body#about #about-content li, body#about #about-content form, body#bonus .bonus-article p {font-size: .8em; line-height: 1.5em;}
body#about #about-content form {margin-left: 25px;}
body#about #about-content form input {margin-bottom: 10px; margin-left: 6px;}
body#about #about-content form textarea#Comments {margin-bottom: 10px;}
body#about #contact-form li, body#about #email-thanks {color: #F00;}
body#about #email-thanks h2 {margin: 20px 0 5px 0;}
body#about #email-thanks p {margin: 0 0 20px 0;}
.bonus-articleimage {width: 100px; float: left; margin: 0 10px 15px 0; border: 1px solid #000;}
body#bonus .bonus-article h1 {margin: 0 0 0px 110px; background: #15204f; padding: 5px; font-weight: 100;}
body#bonus .bonus-article h2 {font-size: .8em; margin: 0 0 10px 110px; color: #999; font-weight: 100; background: #001533; padding: 3px 0 3px 5px;}
body#bonus .bonus-article p {margin-left: 110px;}
body#bonus .bonus-article a:link, body#bonus .bonus-article a:visited {color: #FFF;}
body#bonus .bonus-article a:hover, body#bonus .bonus-article a:active {color: #C00;}

body#episode-guide #center-column {color: #FFF;}
body#episode-guide #center-column a:link, body#episode-guide #center-column a:visited {color: #FFF; text-decoration: underline;}
body#episode-guide #center-column a:hover, body#episode-guide #center-column a:active {color: #C00; text-decoration: underline;}
body#episode-guide #center-column #episode-guide-holder img {border: 0; float: left; width: 250px; height: auto; margin: 0 10px 20px 0;}
.epguide-chapter p {font-size: .85em; line-height: 1.5em;}
p.chapgal-link {text-align: right; font-weight: 700;}
#episode-guide-holder, #chapter-guide, #castlanding-starring, .castarticle-holder {margin: auto 15px;}
.epguide-chapter {margin: 30px 0 20px 0; border-bottom: dotted 1px #CCC;}
.epguide-chapter h3 {text-transform: uppercase; text-align: center;}
#episode-guide-holder h2, #chapter-guide h2, #castlanding-starring h3.starring-header, #castarticle-category h4 {text-align: center; border-bottom: dotted 1px #CCC; font-size: 2em; text-transform: uppercase;}
#episode-guide-holder h3.epindex-link {text-align: center;}
.chapter-guide-ep {height: 230px; margin-bottom: 20px; border-bottom: dotted 1px #CCC;}
.chapter-guide-ep img {width: 150px; float: left; margin: 0 10px 20px 0;}
.chapter-guide-ep h4 {margin: 0 0 20px 165px; font-weight: 100;}
.chapter-guide-ep h3 {font-size: 2em; margin: 0; font-weight: 100;}
#episode-subpanel #lower-nav p.next-link {float: right; text-transform: uppercase;}
#episode-subpanel #lower-nav p.prev-link {float: left; text-transform: uppercase;}
body#cast #center-column {color: #FFF;}
body#cast #center-column a:link, body#cast #center-column  a:visited {color: #FFF;}
body#cast #center-column a:hover, body#cast #center-column a:active {color: #C00;}
body#cast #center-column img {border: 1px solid #FFF;}
.castlanding-item {width: 200px; float: left; height: 280px; text-align: center; background: #15204F; margin: 15px 10px 10px 25px; border: solid 2px #001533;}
.castlanding-title {margin: 15px 10px;}
.castarticle-holder {text-align: center;}
.castarticle-holder p {margin: auto 20px 20px 20px; line-height: 1.35em;}
h3.castarticle-title {font-size: 2em; font-weight: 100; margin: 15px 0 20px 0;}
img.castind-articleimg {margin: 0 0 20px 0;}
body#cast #cast-share-comments {border-top: dotted #CCC 1px; padding: 10px 20px 10px 10px; text-align: right; border-bottom: solid 2px #001533; background: #15204F; margin-bottom: 20px;}
body#cast #cast-comment-invite {margin-bottom: 5px; font-size: .9em; text-transform: uppercase;}
#castarticle-nextprev {font-size: .8em;}
p.castarticle-prevlink {float: left; width: 200px; text-align: left;}
p.castarticle-nextlink {float: right; width: 200px; text-align: right;}

/* right column */
#right-col-ad {border: 1px solid #C0C0C0; background: #C0C0C0; margin-top: 45px;}
#right-column img {border: 0;}
p.adlabel {margin: 0; text-align: center; text-transform: uppercase; font-size: 9px; color: #777;}
#frontpage-meetcast {background: url(/images/1112.png) no-repeat top left; margin: 20px 0 20px 0;}
#frontpage-meetcast img {border: 1px solid #000;}
.fpcastthumb {width: 90px; margin: 54px 0 0 115px; border: 1px solid #000;}
p.randomcast-title {text-align: right; margin: 5px 10px 0 100px; font-size: 11px; font-style: oblique;}
p.randomcast-title a:link, p.randomcast-title a:visited {color: #CCC; text-decoration: none;}
p.randomcast-title a:hover, p.randomcast-title a:active {color: #C00; text-decoration: none;}

#rightcol-navmenu {margin: 30px 0 0 25px;}
#nav-joinlist {display: block; width: 182px; height: 80px; background: url("/images/1113.png") no-repeat 0 0;}
#nav-joinlist:hover {background-position: -186px 0;}
#nav-press {display: block; width: 186px; height: 14px; background: url("/images/1113.png") no-repeat 0 -81px;}
#nav-press:hover {background-position: -186px -81px;}
#nav-advertising {display: block; width: 120px; height: 14px; background: url("/images/1113.png") no-repeat 0 -96px;}
#nav-advertising:hover {background-position: -186px -96px;}
#nav-rss {display: block; width: 67px; height: 15px; background: url("/images/1113.png") no-repeat 0 -110px;}
#nav-rss:hover {background-position: -186px -110px;}
#nav-joinlist span, #nav-advertising span, #nav-press span, #nav-rss span {display: none;}
.copyright {font-size: 12px; color: #AAA; margin: 20px 0 0 29px;}
.copyright a:link, .copyright a:visited {text-decoration: underline; color: #AAA;}
.copyright a:hover, .copyright a:active {color: #C00; text-decoration: underline;}

/* 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;}
.txpCommentInputMessage {height: 125px; margin-bottom: 5px;}

/* error page */
body#error_page #center-column {padding-top: 16px;}
body#error_page #error-message {margin: 20px; padding: 10px 30px; text-align: center; color: #CCC;}
body#error_page #error-message h2 {font-size: 2em; color: #FF0;}
body#error_page #error-message p {font-size: 1em; font-style: oblique; line-height: 1.5em;}