* {margin: 0; padding: 0}

html, body {font-family: Tahoma, "Times New Roman", serif; font-size: 13px;}

a {color: #555; outline: 0 none}
a:hover {color: #3aa1bf}

.clear {clear: both; height: 0; overflow: hidden; font-size: 0;}

body {background: url("../images/gray_bg.jpg") 0 0 repeat; /*overflow: hidden*/}

.right {float: right}
.left {float: left}

.wrap {background: url("../images/index/top_bg.jpg") 0 0 repeat-x; min-width: 1250px; overflow: hidden}
.top_img {background: url("../images/index/top_img.jpg") 50% 0 no-repeat; max-width: 1650px; height: 527px; margin: 0 auto; }
.shield {background: url("../images/index/shild_bg.jpg") 50% 0 no-repeat; max-width: 1318px; height: 248px; margin: 0 auto; }
.shield .inner {width: 1250px; margin: 0 auto;}

.menu {width: 240px; margin-top: 85px;}
.menu .bl_left {background: url("../images/menu_l_wa_bg.png") 0 0 no-repeat; padding-left: 32px}
.menu .bl_right {background: url("../images/menu_r_wa_bg.png") 100% 0 no-repeat; padding-right: 32px}
.menu .bl_center {background: url("../images/menu_c_wa_bg.png") 0 0 repeat-x; padding: 7px 10px 7px}

.menu .bg {background: url("../images/rules/txt.png") no-repeat; float: left; height: 17px}
.menu .forum_link {background-position: 0 -81px; width: 57px}
.menu .forum_link:hover {background-position: 0 -102px;}

.menu .about_link {background-position: 0 -123px; width: 67px; margin-right: 30px}
.menu .about_link:hover {background-position: 0 -143px;}

.menu .rules_link {background-position: 0 1px; width: 74px; margin-right: 10px}
.menu .rules_link:hover {background-position: 0 -19px;}

.menu .rating_link {background-position: 0 -40px; width: 69px;}
.menu .rating_link:hover {background-position: 0 -62px;}

#logo {width: 163px; height: 174px; background: url("../images/logo.png") 0 0 no-repeat; display: block; margin: 0 auto; position: relative; top: -31px;}
#logo:hover, #logo.hover  {background-position: 0 -174px; }

.content {background: url("../images/index/content_bg.jpg") 50% 0 no-repeat; max-width: 1318px; height: 351px; margin: 0 auto; }
.content .inner {width: 1250px; position: relative; margin: 0 auto}

.torch, .torch .bg { width: 173px; height: 348px; position: relative}
.left .torch { margin: -44px 0 0 -46px}
.left .torch .bg {background: url("../images/index/left_torch_wa_s.png") 0 0 no-repeat;}
.right .torch { margin: -44px -42px 0 0}
.right .torch .bg {background: url("../images/index/right_torch_wa_s.png") 0 0 no-repeat;}

.left_screen,
.right_screen,
.left_screen .frame,
.right_screen .frame {height: 175px; width:  245px; overflow: hidden}

.left_screen .frame a,
.right_screen .frame a {width: 195px; height: 135px; display: block; position: relative; }

.left_screen .frame a {top: 18px; left: 21px}
.right_screen .frame a {top: 18px; left: 21px}

.left_screen img,
.right_screen img {height: 171px; width:  241px; position: relative; top: 2px; left: 2px;}

.left_screen {position: absolute; left: 63px; top: 37px;}
.right_screen {position: absolute; right: 68px; top: 37px;}

.left_screen .frame {background: url("../images/index/left_stone.png") 0 0 no-repeat; position: absolute; top: 0; left: 0}
.right_screen .frame {background: url("../images/index/right_stone.png") 0 0 no-repeat; position: absolute; top: 0; left: 0}

.text {color: #f6d391; font-size: 13px; width: 245px; margin: 0 auto; text-align: center; height: 351px; line-height: 16px}
.text .correct {position: relative; right: -7px; padding-top: 120px; text-shadow: 0 0 5px black}

form#auth {width: 626px; margin: -76px auto 0}

.footer {width: 1250px; background: url("../images/index/bottom_bg.jpg") 50% 0 no-repeat; margin: 0 auto; padding: 64px 0 116px; position: relative}
.footer .design {background: url("../images/sword_in_stone.jpg") 0 0 no-repeat; padding: 221px 25px 45px 100px; position: absolute; bottom: 15px; right: 15px;}
.footer .design a {background: url("../images/3a.png") 0 0 no-repeat; display: block; width: 99px; height: 23px;}
.footer .design a:hover {background: url("../images/3a.png") 0 100% no-repeat; display: block; width: 99px; height: 23px;}

.footer .copyright {font-weight: bold; padding: 90px 0 0 20px; color: #555; position: absolute; bottom: 15px; left: 15px;}

.footer .btn_2 {width: 220px; margin: 0 auto;}
#auth .left {width: 160px; margin-top: -3px}
#auth .right {width: 150px; text-align: center}

#auth .input {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;-moz-box-shadow: 1px 2px 5px #000; -webkit-box-shadow: 1px 2px 5px #000; box-shadow: 1px 2px 5px #000;}

.input .bl_left,
.input .bl_right,
.input .bl_center {background: url("../images/input_round.png") 0 0 no-repeat;}

.input .bl_left {padding-left: 11px;}
.input .bl_right {background-position:  100% -100px;  padding-right: 11px}
.input .bl_center {background-position: 0 -50px; background-repeat: repeat-x; padding: 4px 0 3px}

.input input {border: 0 none; outline: 0 none;  display: block; color: #707070; font-weight: bold; font-size: 13px;line-height:13px;width: 100%; background: none}

.input.error .bl_left {background-position:  0 -25px;}
.input.error .bl_right {background-position: 100% -125px;}
.input.error .bl_center {background-position: 0 -75px;}

#auth .input {margin-bottom: 3px;}

.btn_4 .bl_left,
.btn_4 .bl_right,
.btn_4 .bl_center {background: url("../images/btn_4.png") 0 0 no-repeat;}

.btn_4 .bl_left { padding-left: 27px;}
.btn_4 .bl_right {background-position: 100% -120px; padding-right: 24px}
.btn_4 .bl_center {background-position: 0 -60px; background-repeat: repeat-x;  height: 27px;}
.btn_4:hover .bl_left {background-position:  0 -30px;}
.btn_4:hover .bl_right {background-position:  100% -150px;}
.btn_4:hover .bl_center {background-position:  0 -90px;}

#auth .btn_4 a {color: #000; text-shadow: 1px 1px 2px #fff; font-weight: bold; text-decoration: none; display: block; line-height: 20px}

.remember {color: #f6d391; font-weight: bold}
.remember:hover {color: #f00;}


.popup_wrap {padding: 3px;}

.popup_wrap .popup_border {
    background: url("../images/gray_bg.jpg") 0 0 repeat;
    border: 4px solid #a2a2a2;
}
.popup_wrap .popup_content {
    min-height: 60px;
}

.popup_wrap .popup_content .error, .popup_wrap .popup_content .success  {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 20px 5px;
}

.popup_wrap .popup_content .error {color: #b94a48;}
.popup_wrap .popup_content .success {color: #468847;}

.popup_wrap .popup_border.border_radius {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.popup_wrap .popup_border_1 {
    border: 1px solid #767676;
    border-left: 0 none;
}

.popup_head_1 {
    padding: 0 15px;
    margin: -23px -5px 0 -4px;
}
.popup_head_1 .ph1_bg, .popup_head_1 .ph1_left, .popup_head_1 .ph1_right {
    background: url("../images/style_head_popup.png") 0 -70px repeat-x;
}

.popup_head_1 .ph1_left {
    background-position: 0 0;
    background-repeat: no-repeat;
    margin-left: -15px;
}

.popup_head_1 .ph1_right {
    background-position:  100% -35px;
    background-repeat: no-repeat;
    margin-right: -15px;
}

.popup_head_1 .ph1_content {
    line-height: 35px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    min-width: 200px;
    min-height: 27px;
    max-height: 35px;
}

.h1 {
	color: #8f8b6e;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	height: 26px;
}