html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, form, img, table, dl, dt, dd, a, input { padding:0; margin:0; }
body                                {height: 100%; background: url(../img/bg.gif) 0px 5px; font: 11px Arial, Helvetica, sans-serif; color: #fff; }
img, textarea                {border: none;}
ul                                  {list-style-type: none;}
a:link, a:active, a:visited         {color: #f9aadf; cursor: pointer;}
a:hover                             {cursor : pointer;}
a:active, a:focus, img              {outline: 0;}
.clear                              {clear: both;}

#shadow_top { background: url(../img/shadow_top.jpg) repeat-x 0px 0px;}
#shadow_btm { background: url(../img/shadow_btm.jpg) repeat-x 50% 100%; }
#main { width: 900px; margin: 0 auto; position: relative;}
#left_header { background: url(../img/head_8.jpg) no-repeat top right; width: 50%; height: 739px; position: absolute; top: 0px; left:-450px; }
#right_header { background: url(../img/head_9.jpg) no-repeat top left; width:50%; height: 739px; position: absolute; top: 0px; right: 0px; background-position: 449px 0px }
/* header */
.header { position: relative; zoom: 1; }
.header img{ float: left;}
.header a img { float: none;}
.bookmark { position: absolute; top: 164px; left: -17px;zoom: 1; }
.lines { position: absolute; top: 3px; right: -35px;zoom: 1; float: none; }
.access { position: absolute; top: 569px; right: 169px;zoom: 1; }
.members { position: absolute; top: 664px; right: 333px;zoom: 1; }
.player { position: absolute; top: 300px; left: 80px; width: 240px; height: 198px; zoom: 1; }
/* content */
.content { background: #000e2d url(../img/bg_content.jpg) repeat-x; width: 899px; overflow: hidden;}
.episode_bg { background: url(../img/ep_bg.jpg) repeat-y; width: 839px; margin: 20px auto; }
.episode_top { background: url(../img/ep_top.gif) no-repeat; position: relative; top: -20px; zoom: 1; }
.episode_btm { background: url(../img/ep_btm.jpg) no-repeat bottom; padding: 0px 20px 20px 20px; position: relative; top: 20px;zoom: 1; overflow: hidden; }
.episode_btm h1 { font-size: 24px; font-weight: normal; border-bottom: 1px solid #fff; padding-bottom: 5px; margin-bottom: 5px; }
.desc { width: 530px; float: left; zoom: 1; height: 120px; font-size: 14px; }
.join { background: url(../img/join.png); width: 261px; height: 120px; float: right; text-indent: -9999px; }
*html .join { background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(src='img/join.png', sizingmethod='');}
.episode_pic { float: left; width: 539px; padding-top: 10px; }
.episode_tmb { float: right; width: 240px; padding-top: 10px; }
.episode_btm img { zoom: 0 !important; }

/* -------------------------------------------------------join page */
#join { background: #00040d url(../img/bg_join.jpg) repeat-x; }
@media screen and (-webkit-min-device-pixel-ratio:0) {#join {background: #00040d url(../img/bg_join.jpg) repeat-x 7px 0px;}}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {#join {background: #00040d url(../img/bg_join.jpg) repeat-x 3px 0px;}}
#join #main { width: 979px; margin: 0 auto; position: relative;}
#join .lines { position: absolute; top: 3px; right: 5px;zoom: 1; float: none; }
.choose_plan { position: absolute; text-align: center; font-size: 16px; font-weight: bold; text-transform: uppercase; top: 160px; left: 380px; }
#join .content { background: url(../img/bg_join_content.jpg); width: 521px; overflow: hidden; height: 322px; margin: 0 auto; padding: 7px 25px 34px 293px; text-align: center; font-size: 12px;}
.button { background: url(../img/button.png); width: 162px; height: 39px; text-align: center; line-height: 39px; font-size: 16px; color: #000 !important; margin: 0 auto; display: block; text-decoration: none; }
*html .button { background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(src='img/button.png', sizingmethod='');}
.pink { color: #f6c;}

/* footer */
.footer { padding: 40px 0; text-align: center; text-transform: uppercase;  }
.menu { padding: 35px 0; }
.menu li { display: inline; margin: 0 10px; }
.menu li a { font-size: 14px; }
.menu li a:hover { text-decoration: none; }
.blue { color: #74cfef; font-size: 12px; }