@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,cyrillic);
.wrapper {
	width: 1000px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #ffffff;
}
.clr {clear: both;}

/* Header
-----------------------------------------------------------------------------*/
.header {
	height: 110px;
	background: #ffcc00;
	border-bottom: 1px solid #eabb00;
}
.logo {
	width: 245px;
	height: 54px;
	padding: 33px 0 0 20px;
	float: left;
}
#search {
	float: left;
	padding: 41px 0 0 98px;
	position: relative;
}
#search #story {
	width: 278px;
	height: 24px;
	padding: 0 65px 0 10px;
	border: 1px solid #dfb200;
	font-size: 11px;
	color: #d2d2d2;
}

#search .searchButton {
	width: 55px;
	height: 22px;
	border: none;
	text-align: center;
	color: #fff;
	font-size: 10px;
	background: #ffb400;
	position: absolute;
	right: 2px;
	top: 43px;
	line-height: 10px;
}
.main-banner {
	margin: 10px 0;
	text-align: center;
}
/* Middle
-----------------------------------------------------------------------------*/
.middle {
	width: 100%;
	padding: 0 0 154px;
	position: relative;
}
.middle:after {
	display: table;
	clear: both;
	content: '';
}
.container {
	width: 100%;
	float: left;
	overflow: hidden;
}
.socials {
	margin: 15px 0 10px 0;
	text-align: center;
}
.content {
	padding: 0 0 0 300px;
}

.custom-video {
width: 205px;
min-height: 159px;
float: left;
margin: 10px;
padding: 2px;
border: 1px solid #f0f0f0;
}
.custom-video .img-container {
width: 203px;
height: 123px;
overflow: hidden; 
border: 1px solid #f0f0f0;
position: relative;
}
.custom-video:hover, .custom-video:hover .img-container {
border: 1px solid #aeaeae;
}
.custom-video .img-container img {
width: 203px;
}
.custom-video h3 {
font-size: 17px;
text-align: center;
margin: 10px 0;
}
.custom-video h3 a {
color: #535353;
text-decoration: none;
}
.custom-video h3 a:hover {
	color: #ff5400;
	border-bottom: 1px dotted #ff5400;
}
.custom-video .play-layout, .short-custom .play-layout {
	opacity: 0;
	width: 203px;
	height: 123px;
	background: url('../images/play-layout.png') no-repeat 50% 50%;
	position: absolute;
	top: 0;
	left: 0;
}
.custom-video:hover .play-layout, .short-custom:hover .play-layout {
opacity: 1;
}

.short-custom {
width: 205px;
min-height: 159px;
float: left;
margin: 10px;
padding: 2px;
border: 1px solid #f0f0f0;
position: relative;
}
.short-custom .img-container {
width: 205px;
height: 121px;
overflow: hidden; 
}
.short-custom .img-container img {
width: 205px;
}
.short-custom h3 {
font-size: 17px;
text-align: center;
margin: 10px 0;
}
.short-custom h3 a {
color: #535353;
text-decoration: none;
}
.short-custom h3 a:hover {
	color: #ff5400;
	border-bottom: 1px dotted #ff5400;
}
.short-custom p {
color: #535353;
font-size: 10px;
line-height: 12px;
}
.short-custom .short-status {
background: #f0f0f0;
height: 22px;
text-align: center;
font-size: 10px;
color: #535353;
line-height: 22px;
margin-top: 10px;
}
.short-custom .short-status .argviews {
	background: url('../images/ico-play.png') no-repeat 0 50%;
padding-left: 21px;
margin-right: 10px;
}
.short-custom .short-status .argcoms {
	background: url('../images/ico-comments.png') no-repeat 0 50%;
	padding-left: 15px;
}


.main-seo {
font-size: 11.5px;
color: #525252;
line-height: 14px;
margin: 15px 0;
}
/* Left Sidebar
-----------------------------------------------------------------------------*/
.left-sidebar {
	float: left;
	width: 270px;
	margin-left: -100%;
	position: relative;
	padding-left: 20px;
}
.left-nav {
	width: 270px;
	background: #fafafa;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 30px;
}
.left-nav ul {
	margin: 10px 20px;
}
.left-nav li {
	background: url('../images/nav-marker.png') no-repeat 0 50%;
	padding-left: 10px;
}
.left-nav li:hover {
	background: url('../images/nav-marker-hover.png') no-repeat 0 50%;
}
.left-nav li a {
	font-size: 17px;
	color: #464646;
	text-decoration: none;
	line-height: 30px;
}
.left-nav li a:hover {
	color: #ff5400;
	border-bottom: 1px dotted #ff5400;
}

.ok-vidjet {
	text-align: center;
}





/* Footer
-----------------------------------------------------------------------------*/
.footer {
	width: 960px;
	padding: 20px;
	margin: -154px auto 0;
	height: 114px;
	background: #555555;
	position: relative;
	color: #ffffff;
}
.footer .copyright {
	width: 250px;
	float: left;
	font-size: 10px;
	line-height: 10px;
	margin-top: 48px;
}
.footer .copyright span{
	font-size: 30px;
	float: left;
	line-height: 20px;
}
.footer .bottom-menu {
width: 500px;
text-align: center;
margin-top: 48px;
float: left;
}
.footer .bottom-menu a {
	color: #ffffff;
	text-decoration: none;
	margin: 0 5px;

}
.footer .bottom-menu a:hover {
	text-decoration: underline;
}
.footer .bottom-social {
	float: right;
	margin-top: 35px;
}
.footer .bottom-social a {
	float: right;
	border: 1px solid #6c6c6c;
	width: 45px;
	height: 45px;
	margin-left: 20px;
}
.footer .bottom-social a:hover {
	border: 1px solid #77a0ff;
}
.tw-ico {
	background:  #3c3c3c url('../images/tw-ico.png') no-repeat 50% 50%;
}
.tw-ico:hover {
	background:  #587aca url('../images/tw-ico.png') no-repeat 50% 50%;
}
.vk-ico {
	background:  #3c3c3c url('../images/vk-ico.png') no-repeat 50% 50%;
}
.vk-ico:hover {
	background:  #587aca url('../images/vk-ico.png') no-repeat 50% 50%;
}
.fb-ico {
	background:  #3c3c3c url('../images/fb-ico.png') no-repeat 50% 50%;
}
.fb-ico:hover {
	background:  #587aca url('../images/fb-ico.png') no-repeat 50% 50%;
}



// jkljkljl

.bn_navi {
	text-align: center;
}
.bn_navi a {
	text-decoration: none;
}
.bn_navi .pprev{
	background: url('../images/nav-arrow-left.png') no-repeat 50% 50%;
}
.bn_navi .pnext{
	background: url('../images/nav-arrow-right.png') no-repeat 50% 50%;
}



.bn_navi .nav_pages span {
font-size: 21px;
color: #fff;
background: #ffcc00;
display: inline-block;
vertical-align: top;
padding: 9px 11px;
}
.bn_navi .nav_pages a {
color: #525252;
font-size: 13px;
padding: 9px 8px;
font-family: 'Verdana';
line-height: 36px;
}

.auth-block {
float: right;
text-align: center;
margin: 43px 0px;
width: 230px;
}
.auth-block a {
color: #6d5d1b;
font-size: 17px;
text-decoration: none;
}
.auth-block img {
margin: 6px 10px 3px;
}
.auth-block a:hover {
border-bottom: 1px dashed #6d5d1b;
}
.fullstory {

}
.fullstory h1 {
font-size: 34px;
color: #646464;
font-family: 'open sans';
margin-bottom: 10px;
line-height: 34px;
text-align: center;
}
.fullstory {

}
.fullstory .game-block {
	max-width: 681px;
	overflow-x: hidden;
}
.fullstory .help {
margin: 20px 0px 0px 0px;
text-align: center;
}
.fullstory .help > span {
display: inline-block;
vertical-align: top;
width: 120px;
height: 100px;
text-align: center;
margin: 0px 3px;
text-decoration: none;
cursor: pointer;
}
.fullstory .help img {
display: block;
padding: 0px 30px;
margin-bottom: 5px;
}
.fullstory .help span {
font-size: 17px;
font-family: 'Arial';
color: #ffb400;
}
.fullstory #help_me {
color: #d4d4d4;
}
.fullstory #no {
color: #ff7e00;
}
.fullstory .description {
font-size: 13px;
font-family: 'Arial';
color: #525252;
line-height: 14px;
}
.fullstory .description a {
color: #ffb400;
}
.fullstory .rating-block {
	text-align: center;
	margin: 15px 0 50px 0;
}
.comments {
border-bottom: 1px dashed #e9e9e9;
border-top: 1px dashed #e9e9e9;
margin: 83px 12px 23px 9px;
padding-top: 23px;
padding-bottom: 10px;
}
.comments h2, .addcomments h2, .related h2 {
color: #646464;
font-size: 21px;
font-family: 'open sans';
text-align: center;
margin-bottom: 40px;
}
.bcomment {
margin-bottom: 32px;
min-height: 100px;
}
.bcomment img {
width: 64px;
float: left;
margin: 23px 10px 29px 0px;
border-radius: 35px;
border: 3px solid #ffb400;
height: 64px;
}
.bcomment h3 {
color: #3d3d3d;
font-size: 17px;
font-family: 'open sans';
display: inline-block;
vertical-align: top;
margin: 0px 0px 6px 10px;
max-width: 588px;
width: 100%;
}
.bcomment h3 a {
color: #3d3d3d;
text-decoration: none;
}
.bcomment h3 span {
color: #cacaca;
font-size: 11px;
float: right;
}
.bcomment .arrow {
display: inline-block;
vertical-align: top;
width: 599px;
background: url(../images/otzyv.png) no-repeat 2px 7px;
}
.bcomment .text_bg {
background-color: #ffcc00;
border-radius: 2px;
margin-left: 10px;
padding: 7px 6px;
}
.bcomment .text_bg span {
color: #fff;
font-size: 13px;
font-family: 'open sans';
}
#editorcomm textarea {
border: 1px solid #eeeeee;
border-radius: 2px;
padding: 5px 10px;
height: 105px;
width: 659px;
margin: 0px 8px;
color: #848484;
font-size: 13px;
font-family: 'open sans';
}
.label {
color: #3d3d3d;
font-size: 17px;
font-family: 'open sans';
text-align: right;
padding-right: 25px;
padding-left: 8px;
}
.f_input {
color: #9e9e9e;
font-size: 17px;
padding: 6px 24px;
font-family: Times New Roman;
width: 530px;
border: 1px solid #dbdbdb;
background: #fff;
margin-bottom: 5px;
}
.berrors {
margin: 0;
background-color: #F00;
border-radius: 2px;
margin-left: 10px;
padding: 7px 6px;
color: #fff;
margin-bottom: 10px;
}

.game_panel-popup {
margin-top: 3px;
display: none;
}
.popup {
position: absolute;
border: 1px solid #e1e1e1;
font-size: 11px;
background: white;
color: #787878;
padding: 12px;
line-height: 1.4;
z-index: 1;
width: 652px;
text-align: left;
}
.popup:after {
position: absolute;
top: -10px;
margin-left: -3px;
content: '';
background: url('../images/sprite.png') -5px -47px no-repeat;
width: 16px;
height: 10px;
}
.popup__1:after {
left: 53px;
}
.popup__2:after {
left: 210px;
}
.popup__3:after {
left: 340px;
}
.popup__4:after {
left: 470px;
}
.popup__5:after {
left: 600px;
}

/* Модальные окна */
.login_block {
background: #fff;
position: fixed;
top: 150px;
left: 50%;
display: none;
opacity: 0;
z-index: 100;
background-color: #fff;
padding: 11px 36px;
width: 407px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: opacity .5s, top .5s;
-moz-transition: opacity .5s, top .5s;
-ms-transition: opacity .5s, top .5s;
-o-transition: opacity .5s, top .5s;
transition: opacity .5s, top .5s;
border-bottom: 1px solid #ffcc00;
border-top: 8px solid #ffcc00;
text-align: center;
}
/* Кнопка закрыть для тех кто в танке) */
.login_block #login_block_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
	font-size: 26px;
	color: #fff;
}
.login_block h3 {
	padding: 10px 0 10px 15px;
	font-size: 34px;
	color: #646464;
	font-family: Times New Roman;
	margin-bottom: 21px;
}

.login_block input {
	color: #9e9e9e;
	font-size: 17px;
	padding: 16px 24px;
	font-family: Times New Roman;
	width: 345px;
	border: 1px solid #dbdbdb;
	background: #fff;
}
.login_block a {
	display: inline-block;
	vertical-align: top;
	margin: 13px 5px;
	color: #6d5d1b;
	font-size: 17px;
}
.fbutton {
	font-family: Times Nsew Roman;
	background-color: #ffb400;
	border-radius: 2px;
	color: #fff;
	font-size: 17px;
	display: block;
	margin: 68px 104px 40px;
	padding: 7px 7px 9px;
	width: 186px;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(181,128,0,1);
	-moz-box-shadow: 0px 3px 0px 0px rgba(181,128,0,1);
	box-shadow: 0px 3px 0px 0px rgba(181,128,0,1);
	cursor: pointer;
}
#send-service {
	background: #453E8C;
	color: #fff;
	padding: 5px;
	display: block;
	width: 130px;
	line-height: 20px;
	text-align: center;
	margin: 0 auto;
	border-radius: 3px;
	cursor: pointer;
}



/* Подложка */
#overlay {
	z-index: 3;
	position: fixed;
	background-color: #000;
	opacity: 0.8;
	width: 100%; 
	height: 100%;
	top: 0; 
	left: 0;
	cursor: pointer;
	display: none;
}