@import url("reset.css");


/* ======== */
/* Default */

body {
	color: #1D282F;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

p {
	margin: 0 0 10px 0;
}

a {
	color: #4A8798;
}
a:hover {
	text-decoration: none;
}

h1, h2 {
	color: #225260;
	font-size: 25px;
	line-height: 40px;
	font-family: Tahoma, Arial, sans-serif;
	font-weight: normal;
	margin: 0 0 13px 0;
	text-transform: uppercase;
}
h2 {
	font-size: 21px;
}
h3 {
	color: #4A8798;
	font-size: 16px;
	font-family: Arial, Tahoma, sans-serif;
	margin: 0 0 15px 0;
}



/* ======= */
/* Layout */

html,
body {
	min-width: 900px;
}
html {
	height: 100%;
	overflow-y: scroll;
}
body {
	min-height: 100%;
	position: relative;
	background: #EEEDE8 url("../img/bg_page.jpg") no-repeat 50% 0;
}
body.en-page {
	background-image: url("../img/bg_page_en.jpg");
}


#page {
	width: 870px;
	position: relative;
	padding-bottom: 171px;
	margin: 0 auto;
}

#content {
	overflow: hidden;
	background: #FFF;
	background: rgba(255,255,255,0.85);
	border: 1px solid #E3E8E7;
	padding: 29px;
}

#left {
	width: 516px;
	float: left;
	clear: left;
	overflow: hidden;
}
#right {
	width: 250px;
	float: right;
}

#content.wide #left {
	width: 100%;
}
#content.wide #right {
	/* display: none; */
}

#footer {
	width: 100%;
	height: 171px;
	position: absolute;
	bottom: 0;
}


/* ======= */
/* Blocks */


/* Top */
#top {
	height: 39px;
	background: url("../img/bg_top.png") no-repeat;
	opacity: 0.85;
}


/* Lang */
#lang {
	width: 100px;
	float: left;
	padding: 10px 0 0 0;
}
#lang,
#lang a {
	color: #FFF;
}
#lang a,
#lang b {
	margin: 0 5px;
}


/* Social */
#social {
	float: right;
	padding: 8px 29px 0 0;
}
#social img {
	margin: 0 6px;
	vertical-align: middle;
}


/* Top menu */
#top-menu {
	width: 100%;
	height: 43px;
	display: table;
	text-align: justify;
	font-size: 18px;
	font-family: Tahoma, Arial, sans-serif;
	background: url("../img/bg_top_menu.png") no-repeat;
	margin: 294px 0 0 0;
	opacity: 0.85;
}
#top-menu a {
	display: table-cell;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	text-shadow: 0 -1px #000;
	padding: 11px 27px 0;
	background: url("../img/vr_top_menu.png") no-repeat 0 8px;
}
#top-menu a:hover {
	text-decoration: underline;
}
#top-menu .selected {
	color: #78BEBC;
}
#top-menu hr {
	display: inline;
	margin: 0 0 0 100%;
	visibility: hidden;
}


/* Copyright */
#copyright {
	width: 700px;
	text-align: center;
	color: #3B454B;
	font-size: 11px;
	line-height: 15px;
	margin: 35px auto 0;
}
#copyright p {
	width: 170px;
	float: left;
	text-align: right;
	margin: 0 13px 20px 0;
	padding: 10px 0;
}
#copyright p:first-child {
	width: 330px;
	border-right: 1px solid #D6D8D0;
	padding-right: 18px;
}
#copyright p img {
	float: right;
	margin: 0 0 0 15px;
}
#copyright p:first-child img {
}
#copyright br {
	clear: both;
}


/* Intro */
.intro {
	overflow: hidden;
	font-size: 14px;
	background: #E6E9E9;
	padding: 18px 17px 18px 30px;
	margin: 0 0 25px 0;
}
.intro img.right {
	margin: 0 0 0 45px;
}
.intro div.left {
	width: 486px;
}
.intro div.right {
	width: 232px;
}
.intro h3 {
	color: #1D282F;
	margin: 5px 0 10px 0;
}
.intro p {
	font-size: 12px;
	margin: 0 0 7px 0;
}


/* News */
.news .item {
	clear: both;
	border-top: 1px solid #E6E4DE;
	padding: 15px 0 10px 0;
}
.news h3 {
	width: 440px;
	margin-top: 3px;
}
.news h3 a,
.news .announce a {
	text-decoration: none;
}
.news h3 a:hover,
.news .announce a:hover {
	text-decoration: underline;
}
.news .date {
	font-size: 11px;
}
.news img {
	max-width: 430px;
	float: left;
	border: 7px solid #E6E9E9;
	margin: 0 15px 10px 0;
}
.news .announce img {
	max-width: 215px;
}
.news .announce a {
	color: #1D282F;
}
.news .announce pre {
	display: inline;
}
.news .count {
	color: #8B624A;
	margin-right: 28px;
}


/* Comments */
.comments {
	clear: both;
	margin: 30px 0 0 0;
}
.comments .form {
	position: relative;
	margin: 30px 0 0 0;
}
.comments .form form {
	padding-bottom: 24px;
}
.comments-list {
	margin: 10px 0 0 0;
}
.comment {
	clear: both;
	padding: 15px 0;
}
.comments .error {
	text-align: right;
	right: 0;
	margin: -20px 20px 0 0;
}
.comments-error {
	color: red;
}


/* Switched comments */
.switch {
	clear: both;
	margin: 20px 0 0 0;
}
.switch a {
	text-decoration: none;
	margin: 0 15px;
}
.switch a span {
	border-bottom: 1px dashed #4A8798;
}
.switch a.selected span {
	color: #1D282F;
}
.switch a:hover span,
.switch a.selected span {
	border: 0;
}


/* Likes */
.likes {
	clear: both;
	border-top: 1px solid #E6E4DE;
	padding: 12px 0 0;
	margin: 7px 0;
}
.likes .like {
	float: left;
	margin: 0 15px 10px 0;
}
.likes .like-1 {
	width: 96px;
}


/* Pager */
.pager {
	clear: both;
	text-align: center;
	font-size: 14px;
	border-top: 1px solid #E6E4DE;
	padding: 25px 0 0 0;
	margin: 0 0 20px 0;
}
.pager i a,
.pager i b {
	padding: 4px 11px 4px 9px;
}
.pager i a {
	color: #1D282F;
	text-decoration: none;
}
.pager i a:hover {
	text-decoration: underline;
}
.pager i b {
	color: #ECE9DC;
	background: url("../img/pager_sel.png") no-repeat 50% 0;
}
.pager span {
	font-size: 12px;
}
.pager .prev {
	margin: 0 10px 0 0;
}
.pager .next {
	margin: 0 0 0 10px;
}
.pager .prev a {
	color: #574439;
}
.pager .next a {
	color: #4A8798;
}
.pager .selected a {
	visibility: hidden;
}


/* Sub-links */
.sub-links {
	clear: both;
	padding: 15px 0 10px;
}
.link-more {
	background: url("../img/icon_more.png") no-repeat;
	padding: 2px 0 5px 25px;
	margin: 0 28px 0 0;
}
.link-comments {
	background: url("../img/icon_comment.png") no-repeat;
	padding: 2px 0 5px 25px;
}
.link-eye,
.link-fb,
.link-vk {
	background: url("../img/icon_eye.png") no-repeat;
	padding: 5px 0 5px 30px;
}
.link-vk {
	background-image: url("../img/icon_vk.png");
}
.link-fb {
	background-image: url("../img/icon_fb.png");
}
.link-user {
	background: url("../img/icon_user.png") no-repeat;
	padding: 2px 0 4px 30px;
}


/* Tags */
.tags {
	line-height: 1.3;
	font-weight: bold;
	margin: 0 0 40px 0;
}
.tags a {
	color: #1D282F;
	text-decoration: none;
	margin: 0 15px 0 0;
}
.tags a:hover {
	text-decoration: underline;
}
.tags .size-1 {
	font-size: 23px;
}
.tags .size-2 {
	font-size: 18px;
}
.tags .size-3 {
	font-size: 16px;
}
.tags .size-4 {
	font-size: 14px;
}
.tags .size-5 {
	font-size: 12px;
}
.tags .size-6 {
	font-size: 11px;
}
.tag-links a {
	margin: 0 15px 0 0;
}


/* Form */

form,
.login-block {
	position: relative;
	background: #E6E9E9;
	padding: 24px 24px 40px;
	margin: 0 0 15px 0;
}
.login-block {
	padding-bottom: 24px;
}
form div {
	position: relative;
}
form table {
	width: auto;
}
form th {
	width: 80px;
	text-align: right;
	padding: 2px 10px 0 0;
}
form th,
form td {
	vertical-align: top;
}
input, select, textarea, label, button {
	display: block;
	font-size: 100%;
	font-family: Arial, Tahoma, sans-serif;
}
label {
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	color: #225260;
	font-style: italic;
	padding: 4px 0 0 10px;
}
.label {
	height: auto;
	display: inline;
	position: relative;
	vertical-align: middle;
	padding: 0;
}
.input,
textarea {
	width: 95%;
	height: 18px;
	border-width: 1px;
	margin: 0 0 20px 0;
	padding: 3px 5px 1px;
}
textarea {
	height: 100px;
	resize: none;
}
.switchable {
	display: inline;
	vertical-align: middle;
}
#left .input,
#left textarea {
	width: 98.5%;
}
.button {
	height: 23px;
	color: #FFF;
	font-weight: bold;
	border: 0;
	background: url("../img/bg_button.gif") repeat-x;
	padding: 0 13px 2px 13px;
	margin: 20px 0 0 0;
	cursor: pointer;
}
a.button {
	line-height: 14px;
	color: #FFF;
	text-decoration: none;
	padding: 5px 13px 4px 13px;
}
/* #left .button {
	margin-top: 0;
} */
form .error {
	display: none;
	position: absolute;
	bottom: 12px;
}
form p {
	margin: 10px 0;
}



/* Movie */
.movie {
	border: 1px solid #E3E8E7;
	margin: 0 auto;
}


/* Authors */
.authors {
	padding: 30px 0;
}
.authors table {
	width: 100%;
}
.authors td {
	width: 50%;
	text-align: center;
	vertical-align: middle;
}
.authors td:first-child {
	border-right: 1px solid #E6E4DE;
}
.authors img {
	margin: 0 0 20px 0;
}
.authors .icons img {
	margin: 0 5px;
}


/* Community list */
.community-list .item {
	clear: both;
	border-bottom: 1px solid #E6E4DE;
	margin: 0 0 30px 190px;
}
.community-list .last-item {
	border: 0;
}
.community-list h3 {
	margin: 0 0 10px 0;
}
.community-list h3 b,
.community-list h3 strong {
	display: block;
	font-size: 21px;
	line-height: 24px;
	font-weight: 600;
}
.community-list img {
	max-width: 159px;
	float: left;
	border: 7px solid #E6E9E9;
	margin: 4px 15px -1px -190px;

}
.community-list i,
.community-list em {
	font-size: 11px;
}

/* Members list */
.members-list .item {
	margin-left: 130px;
}
.members-list img {
	max-width: 100px;
	margin-left: -130px;
}


/* Submenu */
.submenu {
	font-size: 16px;
	border-bottom: 1px solid #E6E4DE;
	padding: 0 0 15px 0;
	margin: 0 0 10px 0;
}
.submenu b {
	background: url("../img/bullet_dot.gif") no-repeat 0 7px;
	padding: 0 0 0 10px;
	margin: 0 57px 0 0;
}
.submenu a {
	color: #6A4D3A;
	border-bottom: 1px solid #6B4D3A;
	text-decoration: none;
}
.submenu a:hover {
	text-decoration: none;
}


/* User panel */
#user-panel {
	width: 330px;
	float: left;
	padding: 10px 0 0 15px;
}
#user-panel,
#user-panel a {
	color: #FFF;
}
#user-panel a {
	margin: 0 5px;
}


/* Wallpapers */
.wallpapers {
	border-top: 1px solid #E6E4DE;
	padding: 20px 0 0 0;
	margin: 40px 0 0 0;
}
.wallpapers h3 {
	color: #1D282F;
	margin: 0 0 25px 0;
}
.wallpapers table {
	width: 100%;
	font-family: Tahoma, Arial, sans-serif;
}
.wallpapers td {
	padding: 0 67px 40px 0;
}
.wallpapers img {
	border: 1px solid #E6E4DE;
	margin: 0 0 5px 0;
}
.wallpapers a {
	width: 100px;
	display: block;
	float: left;
	margin: 0 0 3px 0;
}



/* ========= */
/* Elements */

.link {
	margin: 0 50px 0 0;
}

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}

img.left {
	margin: 0 15px 10px 0;
}
img.right {
	margin: 0 0 10px 15px;
}

.photo {
	border: 7px solid #E6E9E9;
}

.hidden {
	display: none;
}

object {
	display: block;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.avatar {
	width: 120px;
	float: left;
}
.avatar img {
	max-width: 100px;
	float: none;
}

.text-comment {
	width: 385px;
	float: right;
}


#head-page .containerLeft {

	float:left; 
	width:516px;

  }

#head-page .containerLeft .intro img.right { 
	margin-left:20px;
	/* width:160px; */
	height:160px;
	margin-bottom:10px;
	
 }  

#head-page .containerLeft .intro h1 { 
	margin-bottom:15px;
 } 
.altMenu { 

 	padding-bottom:12px;
 	padding:12px 0;
 	margin-bottom:20px;
 	border-top:1px solid #d3d3d3;
 	border-bottom:1px solid #d3d3d3;

 	color: white;
 	
 }



 .altMenu>div { 
 	margin-bottom:4px;

  }
 .altMenu a, .altMenu b, .altMenu div { 
 	font-size:16px;
 	font-weight:bold;

  }

  .altMenu b, .altMenu div { 
  	color: #1D282F;
   }

.containerLeft.VideoContLeft .intro { 
	float:left;
	width:469px;
 }

 .containerLeft.VideoContLeft .intro .right {
 	float:left;

   }  
.containerLeft.VideoContLeft .intro div.left { 
	width:auto;

 }

 .containerLeft.VideoContLeft .altMenu { 
 	float:right;
 	width:250px;

  }


.Insidemenu { 
border-bottom: 1px solid #E6E4DE;
padding-bottom:15px;


 }  
#second-page .Insidemenu ul  {

padding-left:0;

}
#second-page .Insidemenu ul li { 
	float:left;
	padding: 0 0 0 10px;
	background: url("../img/bullet_dot.gif") no-repeat 0 7px;
	list-style-type: none;

 } 

.Insidemenu ul li  a { 
	color: #6A4D3A;
	border-bottom: 1px solid #6B4D3A;
 }

.Insidemenu ul li b { 

 } 

 .Insidemenu ul li  a, .Insidemenu ul li b { 
 	font-size:16px;
 	font-weight:bold;
 	
margin: 0 57px 0 0;
text-decoration: none;



 }

#second-page ul  { 

list-style: disc outside;
padding-left:20px;
margin-bottom:10px;
 }

#second-page ul li {
	list-style: disc outside;

   }

#second-page h2 {
	line-height:1.3;
 }   


div.imageGallery>div { 

padding: 20px 0 10px;
border-top: 1px solid #E6E4DE;
float:left;
width:100%;

 }
div.imageGallery>div.clear { 
border:none;
 }
div.imageGallery>div p {
	float:left;
	
 }

div.imageGallery>div p a { 
	float:left;



  }

div.imageGallery>div p img { 
	margin-right: 20px;
	margin-top:5px;
 }
div.imageGallery>div:first-child { 
	border-top:none;
 } 

a.glosForLink { 

	font-size:24px;

 }

 div.foresightGloss p b { 
 	font-size:13px;
 	font-weight:bold;
 }
ol { 

	list-style-type: decimal;
	padding-left:18px;
 }
ol li { 

list-style-type: decimal;
padding-bottom:15px;


 }