/*	============================================================================
	@project		'D5-cinema'
	@file			'layout.css'
	@copyright		Copyright 2011, D5im
	----------------------------------------------------------------------------				
	@license		Licensed under CC BY NC SA
			
	========================================================================= */

/* -- [page] ------------------------- */
#page {
	max-width:1000px;
	/*width:100%;*/
	margin:0 auto;
}
.container {
	position:relative;
	margin:0 30px;
}

/* == [header] ==================================== */
header .container {
	padding-top:30px;
	z-index:55;
}
/* == [main] ==================================== */
#main {
	margin:20px 0;
}
#main .container {
	*zoom:1;
}
#content,
#sidebar,
.maincol,
.subcol {
	float:left;
	position:relative;
}
#content,
#dle-content  {width:100%;}


/* -- [columns] -------------------- */
.is-sidebar #content,
.maincol {
	width:64%;
}
#sidebar,
.subcol {
	width:34%;
	*width:33.9%;
}
.is-sidebar #content,
.subcol {
	margin-right:2%;
}
#sidebar .wrap,
.subcol .wrap {
	padding:0 5%;
}

/* == [footer] ==================================== */
footer {
	margin-bottom:15px;
}
footer .pre, 
footer .suf {
	*zoom:1;
}

   
element.style {
display: inline-block;
width: 24px;
height: 24px;
margin: 0px 7px 7px 0px;
background-image: url(/images/icons.png);
text-decoration: line-through !important;
background-position: 0px 0px;
}


.spoiler-wrap {
background: none repeat scroll 0 0 #E9E9E6;
border-color: #C3CBD1;
border-style: solid;
border-width: 1px 1px 1px 2px;
margin: 15px;
width: 90%;
}
user agent stylesheetdiv {
display: block;
}

.folded {
background: url("images/icon_plus_1.gif") no-repeat scroll left center transparent;
display: block;
padding-left: 14px;
}
.spoiler-head {
font-size: 11px;
line-height: 14px;
margin-left: 6px;
padding: 1px 13px 3px;
cursor: pointer;
width: 97%;
}
.spoiler-body {
background: none repeat scroll 0 0 whiteSmoke;
border-top: 1px solid #C3CBD1;
line-height: 60px;
}

--------------------------------------------------------

/* Вид комментарий v.2.0 
------------------------------------------*/  
.cell_comment_os { 
  float:left; 
  width:100%;  
  background:#fff; 
  border:1px solid #CAD1DB;  
  padding-bottom:3px; 
  margin-bottom:15px;  
} 

.comment_p { 
  float:right;  
  width:80px;  
} 

.comment_v { 
  margin: 5px 0px 5px 10px;  
} 

.comment_c { 
  overflow: hidden; 
  text-align:justify; 
  margin: 0px 0px 0px 10px; 
  padding: 5px 0px;  
  border-top: 1px solid #e7e7e7; 
} 

.comment_n { 
  text-align:right; 
  margin: 3px 78px 0px 10px; 
} 
.vcc_otvet {overflow:hidden!important; border: 1px solid #eccece; padding: 10px;background:#fcf6f6; } 

.comment_avatar { 
  width:40px; 
  height:40px; 
  padding: 4px;  
  margin: 8px 10px 0px 15px;  
  border: 1px solid #CAD1DB; 
  background:#F6F6F6; 
  -webkit-border-radius:5px; 
  -moz-border-radius:5px; 
  border-radius:5px; 
} 

.red {color: #d20000;} 
.gren {color: #429e1e;} 
.grey {color: #999;} 
.text_9 {font: 9px Verdana,Arial,Helvetica, sans-serif;} 
.right {float:right;}

--------------------------------------------------
/* Форма комментарий 
------------------------------------------*/  
  #forma_commen { 
  float:left; 
  width:640px; 
  background:#fff; 
  padding: 15px 30px 15px 30px; 
} 

.comm_input { 
  color:#999; 
  padding:5px; 
  width:245px; 
  background: #f9f9f9; 
  border: 1px solid #E0E0E0; 
  margin: 10px 0px 10px 0px;  
} 

.comm_input:focus, 
#forma_comment textarea:focus { 
  box-shadow:inset 0px 1px 3px #c3c3c3!important; 
  -webkit-box-shadow:inset 0px 1px 3px #c3c3c3!important; 
  -moz-box-shadow:inset 0px 1px 3px #c3c3c3!important; 
}  

#forma_commen textarea {  
  margin:0;  
  float:left; 
  color:#555; 
  padding:10px; 
  background:#f9f9f9;  
  width:518px!important;  
  border:1px solid #E0E0E0; 
  border-top:none; 
}  

#panel_error { 
  float:left; 
  width:100%; 
  text-align:center; 
  margin: 5px 0px 10px 0px;  
  font: 12px Verdana,Arial,Helvetica, sans-serif; color:#c71a1a; 
}  

#panel_bottom { 
  float:left; 
  width:60%;  
} 

#ckcomm_dobavit {  
  float:right;  
  background:#dfdfdf; 
  padding:4px;  
} 

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

/* Вид Панели BB-кодов 
------------------------------------------*/  
#comment_pane { 
  float:left; 
  width:508px; 
  padding: 5px 5px 5px 5px;  
  background:#E0E0E0;  
} 

#comment_pane .codeButtons{ 
  display:none; 
} 

#panel_b { 
  float:left; 
  width:500px;  
} 

#panel_b a:link, 
#panel_b a:visited { 
  float:left;  
  padding: 3px 10px 4px 10px; 
  margin: 0px 3px 0px 0px;  
  background:#F6F6F6;  
  cursor:pointer; 
  border:1px solid #B2B2B2;  
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px; 
  border-radius: 3px;  
  font: 10px Verdana,Arial,Helvetica, sans-serif; color:#555; text-shadow: 1px 1px 1px #fff;  
} 

#panel_b a:hover {background:#fff;} 

.panel_i {font-style:italic!important; } 
.panel_u {text-decoration: underline!important; } 
.panel_info {float:right!important; margin: 0px!important;} 

.menu_n { 
  float:left; 
  display:block;  
  position:relative; 
  margin: 2px 5px 0px 0px;  
} 

.dd_ugol1, 
.dd_menu {width:240px;}  

.dd_menu { 
  float:left; 
  padding:5px; 
  left:-999em; 
  z-index:998; 
  background:#fff; 
  position:absolute; 
  border:1px solid #999;  
  margin: 0px 0px 0px -5px;  
  -moz-border-radius:5px 5px 5px 5px; 
  -webkit-border-radius:5px 5px 5px 5px; 
  border-radius:5px 5px 5px 5px; 
  box-shadow: 0px 0px 5px #999; 
}  
   
.menu_n:hover .dd_menu{ 
  right:auto; 
  left:0px; 
  top:30px;  
} 

.dd_ugol1 {  
  float:left; 
  height:25px; 
  top:-25px; 
  left:4px; 
  position:absolute;  
  background:url(http://vkino-blog.ru/images/fon_ugol_1.png) no-repeat left bottom;  
} 

/* Разбор палётов (КАПЧА) 
------------------------------------------*/  
#panel_bottom img { 
  display:none;  
} 

#secuImgC { 
  margin:0!important;  
  float:left!important;  
  display:inline!important;  
  border: 1px solid #E0E0E0!important;  
} 

.securityCode { 
  color:#777!important;  
  margin:0!important;  
  float:left!important;  
  height:25px!important;  
  padding: 5px 5px 5px 5px!important; 
  background:#f9f9f9!important;  
  border: 1px solid #E0E0E0!important;  
  border-right:none!important;  
} 

/* - добавляем внутреннюю тень поля */  
.securityCode:focus { 
  box-shadow:inset 0px 1px 3px #c3c3c3!important; 
  -webkit-box-shadow:inset 0px 1px 3px #c3c3c3!important; 
  -moz-box-shadow:inset 0px 1px 3px #c3c3c3!important; 
}  

/* - кнопка добавить комментарий */  
.kn_dobavi { 
  font:11px Verdana,Arial,Helvetica, sans-serif;  
  text-shadow: 1px 1px 1px #333;  
  float:right!important;  
  color:#fff!important;  
  margin:0!important;  
  height:37px!important;  
  cursor:pointer; 
  padding: 0px 10px 0px 10px!important;  
  background:#535B64!important;  
  border: 4px solid #DFDFDF!important;  
}  

.kn_dobavi:hover { 
  background:#3E444B!important;  
} 

#forma_comment a:hover img {filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50);}
----------------------------------------------