/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \L\ \ \ \/\ \__/\ \ \\`\ /\ \/\ \/\ \/\ \L\.\_/\ \/\ \/\__, `\
 \ \___,_\ \_\ \____\\ \_\ \_\ \_\ \_\ \_\ \__/.\_\ \_\ \_\/\____/
  \/__,_ /\/_/\/____/ \/_/\/_/\/_/\/_/\/_/\/__/\/_/\/_/\/_/\/___/ design.com
  
*/

/* GENERAL
----------------------------------------------------------------------------- */

* {margin:0; padding:0;}
a{ text-decoration:underline; color: #76C4EA; }
a:hover{ text-decoration:none;}
a img {border: 0;}
ul, ol {list-style:none;}
.img_left img{float:left;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.over {overflow:hidden;}
.over1 {overflow:hidden; height:1px;}
.over0 {overflow:hidden; height:0px;}
.block {display:block;}
.del{display:none;}
.null{visibility:hidden;}

/* BASE
----------------------------------------------------------------------------- */

body { margin:0; background: #000 url(images/bg.gif) repeat-x; font-family: "Trebuchet MS"; font-size:14px; line-height:1.3em; color:#FFFFFF; }
.main { position:relative; margin:0 auto; width: 984px; background:url(images/main-bg.jpg) repeat-x; }

/* HEADER
----------------------------------------------------------------------------- */
.header_join { text-align: center; background:url(images/join_header-bg.jpg) repeat-x;}
.header { position: relative; }
.header ul { position: absolute; right: 20px; top: 20px; }
.header ul li { float: left; padding: 0 0 0 35px; }
.header ul li a img { filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }
.header ul li a:hover img { filter:alpha(opacity=100); -moz-opacity:100; opacity:100; }
.header .banner { position: absolute; top: 80px; right: 15px; width: 468px; height: 80px; }
.header .banner img { display: block; }
.header .p1 { position: absolute; top: 50px; left: 507px; font-size: 11px; text-align: center; width: 455px; line-height: 12px; }
.header .p1 a { color: #fff; text-decoration: none; }
.header .p1 a:hover { text-decoration: underline; }
.menu { position: relative; }
.menu dl{ position: absolute; top: 0px; left: 0px; }
.menu dl dd { float: left; }
.menu dl dd .hover img,
.menu dl dd a:hover img { filter:alpha(opacity=25); -moz-opacity:.25; opacity:.25; }
.menu dl dt { float: left; padding: 11px 0 0 10px; }
.menu dl dt input { border: 2px solid #FF0082; background: #FFFFFF; padding: 0px; }
.menu dl dt span input { padding: 1px; font-family: "Trebuchet MS"; font-size:14px; height: 19px; width: 160px; }
.menu dl dt.search { padding: 11px 0 0 180px; }

.menu_m { position: relative; }
.menu_m dl{ position: absolute; top: 0px; left: 0px; }
.menu_m dl dd { float: left; }
.menu_m dl dd .hover img,
.menu_m dl dd a:hover img { filter:alpha(opacity=25); -moz-opacity:.25; opacity:.25; }
.menu_m dl dt { float: left; padding: 11px 0 0 10px; }
.menu_m dl dt input { border: 2px solid #FF0082; background: #FFFFFF; padding: 0px; }
.menu_m dl dt span input { padding: 1px; font-family: "Trebuchet MS"; font-size:14px; height: 19px; width: 115px; }

/* CONTENT
----------------------------------------------------------------------------- */
.content {}
.content .welcome { background: #191F22; margin: 20px 0 0 0; padding: 15px 20px; height: 1%; }
.content .welcome h2 { color: #76C4EA; font-size: 20px; display: block; line-height: 20px; font-weight: normal; padding: 0 0 5px 0; }
.content .swelcome { text-align: center; padding: 10px 0; }


.content .pag { width: 970px; float: left; color: #76C4EA; font-weight: bold; padding: 10px 20px 20px 20px; word-spacing: 2px; font-size: 14px; text-align: center; }
.content .pag strong a { color: #B8E9FD; }
.content .pag  span { color: #FF0186; }

.content .grid1 { width: 485px; float: left; }
.content .grid2 { width: 485px; float: right; }
.content .grid2 .list { }

.content .grid2 h2,
.content .grid1 h2 { font-size: 23px; color: #FF0084; line-height: 23px; font-weight: bold; text-transform: uppercase; padding: 0 0 15px 20px; }

.content .grid3 { width: 970px; float: left; }

.content .grid3 .list { }

.content .grid3 h2,
.content .grid3 h2 { font-size: 23px; color: #FF0084; line-height: 23px; font-weight: bold; text-transform: uppercase; padding: 0 0 15px 20px; }



.content h1 { text-transform: uppercase; font-size: 20px; color: #FF0084; display: block; padding: 0 0 20px 0; font-weight: bold; padding: 20px 0 0 20px; } 

.content .list { border-bottom:2px solid #000000; border-right:2px solid #000000; border-top:2px solid #FF0084; }
.content .list h1 { text-transform: uppercase; font-size: 20px; color: #FF0084; display: block; padding: 0 0 20px 0; font-weight: normal; padding: 20px 0 0 20px; } 
.content .list dl { padding: 15px 0 15px 15px; }
.content .list dt { float: left; width: 460px; overflow: hidden; }
.content .list dt ul { width: 500px; }
.content .list dt li { padding: 0 15px 15px 0; width: 220px; float: left; }
.content .list dt li a { color: #B8E9FD; text-decoration: none; }
.content .list dt li h3 { display: block; font-size: 13px; padding: 0 0 2px 0; }
.content .list dt li .type1 strong { float: left; font-weight: bold; font-style: normal; }
.content .list dt li .type1 span { float: right; vertical-align: text-top; }
.content .list dt li .type1 var { float: right; padding: 0 0 0 3px; font-style: normal; }
.content .list dt li .type2 .col1 { float: left; }
.content .list dt li .type2 .col1 strong { display: block; }
.content .list dt li .type2 .col2 { float: right; text-align:right; }
.content .list dt li .type2 .col2 span { display: block; }
.content .list dt .pag { padding: 0 0 20px 0; text-align: left; }
.content .list dd { float: right; width: 140px; }
.content .list dd .banner { }
.content .list h2 { font-size: 17px; font-weight: bold; display: block; color: #B8E9FD; padding: 0 0 0 20px; }
.content .list h2 a { color: #FF0084; text-decoration: underline; }
.content .list h2 a:hover { text-decoration: none; }



.content .list3 { border-bottom:2px solid #000000; border-right:2px solid #000000; border-top:2px solid #FF0084; }
.content .list3 h1 { text-transform: uppercase; font-size: 20px; color: #FF0084; display: block; padding: 0 0 20px 0; font-weight: normal; padding: 20px 0 0 20px; } 
.content .list3 dl { padding: 15px 0 15px 15px; }
.content .list3 dt { float: left; width: 920px; overflow: hidden; }
.content .list3 dt ul { width: 1000px; }
.content .list3 dt li { padding: 0 15px 15px 0; width: 220px; float: left; }
.content .list3 dt li a { color: #B8E9FD; text-decoration: none; }
.content .list3 dt li h3 { display: block; font-size: 13px; padding: 0 0 2px 0; }
.content .list3 dt li .type1 strong { float: left; font-weight: bold; font-style: normal; }
.content .list3 dt li .type1 span { float: right; vertical-align: text-top; }
.content .list3 dt li .type1 var { float: right; padding: 0 0 0 3px; font-style: normal; }
.content .list3 dt li .type2 .col1 { float: left; }
.content .list3 dt li .type2 .col1 strong { display: block; }
.content .list3 dt li .type2 .col2 { float: right; text-align:right; }
.content .list3 dt li .type2 .col2 span { display: block; }
.content .list3 dt .pag { padding: 0 0 20px 0; text-align: left; }
.content .list3 dd { float: right; width: 140px; }
.content .list3 dd .banner { }
.content .list3 h2 { font-size: 17px; font-weight: bold; display: block; color: #B8E9FD; padding: 0 0 0 20px; }
.content .list3 h2 a { color: #FF0084; text-decoration: underline; }
.content .list3 h2 a:hover { text-decoration: none; }








.content .cat {}
.content .cat dl { padding: 20px 20px; }
.content .cat dt { float: left; width: 780px; overflow: hidden; }
.content .cat dd { float: right; width: 140px; }
.content .cat dd .banner { }
.content .cat ul { padding: 10px 0 0 0; }
.content .cat li { display: block; text-transform: uppercase; float:none; font-size:20px; line-height: 20px; padding: 0 0 8px 0; }
.content .cat li a { color: #FFFFFF; text-decoration:none; }
.content .cat li a:hover { text-decoration:underline; }
.content .cat li span { color: #FF0285; font-size: 23px; }
.content .cat li strong { font-size: 20px; color: #FF0285; }
.content .cat h1 { text-transform: uppercase; font-size: 23px; color: #FF0084; display: block; padding: 0 0 20px 0; padding: 20px 0 0 20px; } 
.content .cat h4 { font-size: 17px; font-weight: bold; display: block; color: #B8E9FD; padding: 30px 0 0 0; }
.content .cat h4 a { color: #FF0084; text-decoration: underline; }
.content .cat h4 a:hover { text-decoration: none; }

.content .player { padding: 0 20px; }
.content .player .title { font-size: 37px; display: block; line-height: 37px; color: #B8E9FD; padding: 0 0 5px 0; }
.content .player .title span { float: left; }
.content .player .title a { float: right; font-size: 12px; }
.content .player .col1 { float: left; width: 590px; text-align: center; padding: 0 0 0 3px; }
.content .player .col1 h3 { font-size: 16px; line-height: 16px; padding: 10px 0 0 0; }
.content .player .col1 h4 { font-size: 20px; line-height: 20px; font-weight: bold; display: block; color: #B8E9FD; padding: 10px 0 0 0; }
.content .player .col1 h4 a { color: #FF0084; text-decoration: underline; }
.content .player .col1 h4 a:hover { text-decoration: none; }
.content .player .col2 { float: right; width: 329px; }
.content .player .col2 .p1 { background: #2A333A; padding: 15px 0 0 15px; font-size: 15px; height: 400px; overflow: hidden;}
.content .player .col2 .p1 .t1 { padding: 10px 0 0 0; }
.content .player .col2 .p1 .t1 strong { float: left; }
.content .player .col2 .p1 .t1 span { float: right; text-align: right; padding: 0 10px 0 0; }
.content .player .col2 .p1 .t2 { padding: 0 0 15px 0; }
.content .player .col2 .p1 .t2 p { display: block; font-weight: bold; }
.content .player .col2 .p1 .t2 span { color: #B8E9FD; font-weight: normal; }
.content .player .col2 .p1 .s1 { font-size: 14px; color: #B8E9FD; padding: 10px 0 0 0; }
.content .player .col2 .p1 .s1 p { padding: 5px 0; }
.content .player .col2 .p1 .s1 .form { position: relative; }
.content .player .col2 .p1 .s1 .form input { position: absolute; top: 4px; left: 6px; border: 0px; font-family: "Trebuchet MS"; font-size:14px; width: 288px; background: #C1EAFD; }
.content .player .col2 .p1 .s2 { padding: 15px 0 0 0; !padding: 10px 0 0 0; }
.content .player .col2 .p1 .s2 a img { filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; margin: 0 auto; }
.content .player .col2 .p1 .s2 a:hover img { filter:alpha(opacity=100); -moz-opacity:100; opacity:100; }
.content .player .col2 .p2 { padding: 25px 0 0 0; }
.content .player .col2 .p2 a img { filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; }
.content .player .col2 .p2 a:hover img { filter:alpha(opacity=100); -moz-opacity:100; opacity:100; }

.content .related { padding: 25px 0 0 22px; }

.content .contact { padding: 25px 20px; }
.content .contact h1 { display: block; color: #B8E9FD; font-size: 37px; line-height: 37px; font-weight: normal; }
.content .contact p { font-size: 14px; line-height: 14px; display: block; padding: 5px 0 25px 0; }
.content .contact .form { width: 540px; background: #2A333A; padding: 15px; }
.content .contact .form h2 { display: block; padding: 0 0 14px 0; }
.content .contact .form .p1 { height: 35px; }
.content .contact .form .p2 label,
.content .contact .form .p1 label { float: left; display: block; text-align: right; font-weight: bold; font-size: 15px; padding: 4px 10px 0 0; width: 150px; }
.content .contact .form .p1 input { float: left;  border: 2px solid #FF0082; width: 370px; font-family: "Trebuchet MS"; font-size:14px; padding: 2px; }
.content .contact .form .p1 .col2 input,
.content .contact .form .p1 .col1 input { float: left;  border: 2px solid #FF0082; width: 238px; font-family: "Trebuchet MS"; font-size:14px; padding: 2px; }
.content .contact .form .p1 .col2 p { padding: 5px 0 0 10px; float: left; }
.content .contact .form .p1 select { float: left;  border: 2px solid #FF0082; width: 377px; font-family: "Trebuchet MS"; font-size:14px; padding: 1px; }
.content .contact .form .p2 { height: 195px; }
.content .contact .form .p2 textarea { float: left;  border: 2px solid #FF0082; width: 370px; height: 170px; font-family: "Trebuchet MS"; font-size:14px; padding: 2px; }
.content .contact .form .p2 small { padding: 3px 0 0 160px; font-size: 12px; display: block; float: left; }
.content .contact .form .p3 { height: 35px; }
.content .contact .form .p3 input { float: right; }
.content .contact .banner { border: 4px solid #5B0636; width: 132px; height: 580px; float: right; }

.member .player .title { font-size: 37px; display: block; line-height: 37px; color: #B8E9FD; padding: 15px 0 5px 0; }
.member .player .col2 .p1 { background: #2A333A; padding: 15px 0 0 15px; font-size: 15px; height: auto; overflow: hidden;}
.member .player .col2 .s3 { padding: 15px 15px 17px 0; }
.member .player .col2 .s3 li { padding: 9px 8px 7px 40px; height: 22px; }
.member .player .col2 .s3 li.icon1 { background: #2F3D48 url(images/player_icon1.gif) no-repeat 6px 5px; }
.member .player .col2 .s3 li.icon2 { background: #29363F url(images/player_icon2.gif) no-repeat 6px 5px; }
.member .player .col2 .s3 li span { float: left; }
.member .player .col2 .s3 li p { float: right; width: 65px; }
.member .player .col2 .s3 li a:hover { text-decoration:none; }

.join { position: relative; }
.join .form { position: absolute; left: 0px; top: 8px; width: 607px; }
.join .form h3 { color: #FE0084; text-transform: uppercase; font-size:19px; line-height: 19px; display: block; text-align: center; padding: 15px 0 7px 0; }
.join .form small { text-align: center; display: block; padding: 0 0 8px 0; }
.join .form dl dd { height: 30px; }
.join .form dl dd label { float: left; font-weight: bold; text-align:right; padding: 4px 10px 0 0; display: block; width: 230px; }
.join .form dl dd input { border: 1px solid #A5ACB2; width: 210px; padding: 2px; font-family: "Trebuchet MS"; font-size:14px; }
.join .form dl dd select { border: 1px solid #A5ACB2; width: 216px; font-family: "Trebuchet MS"; font-size:14px; height: 22px; }
.join .form dl dt { height: 50px; }
.join .form dl dt label { float: left; font-weight: bold; text-align:right; padding: 0 10px 0 0; display: block; width: 230px; }
.join .form dl dt p { float: left; padding: 3px 0 0 0; font-weight: bold; }
.join .form .bt { text-align: center; display: block; }
.join .form .bt input { font-weight: bold; padding: 0px 15px; }
.join .what { background: #39515E; width: 450px; left: 60px; top: 315px; position: absolute; padding: 10px 15px; }
.join .what h2 { font-size:17px; line-height: 17px; }
.join .what li { font-size: 14px; background:url(images/join_bl.gif) no-repeat 0 5px; padding: 0 0 0 15px; font-weight: bold; }
.join .other { position: absolute; left: 0px; top: 525px; text-align: center; width: 607px; }
.join .other h2 { color: #B8E9FD; font-size:17px; line-height: 17px; }
.join .other li { float: left; }
.join .other li a img { filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; }
.join .other li a:hover img { filter:alpha(opacity=100); -moz-opacity:100; opacity:100; }
.join .other ul { padding: 8px 0 0 0; width: 400px; margin: 0 auto; }
.join .other small { font-size: 11px; line-height: 11px; display: block; padding: 10px 0 0 0; }

.invite { position: relative; padding: 20px; }
.invite .form { float: left; width: 780px; }
.invite .form .p1 { background: #2A333A; height: 548px; }
.invite .form h3 { color: #FE0084; text-transform: uppercase; font-size:23px; line-height: 19px; display: block; text-align: left; padding: 0px 0 20px 0; }
.invite .form small { display: block; padding: 25px 0 15px 190px; }
.invite .form dl dd { height: 30px; }
.invite .form dl dd label { float: left; font-weight: bold; text-align:right; padding: 4px 10px 0 0; display: block; width: 180px; }
.invite .form dl dd input { border: 1px solid #A5ACB2; width: 430px; padding: 2px; font-family: "Trebuchet MS"; font-size:14px; }
.invite .form dl dt { height: 95px; }
.invite .form dl dt label { float: left; font-weight: bold; text-align:right; padding: 0 10px 0 0; display: block; width: 180px; }
.invite .form dl dt textarea { border: 1px solid #A5ACB2; width: 430px; height: 80px; padding: 2px; font-family: "Trebuchet MS"; font-size:14px; }
.invite .form .bt { display: block; padding: 30px 0 0 173px; }
.invite .form .bt input { font-weight: bold; padding: 0px 15px; }
.invite .banner { border: 4px solid #5B0636; width: 132px; height: 580px; float: right; }

/* FOOTER
----------------------------------------------------------------------------- */
.footer { position: relative; }
.footer .bt { position: absolute; left: 551px; top: 152px; }
.footer .bt a img { filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; }
.footer .bt a:hover img { filter:alpha(opacity=100); -moz-opacity:100; opacity:100; }
.footer .copy { background: #101010; padding: 10px 20px 0 20px; font-weight: bold; font-size: 13px; height: 28px; _height: 20px; }
.footer .copy a { text-transform: uppercase; color:#FFFFFF; text-decoration: none; }
.footer .copy a:hover { text-decoration: underline; }
.footer .copy span { color: #FF0285; }