/*
Theme Name: ww2
Theme URI: http://ww2.playcomet.com
*/
body{ font-size: 12px; font-family: Arial; background:#000; color: #878787;   }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,legend,select{margin:0;padding:0; } 
table{border-collapse:collapse;border-spacing:0;} 
fieldset,img{border:0;} 
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6{font-size:100%;} 
q:before,q:after{content:'';}
input,select{ font-size:100%;}
.after:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.after{*display:inline-block;}
.hide{ display: none; }


.ww2_h2{ display: block;  height: 20px; overflow: hidden; background: url(images/h2.jpg) no-repeat left; padding-left: 30px;  float: left;  }
.ww2_h2 a{ display: block; height: 20px; padding-right: 20px; background: url(images/h2.jpg) no-repeat right; cursor: pointer; line-height: 17px; float: left; color: #fff;text-decoration: none;  }
.ww2_h2 a:hover{ color: #ff6600; }
.ww2_h2 span{display: block; height: 20px; padding-right: 20px; background: url(images/h2.jpg) no-repeat right; line-height: 17px; float: left;color: #fff;  }
.ww2_h2 span a{ display: inline; background: none; padding: 0; }
.ww2_h2 ul{ height: 20px; overflow: hidden; }
.ww2_more{ display: block; width: 60px; height: 25px; float: right; }
html,body{
SCROLLBAR-ARROW-COLOR:#2b332d;
SCROLLBAR-FACE-COLOR:#151715;
SCROLLBAR-DARKSHADOW-COLOR:#101010;
SCROLLBAR-HIGHLIGHT-COLOR:#101010;
SCROLLBAR-3DLIGHT-COLOR:#282828;
SCROLLBAR-SHADOW-COLOR:#101010;
SCROLLBAR-TRACK-COLOR:#333333;
} 
.hide{ display: none; }
/**/
.top{ width: 100%; height: 367px; background: url(images/topbg.jpg) no-repeat center top;  }
.topbox{ width: 986px; height: 367px; margin: 0 auto; position: relative;}
.bodyrepeat{ width: 100%; _height: 1085px; min-height: 1085px; background: url(images/ww2_bgrepeat.jpg) repeat-x top center;}
.logo{ width: 225px; height: 60px; position: absolute; top: 250px; left: 383px; }
.logo a{ display: block; width: 225px; height: 60px; text-indent: -10000px; outline: none; }
.nav{ width: 986px; height: 35px; background: url(images/nav.jpg); overflow: hidden; position: absolute;top:286px; left: 0px; }
.nav li{ display: block; position: absolute; height: 35px; overflow: hidden; }
.nav li a{ display: block; height: 35px; text-indent: -10000px; outline: none; width: 100%; }
.nav li a:hover{ background: url(images/nav.jpg); }
.nav li.home{ width: 62px; top: 0; left: 10px; }
.nav li.home a:hover{ background-position: -10px -35px;  }
.nav li.newsnav{ width: 62px; top: 0; left: 85px; }
.nav li.newsnav a:hover{ background-position: -85px -35px;  }
.nav li.screenshots{ width: 110px; top: 0; left:155px; }
.nav li.screenshots a:hover{ background-position: -155px -35px;  }
.nav li.features{ width: 94px; top: 0; left: 272px; }
.nav li.features a:hover{ background-position: -272px -35px; }
.nav li.guide{ width: 80px; top: 0; left: 628px; }
.nav li.guide a:hover{ background-position: -628px -35px; }
.nav li.ency{ width: 110px; top: 0; left: 725px; }
.nav li.ency a:hover{ background-position: -724px -35px;  }
.nav li.forum{ width:80px; top: 0; left: 850px; }
.nav li.forum a:hover{ background-position: -850px -35px; }
.nav li.support{ width: 82px; top: 0; left: 913px; }
.nav li.support a:hover{ background-position: -913px -35px; }

/*indexbody*/
.ww2_wrap{ width: 986px; margin: 0 auto;}
.sidebar{ width: 231px;display:inline;float: left;margin-right:7px;}
.sidebarbottom{ width: 231px; height: 15px; overflow: hidden; background: url(images/sidebarbottom.gif); clear: both; }
.loginbox{ width: 231px; padding: 66px 0 8px 0;  background: url(images/login_box.jpg);}
.login li{ margin: 0 19px 5px 18px;}
.login li.last { margin: 0 19px 0 18px;}

.loginbox legend{ display: none; }
.loginbox2 legend{ display: none; }
.loginbox p{ padding:11px 0 0 0; clear: both;   }
.loginbox p label{ display: block; float: left; width: 88px; text-indent: -10000px;  }
.loginbox p input.text{ background: #151715; border: 0; color: #fff; width: 122px; height: 14px; display: block; float: left; }
.loginremember{ display: block;  padding: 8px 0 0 81px; +padding-top:4px;  clear: both; }
.loginremember input{ margin: 0; padding: 0;}
.loginbox p.button{ padding: 7px 0 0 22px; }
.loginbox p.button input{width: 89px; height: 22px; border: 0; background: url(images/login.jpg); cursor: pointer; margin-right: 10px; line-height: 0px; font-size: 0px; }
.loginbox p.button input.register{ background-position: 0 -22px; }
.loginbox2{width: 231px; height: 106px; padding: 56px 0 0 0;  background: url(images/login_box2.jpg); overflow: hidden; }
.loginbox2 p{ padding:11px 0 0 25px; clear: both; overflow: hidden; zoom:1;}
.loginbox2 p a.name{ display: block; float: left; width: 135px; height: 23px; line-height: 23px; overflow: hidden; color: #fe8f01; text-decoration: none; font-weight: bold; }
.loginbox2 p a.signout{ display: block; float: left; color: #878787; line-height: 23px; width: 60px;  }
.loginbox2 p a:hover{ color: #ff6600; }
.loginbox2 p a.server{ display: block; width: 150px; height: 24px; line-height: 24px; text-align: center; color: #fff; text-decoration: none; background: url(images/serversbg.jpg); font-weight: bold; margin-left: 10px;  }


.servers{ width: 231px; height: 181px; background: url(images/servers.jpg); font-size: 12px; }
.servers h2{ width: 231px; height: 45px; text-indent: -10000px; }
.servers ul{ padding-left: 40px;  }
.servers li{ display: block; height: 21px; line-height: 21px;  }
.servers a{ color: #878787; text-decoration: none;  }
.servers a:hover{ color: #ff6600; }
.servers a.newserver{ color: #ff6600; }
.servers li img{margin-left: 20px;  }
.sidebaradbox{width: 231px; background: url(images/sidebar.jpg) repeat-y; padding: 0 0 5px 0; }
.sidebar_ad{ width: 210px; clear: both; padding-top: 5px; overflow: hidden; margin-left: 12px; }
.sidebar_rank{ width: 231px; height: 227px; background: url(images/rank1.jpg); }
.goldpurchase{ display: block; width: 210px; height: 60px; margin-left: 12px; text-indent: -10000px; outline: none; }
.rankteble{ clear: both; width: 210px; margin-left: 12px; }
.rankteble th{ text-indent: -10000px; height: 16px; }
.rankteble td{ height: 23px; text-align: center; }
.rankteble td.no{ text-indent: -10000px; width: 40px; }
.rankteble td.level{ width: 70px; text-align: left; }
.content{ width: 748px; float: left;  }
.adbox{ width: 387px; height: 285px;margin-right:7px; padding: 10px 0 0 9px;  float: left; background: url(images/adbox.jpg) no-repeat; overflow: hidden; }
.news{ position:relative;width: 334px; height: 281px; padding: 15px 0 0 10px;  float: left; background: url(images/news.jpg) no-repeat;overflow: hidden; }
.news ul{ clear: both; padding: 14px 0 0 55px; }
.news li{ line-height: 31px;width: 277px; clear: both;float: left; }
.news li a{ display: block; width: 200px; height: 31px;overflow: hidden; float: left; color: #878787; text-decoration: none;  }
.news li a:hover{ color: #ff6600; }
.news li span{ display: block; float: left; width: 65px; text-align: right;  }
.news .newsmore{ display: block;position:absolute;bottom:7px;right:0;width: 90px; height: 40px; margin: 10px 0 0 0; }
.news .newsmore a{ display: block; width: 90px; height: 40px; text-indent: -10000px;outline: none;}
.tabmail{float:left;width: 748px; height: 183px;background: url(images/tabmail.jpg);  }
.tabbox{ width: 395px; height: 168px; float: left;padding: 15px 0 0 10px; }
.tabnav{ width: 245px; height: 18px; padding: 0 0 0 33px; overflow: hidden; background: url(images/tabnav.jpg); cursor: pointer;  }
.tabnav li{ float: left; line-height: 16px; margin-right: 40px;}
.tabnav li.last{ margin:0; }
.tabnav a{ color: #fff; text-decoration: none; font-weight: bold; }
.tabnav a:hover{ color: #cd832e; }
.tabnav a.now{ color: #cd832e;  }
.tablist{clear:both;padding:26px 0 0 40px;  }
.tablist li{ line-height: 20px; }
.tablist li a{display: block; width: 280px; height: 20px; overflow: hidden; float: left; color: #878787; text-decoration: none;  }
.tablist li span{color:#d7b35f;}
.tablist li a:hover{ color: #ff6600; }
.tablist li span{ display: block; float: left; width: 65px; text-align: right;  }
.mail{ width: 325px; height: 183px; float: left; }
.mail h2{ width: 341px; height: 53px; text-indent: -10000px; }
.maillist{ display:inline;width: 138px; height: 111px; padding: 6px 0 0 11px; margin: 0 7px 0 0; _margin-right: 0px;  float: left;  }
.maillist h3{ line-height: 15px; width: 149px; text-align: center;text-indent:-9999px; }
.maillist ul{ padding: 3px 0 0 24px; }
.maillist ul li{ display:inline;float: left; margin-right:10px; }
.maillist ul li img{ width: 45px; height: 45px; border: #000 1px solid; display: block; }
.maillist ul li h4{ line-height: 16px; text-align: center; width: 45px; height: 16px; overflow: hidden;  }
.maillist ul li h4 a{ color: #878787; text-decoration: none; }
.maillist .more{ width: 45px; height: 12px; display: block; text-indent: -10000px; outline: none; margin: 5px 0 0 57px; }
.adbox2{ width: 748px;height:89px;padding:6px 0; clear: both;}
.adbox2 img{width:746px;height:87px;border:1px solid #000;}
.gamepic{ width: 733px; height: 169px;margin-bottom:7px;padding: 12px 0 0 15px; clear: both; background: url(images/pic.jpg); }
.gamepic ul{ clear: both; padding:15px 0 0 5px;  }
.gamepic li{  float: left; margin: 0 10px 0 0; }
.gamepic li img{ display: block; border: #000 1px solid; width: 165px; height: 100px; padding: 1px;}
.background{ width: 744px; height: 241px; padding: 4px 0 0 4px; background: url(images/background.jpg); clear: both; }
.bg_box{ width: 378px; height: 171px; float: left; padding: 10px 0 0 10px; margin-right: 7px; }
.bg_box p{ clear: both;  padding: 10px 10px 0 15px; line-height: 180%; float: left; width: 340px; }
.tasks{ width: 337px; height: 171px; float: left; padding: 10px 0 0 10px; }
.tasks p{ clear: both;  padding: 10px 10px 0 15px; line-height: 180%; float: left;width: 300px; }
.foot{ width: 100%; height: 60px; padding: 50px 0 0 0; clear: both; background: url(images/buttomrepeat.jpg); text-align: center; line-height: 180%; }
.foot a{ color: #878787; margin-right: 5px; }
.foot a:hover{ color: #ff6600; }
.foot img{ vertical-align: middle; margin-right: 5px; }

/*single*/
.singletop{ width: 733px; height: 35px; padding: 15px 0 0 15px; background: url(images/newstop.jpg); clear: both; overflow: hidden; zoom:1; }
.singlerepeat{ width: 748px; background: url(images/newsrepeat.jpg); clear: both; }
.singletext{ width: 718px; background: url(images/newsbottom.jpg) no-repeat bottom; padding: 0 0 30px 30px; color: #637742; line-height: 180%; }
.singletext h1,.page_content h1{ color: #c09e00; font-size: 16px; line-height: 62px;background: url(images/newsimg.gif) no-repeat top right;text-align:center;  }
/*.single_p{ width: 704px; max-height: 830px; min-height: 250px;   overflow: auto; padding-right: 20px; _height:expression(document.body.scrollHeight>830?"830px":"auto");}*/
.single_p{ width: 698px;  min-height: 250px; overflow: hidden; padding-right: 20px; line-height: 130%; font-size: 13px;}
.single_list{width: 698px; padding-right: 20px;background: url(images/newsimg.gif) no-repeat top right; min-height: 250px; }
.single_list li{ width: 600px; padding: 20px 0 0 50px; height: 39px; clear: both; background: url(images/newslist.gif);}
.single_list li a{ color: #bfbfbf; text-decoration: none; margin-right: 20px; }
.single_list li span{ color: #d8b332; }
/**/
.navigation{ clear: both; color: #fff; text-align: right; font-size: 13px; padding:5px 30px 0 0; }
.navigation a{ color: #fff; margin-left: 5px; }
.navigation span{ margin-left: 5px; }
/**/
.malllist{ width: 670px;  }
.malllist li{overflow:hidden;width: 315px; height: 65px; padding-top: 5px; float: left; margin-right: 15px; background: url(images/mallline.jpg) repeat-x bottom; }
.malllist li img{ display: block; float: left; width: 58px; height: 58px; margin-right: 10px; }
.mallright{ float: left; width: 240px; }
.mallright h3{ line-height: 25px;  color: #c09e00;  }
.mallright p{color: #bfbfbf; line-height: 150%; }
.singlerepeat .mallright p{margin:2px 0 0 0;}
.pagetext{ width: 728px; background: url(images/newsbottom.jpg) no-repeat bottom; padding: 0 0 100px 20px; color: #637742; line-height: 180%; }
.page_content{width: 708px; padding:0 10px 0 10px;background: url(images/newsimg.gif) no-repeat top right;  }
.page_content .post{padding:10px 10px 0 0;}
.singlerepeat .entry{overflow:auto;height:835px;color:#bfbfbf;font:12px/20px arial;}
.page_content h2{ color: #c09e00;font-size: 11px; line-height: 36px; }
.singlerepeat .entry p{padding:0 10px;}
.piclist{ width: 674px; padding: 0 0 0 20px;  }
.entry .piclist li{ float: left; width: 167px; height: 102px; border: #000 1px solid; margin: 15px 35px 0 0; }
.piclist li img{ display: block; }
.entry p,.entry li{margin:10px 0 0 0;}
.entry p img{display:block;margin:0 auto;}
.malllist p{line-height:18px;}
.entry .table{margin:3px;border:1px solid #fff;}
.entry .table th{padding:3px;border:1px solid #fff;font-weight:700;}
.entry .table td{border:1px solid #fff;padding:3px;}