@charset "utf-8";

* { margin: 0; padding: 0; }
.clearfix:after { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body { background-color:#ff78b6;}
img { border: 0px }

#main { width: 950px; margin: auto; }
#header { }
#header img {float:left;}
#ntro { }
#intro img {float:left;}
#intro div.text { float:left; width:728px; height: 132px; background-image: url(gfx/intro_middle.jpg);}
#intro h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 21px; font-weight: bold; color: #D80163;text-decoration: none; text-align: center;}
#intro h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #D80163; text-decoration: none; text-align: justify; margin: 5px;}
#intro div.join { float: clear; text-align: center;}
#intro div.join a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #D80163; text-decoration: underline; color:#003399;}

.episode {width: 950px;}
.episode img {float:left;}

.title { float:left; width: 607px;}
.title img {float:left;}
.title div {float:left; width: 607px; height: 75px; background-image: url(gfx/episode_title_middle.jpg);}
.title h1 {text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; line-height: 18px; font-weight: bold; color: #D80163; text-decoration: none; margin:0; padding:0}
.title h2 {font-family: Arial, Verdana, Georgia, "Times New Roman", Times, serif; color: #D80163; font-size: 14px; line-height: 14px; font-weight: normal;margin:0; padding:0; text-align: justify;}

.thumbs {float:left; width: 950px; background: url(gfx/episode_background.gif) repeat-y;} 
.thumbs img, .thumbs div {float:right;}
.thumbs div.bigth {width: 681px; background: url(gfx/episode_big.gif) top right no-repeat; position:relative;}
.thumbs img.big {border: 1px solid #E5418D; margin-right: 67px;}
.thumbs div.leftth {width: 269px; background: url(gfx/episode_left.gif) top left no-repeat;}
.thumbs div.leftth img {border: 1px solid #E5418D; margin: 0 5px 5px 5px;}
.thumbs div.bigth img.playbutton {position: absolute; left: 100px; top: 160px; visibility: hidden;}
.thumbs div.bigth img.playtrailer { position: absolute; left: 525px; top: 320px; }

.thumbs2 {float:left; width: 950px; background: url(gfx/episode_background.gif) repeat-y;} 
.thumbs2 img.leftth {border: 1px solid #E5418D; margin-left: 64px;}
.thumbs2 img.pborder {border: 1px solid #E5418D; margin: 0px 0px 5px 5px;}

.thumbs3 {float:left; width: 950px; background-color: #ffe3f0; text-align: center; margin:auto;} 
.thumbs3 img.pborder {border: 1px solid #E5418D; margin: 5px 0px 5px 5px;}

#footer{  font-family: Arial, Times, serif;  color: #000; font-size: 14px;}
#footer img {float:left;}
#footer div { float:left; background-color: #ffe3f0; padding: 0px 0 0px 0;}
#footer div.th {width:190px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #D80163; text-align:center; cursor:pointer;}
#footer div.text { width: 950px; text-align: center;}
#footer div.text a { color: #D80163; }
#footer div.text2 { width: 50%;  text-align: center; font-size: 12px;}
#footer div.text2 a {  color: #D80163;  }
#footer div.foot_thumbs { }
#footer div.foot_thumbs img.pborder {border: 1px solid #E5418D; }