/*  
Theme Name: Sabrina
Theme URI: http://prodengiblog.ru/
Description: Sabrina with two columns. Designed for Wordpress.
Theme is combining a magazine and a weblog into one. 
Support Widgets and Gravatars along with automatic thumbnail resizer.
Version: 3.0
Author: Ksana
Author URI: http://prodengiblog.ru/
Tags: blue, gray, light, two-columns, fixed-width, right-sidebar, magazine-style
*/


/************************************************
* import 	                        					*
************************************************/

@import url("css/colorbox.css"); 
@import url("css/header.css"); 
@import url("css/carousel.css");
@import url("css/sidebar.css"); 
@import url("css/maincolumn.css");
@import url("css/bottom.css"); 
@import url("css/navi.css"); 
@import url("css/contact.css"); 
@import url("css/twitter.css"); 

/************************************************
* Global Styles			                        		*
************************************************/

* {
	margin:0;
	padding:0;
	}
body {
	width: 100%;
  height: 100%;
	font-family: Arial, verdana, Sans-Serif;
  margin: 0;
  padding: 0;
	font-size: 13px;	
	color: #000;
}
p {	
	margin: 15px 0;
}
.left, .alignleft {
	float: left;
}
.right, .alignright {
	float: right;
}
.clear {
  clear:both;
	margin: 0;
	padding: 0;
}

/************************************************
* link					*
************************************************/

a:link, a:visited {
	color: #666;
	text-decoration: none;
  outline: none;
}
a:hover, a:active {
	color: #000;
	text-decoration: none;
  outline: none;
}
img, a img {border:none}

#content img.wp-smiley { 
  float : none; 
	width: 15px;
  height: 15px;
  margin : 0; 
  padding : 0; 
  border : 0; 
} 

/************************************************
* Structure	container				*
************************************************/

#container {    
  position: relative;
  max-width: 1500px; 
  height: 100%; 
  margin : 0 auto 0; 
  overflow: hidden;  
  z-index: 1;
} 
.onecolumn {  
  position : relative;
  float: left;
  width: 790px; 
  height: auto;
  margin : 0; 
  padding: 0; 
  text-align: left; 
  overflow: hidden; 
}
#top {
  position: absolute; left: 0; top: 0;
  height: 1000px;
  /*предотвращаем уменьшение фонового изображения при изменении размеров окна браузера*/
  width: 100%;
  display: table;
}
#header {  
}
.page {  
  position: relative;
	width: 1180px;
	margin: 0 auto 0;
  padding: 0;
  text-align: left; 
  z-index: 1;
}
.page_in {  
  position: relative;
	width: 1120px;
	margin: 0 auto 0;
  padding:  5px 15px 5px 15px;
  text-align: left; 
  z-index: 10;
}

#footer{
  background: transparent;
}

/************************************************
* Structure	page				*
************************************************/

.page_top {
  position: relative;
  width: 1180px; 
  height: 25px;
  margin: 0;
  padding: 0;
  background-image: url('images/page_top.png');
  background-position: top right;
  background-repeat: no-repeat;
	z-index: 2;
}
.page_midlle {  
  position: relative;
  width: 1180px; 
  height: 100%;
  margin: 0;
  padding: 0;
  background-image: url('images/page_midlle.png');
  background-repeat: repeat-y;
  background-position: left;
  overflow : hidden; 
	z-index: 2;
}
.page_bottom {
  width: 1180px; 
  height: 25px;
  margin: 0;
  padding: 0;
  background-image: url('images/page_bottom.png');
  background-position: bottom;
  background-repeat: no-repeat;
}

/************************************************
* H                           					*
************************************************/

h2, h1 {
	font-size: 22px;
}
h3 {
	font-size: 20px;
	color : #333; 
	font-weight: normal;
}
h4 {
	font-size: 18px;
	color : #333; 
	font-weight: normal;
}
h5 {
	font-size: 18px;
	color : #333; 
	font-weight: normal;
}
h6 {
	font-size: 17px;
	color : #333; 
}

/************************************************
* img                                   				*
************************************************/

a img {
	border:0;
}
	
/************************************************
* adsense_box					*
************************************************/

/* header		*/

#ad_header { 
  position: absolute; right: 0; top: 90px;
  width : 480px; 
  height : auto; 
  padding: 0; 
  z-index: 10; 
} 

/* maincolumn		*/

.ad468x60 { 
	width: 468px;
	height: auto;
  margin: 10px auto 10px;
}
.ad728x90 { 
	width: 728px;
	height: auto;
  margin: 0 auto 10px;
  clear: both;
}

/* sidebar1	*/

#ad160x600 { 
	width: 160px;
	height: auto;
  margin: 0 auto 0;
	clear: both;
}
#ad160x600 img{ 
	width: 160px;
	height: auto;
  margin-bottom: 10px;
	clear: both;
}

/* sidebar2	*/

#ad125x125 { 
	float:left;
  width: 280px;
  height: auto;
  margin: 0 0 0 15px;
	clear: both;
}
#ad125x125 img { 
  float: left;
  width: 125px;
	height: 125px;
  margin: 0 15px 15px 0;
}

/************************************************
*	Comments								*
************************************************/

#comments {   
	float: left;
  position : relative;
  width: 545px; 
  height: auto;
  margin : 0 0 20px 0; 
  padding : 0;  
  background : transparent; 
	clear: both;
  font-family : Arial, Verdana, Sans-Serif; 
  font-weight : normal; 
  font-size : 13px; 
  overflow: hidden;
} 
#comments h4 { 
  margin: 0 0 5px 0;
}
#comments h6 { 
  margin: 15px 0 5px 0;
}
#recent_comments { 
  float: left;
  width : auto; 
  margin: 10px 0 20px 0 !important; 
} 
ol.commentlist {  
  width: 100%;
  height: 100%;
  margin : 20px 0 15px 0; 
  padding : 0; 
  list-style-type: none; 
}
ol.commentlist li, #trackbacks {    
  position: relative; 
  width: auto;
  height: auto;
  min-height: 70px;
  margin : 0; 
  padding: 0; 
  list-style-type : none; 
  clear: both!important;
}
ol.commentlist li.depth-1 { 
  width: 545px; 
  margin : 0 0 10px 0; 
}
#trackbacks { 
  min-height: 0;
  margin : 20px 0 20px 0; 
  padding: 10px 10px 13px 10px; 
  font-size : 13px; 
}
#trackbacks li {    
  font-size : 13px; 
  list-style-type: square;
  margin : 0 0 0 15px; 
  padding: 0; 
}
ol.commentlist li img.avatar {   
  float: left;
  position : relative;
  width : 50px; 
  height : 50px; 
  margin : 0 10px 0 0; 
  padding: 0; 
  border: 1px solid #ccc;
}
.comment_text {     
  width: auto; 
  min-height: 50px;
  padding: 0; 
  margin : 0 0 7px 0;  
	overflow: hidden;
  font-size: 13px;
} 
.comment_text p {     
  color: #000;
} 
.commentmetadata {     
  line-height: 1.5;
  margin : -4px 0 7px 0; 
  padding: 0;
  font-size : 12px; 
  font-weight : normal; 
  text-align: left;
  overflow: hidden;
} 
.commentmetadata .time{
  margin : 0 5px 0 0; 
}
.commentmetadata .author {
  margin : 0; 
}
.comment_text p {   
  width: auto; 
  padding: 0; 
  margin : 0;  
	overflow: hidden;
  font-size: 13px; 
} 
ol.commentlist li.reply { 
  width : auto; 
  margin : 10px 0 10px 0;  
  font-size : 12px; 
  text-align: left;
  text-decoration : none; 
}
ol.commentlist li .reply a:hover, ol.commentlist li .reply a:active {  
  text-decoration: none; 
}
#respond {   
  margin: 0; 
  padding : 0; 
}
#respond h4 { 
  margin: 0; 
  padding : 10px 0 0 0; 
}
#respond p { 
  font-size: 12px; 
  margin: 0 0 1em; 
}

/************************************************
*	Дочерние комментарии						*
************************************************/

ol.commentlist ul.children,
ol.commentlist ul ul.children,
ol.commentlist ul ul ul.children,
ol.commentlist ul ul ul ul.children {
  width: auto;
  height: auto;
  margin: 15px 0 0 0; 
  text-indent: 0; 
  list-style: none; 
  clear: both;   
}
ol.commentlist ul.children li { 
  height: auto;
  min-height: 70px;
  margin : 0; 
  padding: 0 10px 0 30px; 
  list-style-type : none; 
  clear: both;
 }
ol.commentlist ul.children li.depth-2 { 
  width: 505px;
  margin: 5px 0 5px 0;
 }
ol.commentlist ul.children li.depth-3 { 
  width: 475px;
 }
ol.commentlist ul.children li.depth-4 { 
  width: 445px;
 }
ol.commentlist ul.children li.depth-5 { 
  width: 416px;
  margin : 0; 
 }
#cancel-comment-reply {
  margin: 10px 0 20px 0;
	font-size: 13px;
}
.required {  
  font-size: 15px; 
}
.moderation {
  font-style:italic; 
  font-size: 16px;
}

/************************************************
*	Выделение комментариев							*
************************************************/

li.bypostauthor {
    /* CSS для комментариев автора записи */
}

li.byuser {
    /* CSS для пользовательских комментариев */
}

/************************************************
*	Commentsform								*
************************************************/

#commentform {    
  float: left; 
  position: relative;
  width: 100%;
  margin: 0 0 25px 0; 
  font-family: Arial, Verdana, Sans-Serif; 
  z-index: 200;
  clear: both;
} 
#commentform p {      
  overflow : hidden; 
  margin : 0 0 8px 0; 
  padding : 0; 
} 
#commentform.text_comment { 
  float : left; 
  position : relative;
  margin : 10px 0 0 0; 
  color : #666; 
}
#commentform input, textarea#comment { 
  font-family : Arial, Verdana, Sans-Serif; 
  font-size : 13px; 
  margin: 0; 
  padding : 3px; 
  background : #fff; 
  border: 1px solid #dbd9dc;
} 
#commentform input { 
  width : 35%; 
  min-width : 165px; 
  height : 18px; 
  margin : 0 10px 0 0; 
  clear: both;
} 
#commentform label {   
  width: 100%; 
	margin: 0;
  padding: 0; 
  font-size: 13px; 
  line-height: 1;
}
textarea#comment {  
  position : relative;
  overflow : auto; 
  margin : 10px 0 10px 0; 
  width: 95.5%;
  min-height : 150px; 
  overflow: auto;
  padding : 10px; 
} 
ol.commentlist ul.children li.depth-2 textarea#comment { 
  width: 95%;
 }
ol.commentlist ul.children li.depth-3 textarea#comment { 
  width: 95%;
 }
ol.commentlist ul.children li.depth-4 textarea#comment { 
  width: 95%;
 }
#commentform input.submit, #contactform input.submit { 
  float: right;
  background: #959698 url('images/enter.jpg') 0 0 repeat-x;  
  width: 150px; 
  height: 26px; 
  border: 0; 
  color: #fff; 
  cursor: pointer; 
  margin: 0 2px 0 0;
  padding: 0 0 4px 0; 
  font-size: 14px; 
  text-align: center;
} 
#commentform .alignleft { 
	margin: 0 0 10px 0;
  padding:0;
  width: 60%; 
  font-size: 13px; 
}
#commentform .alignright {     
  float: right; 
  text-align : right; 
	margin: 0 0 10px 0;
  padding: 0; 
  width: 60px; 
  font-size: 13px; 
  text-align: right;
}

/*********************************************
	a navi
*********************************************/

a#recent_comments {  
  width: 240px;
} 
.navi_top { 
  float: left;
  width : 545px; 
  height: auto;
} 
a#first {  
  width: auto;
  padding-right: 18px;
} 
a#ancor { 
  width: auto;
  padding-left: 18px;
} 

/*********************************************
	Comment	editor
*********************************************/

blockquote {
  color: #333;
	margin: 5px 0 5px 10px;
	padding: 0 0 0 10px;
	border-left: 4px solid #267ABF;
	font-style: italic;
}
blockquote blockquote {
	margin: 5px 0 5px 10px;
	padding: 0 0 0 10px;
	border-left: 4px solid #CC3300;
}

/************************************************
* footer                     	            			*
************************************************/

#footer { 
	max-width: 1165px;
  height: 133px;
	clear: both;
	font-size: 0.6em;
	margin: 0 auto 0;
	padding-top: 15px;
  font-size: 13px;
	text-align: center;
	color: #eee;
}
#footer a:link, #footer a:visited {
  font-size: 13px;
	color: #eee;
	}
#footer a:hover, #footer a:active {
	color: #000;
}
.copyright {
	clear: both;
  margin: 0;
	padding: 0;
  white-space: pre;
}
.autor {
	clear: both;
  margin: 0 0 10px 0;
	padding: 0;
}
#footer p { 
  text-align: center;
  margin: 10px auto 10px;
	padding: 0;
} 
#track {   
  width : 800px; 
  height : 30px;
  margin : 15px auto 0; 
  padding : 0;
} 
#share42 {
  display: inline-block;
  padding: 20px 0px 0px 15px;
}
#share42:hover {
  
}
#share42 a {opacity: 0.9;}
#share42:hover a {opacity: 0.9}
#share42 a:hover {opacity: 1}

 #dada li{
 margin: 0px 0px 20px 0px;
 }