body { margin: 0; padding: 0; font-family: "Lucida Grande", "Lucida Sans", Verdana, Tahoma, sans-serif; font-size: 9pt; color: #000; background: #82c4fb url(../images/bg.jpg) repeat-x bottom }
.centerme { margin: 0 auto; width: 715px; }
.btn { display: block; margin: 8px 0; }
.nav-wrapper { width: 100%; height: 59px; float: left; background: url(../images/navbg.jpg) repeat-x; }
    .nav-wrapper ul { margin: 0 auto; padding: 0; text-align: center; list-style-type: none; }
        .nav-wrapper ul li { float: left;}
        .nav-wrapper ul li span { float: left; position: relative; z-index: 999; } 
            .nav-wrapper ul li span a.sub_menu { display: block; padding: 3px; width: 80px; margin: 2px auto; font-weight: bold; border-bottom: 1px dashed #9d5563  }
            .nav-wrapper ul li span a.sub_menu2 { display: block; padding: 3px; width: 80px; margin: 2px auto; font-weight: bold; border-bottom: 1px dashed #9d5563  }
            .nav-wrapper ul li span a.sub_menu3 { display: block; padding: 3px; width: 80px; margin: 2px auto; font-weight: bold; border-bottom: 1px dashed #9d5563  }
            .nav-wrapper ul li span a.sub_menu4 { display: block; padding: 3px; width: 80px; margin: 2px auto; font-weight: bold; border-bottom: 1px dashed #9d5563  }
            .nav-wrapper ul li span a.sub_menu5 { display: block; padding: 3px; width: 50px; margin: 2px auto; font-weight: bold; border-bottom: 1px dashed #9d5563  }
	    .nav-wrapper ul li span a.sub_menu6 { display: block; padding: 3px; width: 50px; margin: 2px auto; font-weight: bold; border-bottom: 1px dashed #9d5563  }
            .nav-wrapper ul li.nobg { background: none; }
            .nav-wrapper ul li span#info:hover { background: #FFF; }
            .nav-wrapper ul li span#db:hover { background: #FFF; }
            .nav-wrapper ul li span#donate:hover { background: #FFF; }
            .nav-wrapper ul li span#forum:hover { background: #FFF; }
            .nav-wrapper ul li span#download:hover { background: #FFF; }
            .nav-wrapper ul li span#wiki:hover { background: #FFF; }
            .nav-wrapper ul li span a { display: block; color: #959595;}
            .nav-wrapper ul li span .marginbutton { padding: 3px 0 0 0; margin: 10px 0 0 0; background: url(../images/submenu_bg.gif) repeat-x center top; }
            .borderme { padding: 60px 0 0 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 2px solid #ddd; text-align: center; }
            
.banner-wrapper { width: 100%; height: 376px; background: url(../images/banner_bg.jpg) no-repeat center; float: left; margin: -3px 0 70px 0; }
    #banner { width: 100%; height: 636px; background: url(../images/banner.png) no-repeat center top; margin: 0; float: left; }
        #banner-text { width: 506px; height: 168px; margin: 220px auto; }
.main-wrapper { width: 1061px; height: auto; margin: 0 auto; }
.inner-wrapper { width: 1061px; float: left; background: url(../images/footerbg.jpg) no-repeat center bottom; padding: 0 0 9px 0; }
.main-cont { width: 502px; height: auto; min-height: 200px; float: left; margin: 0 3px;  }
    
.sidebar { width: 274px; height: auto; min-height: 300px; float: left; }
    .login { width: 274px; height: 181px; margin: 0 0 10px 0; float: left; background: url(../images/userpanel.png) no-repeat; padding: 60px 0 0 0; }
        .login-wrap { width: 194px; height: auto; float: left; margin: 0 0 0 38px;  }
        .login-wrap span.tbox { width: 194px; height: 26px; margin: 4px 0 ;background: url(../images/tbox.png) no-repeat;  font-size: 11px; display: block; text-align: center;}
            .login-wrap span.tbox input { margin: 3px 0 0 0; width: 180px; border: none; background: none; }
            .login-btn { width: 274px; height: auto; float: left; margin: 10px 0 0 0; }
            .loginbtn { width: 76px; height: 40px; float: left; background: url(../images/login.png); border: 0; cursor: pointer; float: left; margin: 0 5px 0 0;}
            
    .facebook { background-color: #FFFFFF; position: relative; width: 222px; height: 290px; left: 50%; margin-left: -110px; }       
    .twitter { position: relative; width: 222px; height: 81px; left: 50%; margin-left: -110px; }       
    .buttons { width: 274px; height: auto; text-align: center; float: left; }
    .buttons img { margin: 2px 0; }
    .serverstatus { width: 274px; height: 246px; float: left; background: url(../images/serverstatus.png) no-repeat; position: relative; }
        .st { position: absolute; top: 64px; right: 43px; }
        .usersonline { position: absolute; bottom: 30px; width: 100%; text-align: center; font-size: 35px; font-weight: bolder; color: #c65200; }
    .screenshots { width: 272px; height: 241px; float: left; background: url(../images/ss.png) no-repeat; margin: 10px 0 0 2px; position: relative;}
        .pics { width: 195px; height: 145px; float: left; overflow: hidden; position: absolute; bottom: 30px; left: 38px; }
        .pics img { width: 195px; height: 145px; }
    .ulink-wrapper { width: 227px; height: auto; float: left; margin: 10px 0 10px 25px; }
        .ulink-header { width: 227px; height: 53px; background: url(../images/ulinkheader.png) no-repeat; }
        .ulink-body { width: 227px; height: auto; min-height: 100px; background: #fff; float: left; }
            .ulink-body ul { margin: 10px 0 0 6px; padding: 0; list-style-type: none; }
            .ulink-body ul li { margin: 2px 0; }
            .ulink-body ul li a { display: block; width: 194px; height: 33px; color: #fff;  line-height: 33px; padding: 0 0 0 20px; background: url(../images/ulinks.gif) no-repeat; }
            .ulink-body ul li a:hover { text-decoration: underline; }
        .ulink-footer { width: 227px; height: 8px; float: left; background: url(../images/ulinkfooter.png) no-repeat; }
    
    .woesched { width: 274px; height: auto; float: left; margin: 10px 0 10px }
        .pompom-body { width: 225px; height: auto; min-height: 100px; float: left; background: #FFF; margin: 0 0 0 25px; padding: 10px 0; }
        .woe-header { width: 274px; height: 54px; float: left; background: url(../images/woeschedule.png) no-repeat center top;}
        .woe-body { width: 225px; height: auto; min-height: 100px; float: left; background: #FFF; margin: 0 0 0 25px; padding: 10px 0; }
            .woe-time { width: 100%; float: left; text-align: center; margin: 1px 0; font-weight: bolder;  }
            .colorgreen { color: #0f5256; }
            .colorgray { color: #646464; }
            .bigtime { margin: 20px 0 0 0; }
        .woe-footer { width: 271px; height: 22px; float: left; background: url(../images/woe-footer.png) no-repeat; margin: 0 0 0 2px; } 
        
    .gom { width: 274px; height: auto; float: left; margin: 10px 0 10px; }
        .gom span { display: block; font-size: 12px; font-weight: bolder; }
         span.gom_label { color: #171559; margin: 10px 0 0 0; }
         span.gom_name { margin: 0 0 10px 0; }
        .gom-header { width: 274px; height: 52px; float: left; background: url(../images/gomheader.png) no-repeat center }
        .gom-body { width: 225px; height: auto; min-height: 100px; float: left; background: #FFF; margin: 0 0 0 25px; padding: 10px 0; text-align: center; }
        .gom-footer { width: 271px; height: 22px; float: left; background: url(../images/gom_footer.png) no-repeat; margin: 0 0 0 1px; }
    
    .pom { width: 274px; height: auto; float: left; margin: 10px 0 10px; }
        .pom-header { width: 274px; height: 52px; float: left; background: url(../images/pomheader.png) no-repeat center }
        .pom-body { width: 225px; height: auto; min-height: 100px; float: left; background: #FFF; margin: 0 0 0 25px; padding: 10px 0; text-align: center;}
        .pom-footer { width: 271px; height: 22px; float: left; background: url(../images/pomfooter.png) no-repeat; margin: 0 0 0 1px; }
    
    .woe-breaker
    {
        width: 274px;
        height: auto;
        float: left;
        margin-bottom: 10px;
    }
    .woeb-header
    {
        width: 274px;
        height: 52px;
        background: url(../images/woeb-header.png) no-repeat top center;
        float: left;
    }
    .woeb-body
    {
        width: 225px;
        height: auto;
        float: left;
        min-height: 100px;
        background: #fff;
        margin: 0 0 0 25px;
    }
    .woeb-footer
    {
        width: 275px;
        height: 25px;
        float: left;
        background: url(../images/woeb-footer.png) no-repeat center;
    }
/* GM of the month*/
    .gm-wrapper
    {
        width: 274px;
        height: auto;
        float: left;
        margin-bottom: 10px;
    }
    .gm-header
    {
        width: 274px;
        height: 52px;
        background: url(../images/gm-header.png) no-repeat top center;
        float: left;
    }
    .gm-body
    {
        width: 225px;
        height: auto;
        float: left;
        min-height: 100px;
        background: #fff;
        margin: 0 0 0 25px;
        text-align: center;
    }
    .gm-body span { display: block; font-size: 12px; font-weight: bolder; }
    .gm-footer
    {
        width: 275px;
        height: 25px;
        float: left;
        background: url(../images/gm-footer.png) no-repeat center;
    }   
    
    span.gm_label { color: #c91529; margin: 10px 0 0 0; }
    span.gm_name { margin: 0 0 10px 0; }
    
/*TIPS*/
    .tip-wrapper
    {
        width: 188px;
        height: 261px;
        float: left;
        margin-bottom: 10px;
    }
    
    
    table.pom-table { margin: 0 auto 20px auto; font-size: 12px; font-weight: bolder; border-collapse: collapse; border-color: #cf9dc1; color: #fff;}
    table.pom-table tr td { padding: 3px; }
    table.pom-table tr td.label { background: #870b65 }
    table.pom-table tr td.label2 { background: #a24b8a }
    .pom span { display: block;}
    .pom_name { font-size: 12px; font-weight: bolder; color: #000; margin: 10px 0;}
            
        
.cont-header { width: 504px; height: 58px; float: left; background: url(../images/contheader.png) no-repeat; }
.cont-body { width: 484px; height: auto; min-height: 500px; background: #fff; float: left; padding: 10px; }
.cont-footer { width: 534px; height: 34px; float: left; background: url(../images/contfooter.png) no-repeat; margin: 0 0 0 -15px; }

.don-wrapper { width: 533px; height: 208px; float: left; margin: 10px 0; margin: 12px 0 0 -14px; background: url(../images/donbox.png) no-repeat center; }
    .donate-items { width: 451px; height: 122px; float: left; margin: 50px 0 0 43px; overflow: hidden; }
        .item-wrap { width: 80px; height: 122px; float: left; margin: 0 7px 0 3px; }
            span.itemname,span.itemprice { display: block; text-align: center; margin: 1px 0 0 0; }
            span.itemname { color: #a2547f; font-weight: bolder; }
            span.itemprice { color: #5f5f5f; }

.rank-wrapper { width: 533px; height: auto; float: left; margin: 20px 0 0 -14px;  }
    .rank-header { width: 100%; height: 51px; float: left; background: url(../images/rankheader.png) no-repeat center top; }
    .rank-body { width: 460px; height: auto; min-height: 100px; float: left; background: #FFF; margin: 0 0 0 17px; padding: 0 20px 20px 20px; }
    .rank-footer { width: 533px; height: 34px; float: left; background: url(../images/rankfooter.png) no-repeat; }
    .ranking-tab { width: 457px; height: auto; padding: 0 0 10px 0; margin: 10px 0 15px 0; border-bottom: 1px dashed #ddd; text-align: center;}

.footer-wrapper { width: 533px; height: auto; margin: 0 auto; }
    .creator { width: 100%; float: left; text-align: center; }
    .copy-right { width: 100%; float: left; height: 79px; padding: 36px 0 0 0; background: url(../images/footercopy.png) no-repeat; text-align: center; }
    .copy-right p { margin: 0; color: #646464; }