@charset "utf-8";
/* CSS Document */

/* tables */
body { padding: 0; margin: 0; background:#bf4062 url(bg.jpg)}

#container{ width:1000px; margin:0 auto;  text-align:center; background:#8c103e; border:4px solid #ca0036; border-top:none; border-bottom:none }

/* header  */
#header-stats{ width:950px; height:24px; background:url(header-top.jpg) no-repeat; padding:0 25px; padding-top:4px}
#header-stats h1 { font-size:12px; letter-spacing:0; float:left; color:#fff; text-transform:uppercase; font-weight:bold; }
#header-stats h2 { font-size:12px; letter-spacing:0;  color:#fff; text-transform:uppercase; font-weight:bold; float:right; }
#header-stats h2  b{ color:#ffde39; font-weight:bold; }

body#join #header-stats{ width:950px; height:24px; background:url(join-header-top.jpg) no-repeat; padding:0 25px; padding-top:4px}

/* episode block */
.episodeTitle { width:850px; height:120px; margin:0 auto; text-align:left; background:url(episode-top.gif) no-repeat top center; padding-left:150px}
.episodeTitle h1 { font:normal 26px Arial, Helvetica, sans-serif; line-height:110px; float:left; color:#fff; text-align:left}
.rating { font:normal 14px Arial, Helvetica, sans-serif;  float:right; margin-right:30px; margin-top:40px; color:#fff; padding:0; letter-spacing:0; display:inline}
.rating table { width:auto}
.rating table td{ font:normal 14px Arial, Helvetica, sans-serif; text-align:left }


.episode{ width:960px; margin:0 auto; text-align:center; background:url(episode-bg.gif) repeat-y top center; padding:0 20px}
.episode img { border:1px solid #fff}
.episode img:hover{ border:1px solid #bcfea5}

.episode .episodeBigTH{ margin:0 auto;  width:580px }
.episode .episodeLeftTH { float:left; width:185px}
.episode .episodeRightTH { float:right; width:185px}
.episode .episodeLeftTH img, .episode .episodeRightTH img{ margin-bottom:5px}

/* link between episodes  */
a.ep { font:bold 28px Arial, Helvetica, sans-serif; color:#fff; letter-spacing:-1px; display:block; padding:40px 0 15px 0}
a.ep  b { color:#f4ad0f}


/* footer and copyrights for index and join page */
#copyr { background:#739d62 url(copyrBG.jpg) top repeat-x; font-size:14px; text-align:center; padding-top:10px; color:#43563d}
#copyr p { margin:0; padding:10px 0;}
#copyr a { color:#670d2e; font-weight:normal}

#copyr ul{ padding:0; margin:0; list-style-type:none; text-align:center; }
#copyr li { padding:0; margin:0 5px; display:inline;font-size:20px;  }
#copyr li a, #copyr li:active{ padding:0; font-size:20px;  font-weight:normal; text-decoration:underline; color:#670d2e}
#copyr li a:hover{ text-decoration:none; color:#fff}

#copyr-text{ padding:35px 80px 0 280px; font-size:11px; text-align:justify}
#copyr-text p{ padding:0; margin:0; margin-bottom:5px;}

/* join page styles*/
#joinForm{ width:475px; height:488px; background:url(join-form.jpg); display:block;  text-align:center; float:left}
#joinForm p { margin:0; padding:5px 0}

#table_join caption { font:bold 36px Arial, Helvetica, sans-serif; color:#33001a; letter-spacing:-1px; padding:30px 0 5px 0; text-align:center}
#table_join th { font-weight:normal; text-align:right; padding-right:5px; width:120px; color:#fff; font-size:14px}
#table_join td{ text-align:left; color:#fff; font-size:14px}

.button-joinNow { width:293px; height:51px; font:bold 24px/51px Arial, Helvetica, sans-serif; color: #fff; text-decoration:underline; text-align:center; background:url(button-join.gif); display:block; letter-spacing:-1px; border:0; margin:0 ; padding:0; text-indent:-9999px; cursor:pointer}

.text_area        {width:215px; padding:5px 5px ; font-size:13px; background:#fff; border:1px solid #c6c6c6;}
.select_text_area {width:227px; padding:5px 5px ; font-size:13px; background:#fff; border:1px solid #c6c6c6;}

#bonusSites { width:950px; margin:0 auto; text-align:center}
#bonusSites  img { margin:5px; border:1px solid #c7f2b8}

/* align */
.align-center{ text-align:center}
.align-left{ float:left}
.align-right{ float:right}
.clear{ clear:both}

/* borders */
.imgBorder{ border:2px solid #fff}
.imgBorder:hover{ border:2px solid #d66aa1}
.imgBorder-green{ border:3px solid #b4d760}
.imgBorder-green:hover{ border:3px solid #d5dfbf}

/* forms */
form, input, select{ margin:0; padding:0}