*{padding:0;margin:0;border:none;outline:none;color:#6D4A35}
a{cursor:pointer}
a,img{border:0}
body{background:#8D6144 url(../i/background_line.png) repeat-x;margin-bottom:50px}
#wrap{background:url(../i/background_site_top.jpg) top center no-repeat}
#ragdol{width:940px;margin:0 auto;padding-top:360px;background:url(../i/background_site_top.jpg) top center no-repeat;position:relative}

#home{z-index:9;display:block;position:absolute;top:248px;left:20px;height:34px;width:128px;background:url(../i/button.png) 0 0 no-repeat;text-indent:128px;overflow:hidden}
#home:hover{background:url(../i/button.png) -128px 0 no-repeat}
#register{z-index:9;display:block;position:absolute;top:248px;left:774px;height:34px;width:128px;background:url(../i/button.png) -256px 0 no-repeat;text-indent:128px;overflow:hidden}
#register:hover{background:url(../i/button.png) -384px 0 no-repeat}
#comingsoon{z-index:9;display:block;height:133px;width:156px;position:absolute;text-indent:156px;overflow:hidden;background:url(../i/comingsoon.png);left:383px;top:363px}
#comingsoon:hover{background-position: -156px}

#screenshots{z-index:9;height:176px;width:216px;overflow:hidden;position:absolute;left:168px;top:320px;background-position:11px 33px;background-repeat:no-repeat}
#screenshots b{display:block;height:176px;width:216px;background:url(../i/screencast.png)}
#arts{z-index:9;height:176px;width:216px;overflow:hidden;position:absolute;left:538px;top:320px;background-position:11px 33px;background-repeat:no-repeat}
#arts b{display:block;height:176px;width:216px;background:url(../i/screencast.png) -216px 0}

#blocks{position:absolute;width:940px;top:290px;z-index:2}
#left{float:left;width:200px}
#left div.menu{padding:6px 0 8px;margin-bottom:-5px;position:relative;left:12px;width:140px;background:url(../i/blockline.png)}
#left div.menu.last{padding-bottom:0;margin-bottom:5px}
#left div.menu a{display:block;height:18px;width:120px;font:bold 12px/18px Tahoma;text-decoration:none;margin-left:11px;text-indent:10px;background:url(../i/menu.png)}
#left div.menu a:hover{color:#BF5C34}
#left h2{cursor:pointer;position:relative;display:block;width:150px;height:40px;z-index:3;left:2px;text-indent:150px;overflow:hidden;margin-bottom:-13px}
#left h2.forum{background:url(../i/menuh.png) 0 0 no-repeat}
#left h2.libery{background:url(../i/menuh.png) 0 -40px no-repeat}
#left h2.media{background:url(../i/menuh.png)  0 -80px no-repeat}
#left h2.rating{background:url(../i/menuh.png) 0 -120px no-repeat}
#left h2.forum:hover,#left h2.forum.a{background:url(../i/menuh.png) -150px 0 no-repeat}
#left h2.libery:hover,#left h2.libery.a{background:url(../i/menuh.png) -150px -40px no-repeat}
#left h2.media:hover,#left h2.media.a{background:url(../i/menuh.png) -150px -80px no-repeat}
#left h2.rating:hover,#left h2.rating.a{background:url(../i/menuh.png) -150px -120px no-repeat}
#left div.bottom{background:url(../i/blockb.png);position:relative;left:6px;top:-5px;height:39px;width:140px}

#right{float:right;height:200px;width:145px;position:relative;background:url(../i/right.png);margin-right:22px}
#right div.content{margin:5px;margin-top:12px;font-family: Tahoma;font: normal 11px/18px Tahoma;}
#right div.content div.user{margin:5px}
#right div.content a{}
#right div.content{}
#right div.content{}
#right div.content{}

#loginVK_button {cursor:pointer;position: absolute; bottom: 50px; left:35px;background: url(../i/vk_login_but.png); width:66px;height:21px;}

#right input{position:absolute;background:none;border:none;width:100px}
#right input.login{left:15px; top:20px}
#right input.pass{left:15px; top:45px}
#right input.go{width:117px;height:38px;background:url(../i/go.png); text-indent:120px;overflow:hidden;top:68px;left:7px;}
#right a.recuve{position:absolute;top:105px;left:0px;font:13px Tahoma;text-align:center; width:130px}


#flags{clear:both;position:relative}
#flags div.left{background:url(../i/flags.png);float:left;width:145px;height:323px;margin-left:6px}
#flags div.right{background:url(../i/flags.png) right 0;float:right;width:145px;height:323px;margin-right:24px}
#blocks div.bgone{position:absolute;background:#8D6144 url(../i/background_line.png) 0 -290px repeat-x;width:50px; height:85%;left:110px;top:0;z-index:0}
#blocks div.bgtwo{position:absolute;background:#8D6144 url(../i/background_line.png) 0 -290px repeat-x;width:50px; height:85%;left:762px;top:0;z-index:0}
#blocks div.bgtri{position:absolute;background:url(../i/content.png) -140px 61px repeat-y;width:20px; height:85%;left:140px;top:0;z-index:1}
#blocks div.bgfor{position:absolute;background:url(../i/content.png) -762px 61px repeat-y;width:20px; height:85%;left:762px;top:0;z-index:1}
#blocks div.bglefttop{position:absolute;background:url(../i/block.png);width:128px;height:16px;left:8px;top:0;z-index:1}
#blocks div.bgrighttop{position:absolute;background:url(../i/block.png) top right;width:130px;height:16px;left:786px;top:0;z-index:1}
#blocks div.bgleft{position:absolute;background:url(../i/block.png) -128px 0;width:24px;height:46px;left:136px;top:0;z-index:2}
#blocks div.bgright{position:absolute;background:url(../i/block.png) -152px 0;width:24px;height:46px;left:762px;top:0;z-index:2}

#content{background:url(../i/content.png) -140px repeat-y;width:582px;min-height:200px;padding:142px 30px 0;margin-left:140px;position:relative;z-index:5}
#content div.bottom{height:11px;overflow:hidden;background:url(../i/footer.png) 50% 0 no-repeat;width:940px;margin-left:-170px}

#articles{margin-bottom:-25px}
#articles div.article{background:url(../i/articlesbody.png) 6px -10px no-repeat;position:relative;padding:28px 0 11px;}
#articles div.article div.text{background:#E8D0A3;border-left:2px solid #AF5F2A;border-right:2px solid #AF5F2A;margin:0 6px;padding:11px 13px 5px;font:12px/120% Tahoma}
#articles div.article div.text b.all{display:block;text-align: center;font-weight: normal;}
#articles div.article div.text div.news{height:40px;position:relative;/*border-bottom:1px dashed #AF5F2A*/}
#articles div.article div.text div.news a.title{font:bold 11px/18px Tahoma;display:block}
#articles div.article div.text div.news a.ftitle{font:bold 11px/18px Tahoma;display:block; text-decoration: none;}
#articles div.article div.text div.news div.like{ float:left;margin-right:10px;}
#articles div.article div.text div.news b.date{font:normal 10px/14px Tahoma;display:block;/*position:absolute;text-align:right;top:14px;right:14px;*/}
#articles div.article div.text p{font:12px/120% Tahoma; text-indent:12px;padding-bottom:1px}
#articles div.article div.text strong{color:#8B3C15}
#articles div.article b.bottom{background:url(../i/articlesbody.png) 6px 0 no-repeat;display:block;height:10px;overflow:hidden}
#articles div.article img.icon{background-repeat:no-repeat;background-position:6px 6px;position:absolute;top:-6px;left:0}
#articles div.article h2{font:bold 14px/28px Tahoma;color:#FFEBC3;position:absolute;left:50px;top:0;width:400px;height:28px}
#articles div.article h2 a{color:#FFEBC3;text-decoration:none;font:inherit;height:inherit;width:inherit;display:block}
#articles div.article div.date{font:bold 11px/30px Tahoma;position:absolute;text-align:right;top:0px;right:14px;color:#FFEBC3}

#footer{text-align:center;color:#fff;font:11px tahoma;width:940px; margin:0 auto;background:url(../i/footer.png) 0 -11px no-repeat;padding-top:40px;z-index:5}

#dialog{width:535px;position:absolute;top:36px;left:50px;background:url(../i/notice.png) -535px 0 no-repeat;z-index:100}
#dialog div.ragdol{width:455px;margin:55px auto 0;padding:10px 40px;background:url(../i/notice.png) -1070px 0}
#dialog div.content{text-align:center;font:12px/125% Tahoma;color:#6A3D28;margin:-65px 0 -30px;position:relative;z-index:2}
#dialog div.content div.visarea{max-height:240px;overflow:hidden;margin-top:11px}
#dialog div.content h2{color:#331D13;font:italic 22px/22px "Times New Roman";padding:30px 0 0; text-align:center;}
#dialog div.content a.close{position:absolute;color:#8D2C24;font:12px Arial;top:15px;right:-11px; text-decoration:none}
#dialog div.bottom{height:55px;background:url(../i/notice.png) 0 0;width:535px}



#social_a{height:32px;width:155px; text-align: center;}
#social_a a.auth{cursor:pointer;margin-left:5px;display:block;height:32px;width:32px;background: url(../i/social.png);float:left;}
#social_a a.auth.Mail{background-position: 0px;}
#social_a a.auth.Vk{background-position: -32px;}
#social_a a.auth.Fb{background-position: -64px;}
#social_a a.auth.Tw{background-position: -96px;}
#social_a a.auth.Ok{background-position: -128px;}




#startPage{width:455px;}
#startPage div.varian{height:80px;}
#startPage div.varian div.txt{padding:7px 10px;}
#startPage div.ls2{height:90px;position:relative;}
#startPage div.ls2 div.title{font:normal 20px Street Gangs;color:#00779e}
#startPage div.ls2 div.err{font:normal 12px/30px Tahoma;color:red;text-align: center;}
#startPage div.ls2 input.login{background: url("../i/go.png");border: medium none;height: 38px;width: 117px;}
#startPage div.ls2 div.btxt{top:20px;position:absolute;width:153px;height:51px;background: url(../i/sn/stxt.jpg) no-repeat;font:normal 18px/51px Arial;}
#startPage div.ls2 div.but{position:absolute;top:30px;left:155px;height:32px;width:32px;background: url(../i/social.png);float:left;}
#startPage div.ls2 div.but.Mail{background-position: 0px;}
#startPage div.ls2 div.but.Vk{background-position: -32px;}
#startPage div.ls2 div.but.Fb{background-position: -64px;}
#startPage div.ls2 div.but.Tw{background-position: -96px;}
#startPage div.ls2 div.but.Ok{background-position: -128px;}
#startPage div.ls2 div.btxchange{background: url(../i/sn/btchange.jpg) no-repeat;width:125px;height:36px;position:absolute;right:-1px;top:65px;}
#startPage div.ls2 div.btxchange a{color:#7d3b01;font:normal 11px/35px Tahoma;margin-left:25px;text-decoration: underline; cursor: pointer;}
#startPage div.ls2 div.acc{color:#7d3b01;font:bold 12px/32px Tahoma;position:absolute;right:0px;top:30px;}
#startPage div.ls2 a.gaming{display:block;position:absolute;top:28px;left:200px;background: url("../i/go.png");border: medium none;height: 38px;width: 117px;}
#startPage div.other{height:38px;}
#startPage div.other a{color:#7d3b01;}
div.bank {    text-align: center;}
div.bank span {
    background: url("../i/quest_exp.png") no-repeat scroll 0 0 transparent;
    color: #523528;
    display: inline-block;
    font: bold 11px/30px Tahoma;
    height: 30px;
    padding-right: 10px;
    text-indent: 32px;
}
div.bank span.exp {
    background: url("../i/quest_exp.png") no-repeat scroll 0 0 transparent;
}
div.bank span.cur_1 {
    background: url("../i/quest_gold.png") no-repeat scroll 0 0 transparent;
}
div.bank span.cur_2 {
    background: url("../i/quest_stone.png") no-repeat scroll 0 0 transparent;
}
div.bank span.cur_3 {
    background: url("../i/quest_ruby.png") no-repeat scroll 0 0 transparent;
}
div.bank span.cur_4 {
    background: url("../i/quest_wp.png") no-repeat scroll 0 0 transparent;
}
#tooltip {
        max-width:300px;
        padding: 5px 10px;
        background: #e3dcb7;
        border: 2px solid #423f2e;
        font: 11px/14px Tahoma;
        color: #6a3e32;z-index:100;}
#tooltip b.t{font:bold 12px/14px Tahoma;}

#PersonageInfo {
    background: none repeat scroll 0 0 #EFE7BD;
    border: 3px solid #423F2E;
    display: none;
    margin: 0 auto;
    position: absolute;
    width: 714px;
    z-index: 1001;
}
#PersonageInfo div.separator {
    text-align: center;
}
#PersonageInfo div.separator div.title {
    background: none repeat scroll 0 0 #BBA980;
    color: #EBE1B3;
    font: bold 12px/16px Tahoma;
    height: 25px;
    text-align: center;
    text-transform: uppercase;
}
#PersonageInfo div.separator img {
    float: right;
}
#content_PersonageInfo {
    color: #734836;
    font: 12px/14px Arial;
    padding: 0;
    text-align: left;
}