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

/* tables */
body { padding: 0; margin: 0; font:normal 11px Arial, Helvetica, sans-serif; color: #fff; text-decoration:none; background:#dbf69a url(../images/bg.jpg)}

#container{ width:970px; margin:0 auto; background:#b4d760 url(../images/mainBG.jpg) top center repeat-y; padding:0 11px; text-align:center }

/* header with desc */
#header{ width:970px; height:424px; background:url(../images/header.jpg) no-repeat top center; position:relative; }
#headerDesc{ position:absolute; top:320px; left:260px; width:420px; overflow:hidden; font:11px/11px normal Arial, Helvetica, sans-serif; color:#473c13; }

/* episode block */
.episode{ width:970px; margin:0 auto; text-align:center; background:url(../images/episodeBG.jpg) no-repeat top center;}
.episodeTitle{ height:82px; padding:40px 0 0 26px}
.episodeBigTH{ float:left; padding:0 0 0 25px}
.episodeDesc{ float:left; text-align:left }
.episodeDesc p{ text-align:center; width:220px; padding:25px 4px 0 4px; margin:0;}
.episodeThumbs{ text-align:center;}
.episodeThumbs img{ margin:1px;}
p.link{ text-align:center; padding:20px 0; margin:0;}

/* footer and copyrights for index and join page */
#copyr { background:#156cae url(../images/copyrBG.jpg) top repeat-x; font-size:13px; text-align:center; padding-top:20px}
#copyr p { margin:0; padding:10px 0;}

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

#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:455px; height:523px; background:url(../images/join-mid.jpg); display:block; padding:30px 20px 0 20px; text-align:center; float:left}
#joinForm p { margin:0; padding:5px 0}
#table_join td{ font-size:14px; color:#fff}
.text_area {width:217px; height:18px; font-size:11px;}
.select_text_area {width:221px; height:24px; font-size:11px;}

/* 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}

/* text styles */
td, div{ font:normal 11px Arial, Helvetica, sans-serif; color: #fff; text-decoration:none; }
h1{ font: bold 30px Arial, Helvetica, sans-serif; color: #fff; text-decoration:none ; margin:0; padding:0; letter-spacing:-1px; text-align:left }

/* text colors */
.white{ color:#fff}
.black{ color:#000}
.darkpink{ color:#470b26}
.yellow{ color:#f3f409}

/* text sizes */
.txt10{ font-size:10px; }
.txt18{ font-size:18px; letter-spacing:-.5px; text-decoration:none}
.txt20{ font-size:20px; letter-spacing:-.5px; text-decoration:none}
.txt24{ font-size:34px; letter-spacing:-1px; text-decoration:none}
.txt28{ font-size:28px; letter-spacing:-1px; text-decoration:none}
.txt30{ font-size:30px; letter-spacing:-1px; text-decoration:none}
.txt36{ font-size:36px; letter-spacing:-1px; text-decoration:none}
.uppercase{ text-transform:uppercase}

/* links */
a {font: bold 12px Arial, Helvetica, sans-serif; color: #f3f409; text-decoration:none}
a:hover { color:#fff; text-decoration:none }
a img{ border:0}

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

.clear {clear:both; line-height:0px; height:0px; overflow:hidden; font-size:0px;}
.rel { position:relative;}
.abs { position:absolute;}
.width1000 {width:100%px; margin:0 auto;}

/* styles for stats block */
#stats { width:100%; background:url(../images/bg_stats.gif) repeat-x center top; height:30px;}
.st-statistic {right:0px; top:0px; width:auto; height:30px;}
ul#header-stats{text-align:center;}
ul#header-stats li{line-height:30px; font-size:13px; display: inline; text-align:center; color:#000000;}
ul#header-stats li span {color:#fff; font-weight: bold;}