/*  
Theme Name:  My_brown_Style
Theme URL: http://prodengiblog.ru/archives/527
Description: My_brown_world with three columns. 
Version: 1.0
Author: Ksana
Author URL: http://prodengiblog.ru
Tags: 	
catalog articles, green, brown, three-columns, fixed-width, right-sidebar
*/ 


@import 'css/header.css';
@import 'css/page_menu.css';
@import 'css/carousel.css';

@import 'css/maincolumn.css';
@import 'css/navi.css';
@import 'css/sidebar.css';
@import 'css/bottom.css';
@import 'css/tabs.css';

@import 'css/style_for_posts.css';

@import 'css/contact.css';
@import 'css/wp-syntax.css';

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

* { 
  margin : 0; 
  padding : 0; 
} 

body { 
  width: 100%; 
  height: 100%; 
  background: #A19887 url('/wp-content/themes/My_brown_world/images/bg.jpg') repeat; 
  text-align : center; 
  font-weight : normal; 
  font-family : Arial, Verdana, Sans-Serif; 
  color : #000; 
  border: 0;
}

/************************************************
* container			*
************************************************/

#container { 	
  max-width : 1900px; 
  margin : 0 auto 0; 
  overflow: hidden;
  text-align : left; 
} 

/************************************************
* Structure	wrapper			*
************************************************/

#header { }

#page {     border : 1px solid red;   
	position: relative;
  width : 1000px; 
  height : auto;
  margin : -40px auto 10px; 
  padding : 0;  
  overflow: hidden;
  z-index: 100;
  border : 0;   
} 

#footer { } 

/************************************************
* page_in			*
************************************************/

.page_in	{
  position: relative; 
  width : 980px; 
  height : auto;
  margin : 0 0 0 10px; 
  padding : 0;  
  text-align : left;   
  overflow: hidden;
  z-index: 100;
  border: 0;   
}
.page_top { 
  background: url('/wp-content/themes/My_brown_world/images/page_top.png') no-repeat left top; 
  width : 1000px; 
  height : 52px;
  margin : 0;
  padding : 0;
  z-index: 100;
  border : 0; 
} 
.page_center {   	
  width : 1000px; 
  height : auto;
  background: #F4F0E7 url('/wp-content/themes/My_brown_world/images/page_center.jpg') repeat-y left top; 
  margin : -1px 0 0 0; 
  padding : 0;  
  overflow: hidden;
  z-index: 100;
  border : 0; 
} 
.page_bottom { 
  background: url('/wp-content/themes/My_brown_world/images/page_bottom.png') no-repeat left bottom; 
  width : 1000px; 
  height : 53px;
  margin : 0;
  padding : 0;
  clear : both; 
  z-index: 100;
  border : 0; 
} 

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

.maincolumn { } 

#sidebar { } 

/************************************************
*	Hyperlinks *
************************************************/

a, a:visited { 
  color : #555344; 
  text-decoration : none; 
  outline:none;
} 
a:hover, a:active, a:focus { 
  color : #939186; 
  text-decoration : underline; 
  outline:none;
} 
a:focus { outline: none; }

a img, img { 
  padding : 0; 
  margin : 0; 
  border : 0; 
} 
.link {  
  float : left; 
  width:100%;  
  height: auto;
  margin: -20px 0 -25px 0;
  padding: 0;
  font-size : 13px; 
  text-align: left;
  color : #939186; 
} 
.link ul {
   list-style-type: none;
  margin: 0;
  padding: 0;
 } 
.link ul li {
   list-style-type: none;
  margin: 0;
  padding: 0;
 } 
.link ul, .link ul li, .link ul li a, .link ul li a:visited {
  font-size : 13px; 
  color : #939186; 
} 
ul.reklama {
  margin: -20px 0 7px 5px;
  padding: 0;
  font-size : 13px; 
  text-align: left;
  color : #555344; 
  list-style-type: none; 
} 
ul.reklama li, ul.link li {  
  width : 340px; 
  margin: 0;
  padding: 0 0 0 15px;
  font-size : 13px; 
  text-align: left;
  color : #555344; 
}  
ul.reklama li {  
  list-style-type: none; 
  background: url('/wp-content/themes/My_brown_world/images/arrow/arrow.gif') no-repeat left 3px;
}  
ul.reklama li a {
  font-size : 13px; 
  color : #555344; 
}  

/************************************************
* h 							*
************************************************/

h1, h2, h3, h4, h5, h6 { 
  clear: both;
} 
h1 { 
  font-size : 20px; 
} 
h2 { 
  font-size : 20px; 
} 
h3 { 
  font-size : 16px; 
  font-weight : bold; 
} 
h4 { 
  font-size : 15px; 
  color : #000;
  margin : 0 0 20px 0; 
} 
h5 { 
  font-size : 15px; 
  margin : 0 0 15px 0; 
  padding : 0 0 2px 0; 
  color : #000;
} 
h6 { 
  font-size : 15px; 
  color : #000;
  margin : 20px 0 10px 0; 
} 

/************************************************
*	align								*
************************************************/

/* comments */

.left { 
  float: left;
  text-align : left; 
  width : auto; 
} 
.right { 
  float: right;
  text-align : left; 
  width : auto; 
} 

/* browse */

.alignleft { 
  float : left; 
  text-align : left; 
  margin : 0 0 25px 0; 
	padding: 0;
  width : auto; 
} 
.alignright {  
  float : right; 
  text-align : right; 
  margin : 0 0 25px 0; 
	padding: 0;
  width : auto; 
} 

/* midlle */

.lefty { 	
	margin: 0;
  padding:0;
  float: left;
  text-align: left;
  width : auto; 
}
.righty { 
	margin: 0;
  padding:0; 
  float: right;
  text-align: left;
  width : auto; 
}

/************************************************
*	additional classes					*
************************************************/

p { 
  text-align : left; 
  margin : 0 0 5px 0; 
  padding : 0; 
} 
.clear { 
  clear : both; 
} 
small {  
  font-size : 12px; 
}

/************************************************
* tooltip								*
************************************************/

#easyTooltip {
  position: absolute; top:0;left:0;
  margin: 0;
  padding: 12px 20px 10px 20px;
  width: 159px;
  height : 59px;
  z-index:999;
  background: #F6F4EE;
  border: 0;
  display:none;
  font-size : 13px; 
  text-align: left;
  color: #635A48;  
  background: url('/wp-content/themes/My_brown_world/images/tooltip.png') no-repeat;  
}

/************************************************
* litebox								*
************************************************/

#simplemodal-overlay {
  background-color:#aaaaaa; 
  cursor: wait;
}
#simplemodal-container {
  width: 450px; 
  height: 250px; 
  background-color: #F6F4EE; 
  border: 1px solid #968A74; 
  -moz-border-radius: 8px; 
  padding: 15px;
}
#simplemodal-container a.modalCloseImg {
  position:absolute; top: -1px; left: -2px; 
  background:url('/wp-content/themes/My_brown_world/images/button/x.gif') no-repeat; 
  width: 30px; 
  height:29px; 
  display:inline; 
  z-index:3200; 
  cursor:pointer;
}
#simplemodal-container #basicModalContent {
  padding:8px;
}
#exit_content h2 { 
  font-size : 20px; 
  margin : 0 0 20px 0; 
  padding : 0;  
  font-weight : normal; 
  color : #5c4e36; 
  border: 0; 
} 
#exit_content h3 { 
  font-size : 16px; 
  margin : 0 0 20px 0; 
  padding : 0;  
  font-weight : bold; 
  color : #000; 
  border: 0; 
} 
#exit_content p { 
  margin : 0 0 15px 0; 
  padding : 0;  
  font-weight : normal; 
  text-align: center;
  font-size : 14px; 
} 
#exit_content img { 
  margin : 10px 0 0 0; 
  padding : 0;  
} 

/************************************************
*	bot_block	  							*
************************************************/

#bot_block { 
  background: #A69D8C url('/wp-content/themes/My_brown_world/images/bot_block.jpg') repeat-x; 
  width: 100%; 
  height : 71px;
  margin : 0;
  padding : 0;
  clear : both; 
  z-index: 1;
} 

#footer { 
  background: #A69D8C; 
  width : auto; 
  height : 90px;
  text-align: center;
  font-size : 14px; 
  font-weight : normal; 
  margin : 0;
  padding : 5px 0 0 0;
  color : #5D5643; 
  border: 0;
  border-bottom: 5px solid #699a0d;
  clear : both; 
  z-index: 1;
} 
#footer a, a:visited { 
  color : #5D5643; 
  text-decoration : none; 
} 
#footer a:hover { 
	color: #7e7c6d;
  text-decoration : none; 
} 
.copyright { 
  width : 700px; 
  margin: 0 auto 0;
  padding: 0;
  color : #5D5643; 
}
#footer p { 
  text-align: center;
} 
.chetchiki { 
  margin: 10px auto 10px;
  padding : 0; 
} 


#LiveInternet { 
  position : absolute; top : -5000px; left : -5000px; 
  width : 0; 
  height : 0; 
  padding : 10px 0 15px 15px; 
  visibility : hidden; 
} 

/************************************************
*	line							*
************************************************/

.line { 
  margin : 15px 0 10px 0; 
  border-bottom : 1px solid #CAC2B3; 
  clear : both; 
} 
.line2 { 
  margin : 15px 0 15px 0; 
  border-bottom : 2px solid #CAC2B3; 
  clear : both; 
} 
.line3 {  
  clear: both; 
  width : 450px; 
  text-align: center;
  margin: 0 0 20px 55px;
  padding : 0; 
  border-top : 1px solid #CAC2B3; 
}

/************************************************
*	Дополнительные классы							*
************************************************/

#line { 
  margin : 0; 
  padding: 2px;
  border-top : 1px solid #CAC2B3; 
  clear : both; 
} 
#line2 { 
  margin : 0 0 5px 0; 
  padding: 0 0 5px 0; 
  border-bottom : 1px solid #CAC2B3; 
  clear : both; 
} 
#margin { 
  margin-bottom : 30px; 
} 
#margin_bottom { 
  margin : 0 0 20px 0; 
} 
.hr{
  clear : both; 
  width: 580px;  
  margin: 0;
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #CAC2B3; 
}
hr { 
  width: 580px;  
  color:  #CAC2B3;
  background-color: #CAC2B3;
  border: 0 none; 
  height: 1px; 
  clear: both; 
  margin: 20px 0 20px 0;
} 

/************************************************
*	navigation								*
************************************************/

.navigation .left, .navigation .right{ 
  margin : 0 0 10px 0; 
  padding : 0; 
} 

/************************************************
*	code								*
************************************************/

/*	Для публикации 1-2 строк кода		*/

code {
  float: left;
  width : 100%; 
  max-width : 545px; 
  background : #F2EFE6;
  border : 1px solid #E2DACF;
  margin : 5px 0 5px 0; 
  padding : 0 10px 10px 10px; 
  font-family : Arial, Verdana, Sans-Serif; 
  font-size:  13px;
  color: #000;
  text-align : left; 
}

/*	Для публикации короткого кода, 
    помещающегося в строку с существующим текстом	*/

cite { 
  float: none;
  background : transparent;
  border : 0;
  width : auto; 
  margin : 0; 
  padding : 0; 
  font-family : Arial, Verdana, Sans-Serif; 
  font-size : 14px;
  font-weight : bold; 
  font-style: normal;
  color: #555344;
} 

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

#comments {    
  position : relative;
  width: 582px;
  margin : 0 0 20px 0; 
  padding : 0;  
	float: left;
	clear: both;
  font-family : Arial, Verdana, Sans-Serif; 
  font-weight : normal; 
  font-size : 13px; 
  color : #000; 
} 
#comments h4 { font-size : 15px; }

ol.commentlist {  
  width: 582px;
  margin : 0 0 25px 0; 
  padding : 0; 
  list-style-type: none; 
  font-family : Arial, Verdana, Sans-Serif; 
  font-weight : normal; 
  font-size : 13px; 
  color : #000; 
}
ol.commentlist li, #trackbacks {  
  clear:both;
  height: auto;
  min-height: 65px;
  margin : 0 0 10px 0; 
  padding: 10px 5px 5px 52px; 
  list-style-type : none; 
  color: #000;
	background: #f3efe6;
  border: 1px solid #DAD6CA;
  border-radius:5px; 
  -moz-border-radius:5px; 
  -webkit-border-radius:5px; 
}
#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.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }

ol.commentlist li div.single_comment { }
ol.commentlist li div.single_comment cite.fn { font-style:normal; }
ol.commentlist li div.single_comment cite.fn a.url { color:#c00; text-decoration:underline; }
ol.commentlist li div.single_comment cite.fn a.url:hover { color:#000; }

ol.commentlist li p {   
  font-weight : normal; 
  font-size : 13px;
}
ol.commentlist li ul { list-style-type: none; margin:0 0 15px; padding:0; text-indent:0; }

ol.commentlist li div.reply { 
  background: #c6bdac url('/wp-content/themes/My_brown_world/images/button/otv.gif') no-repeat; 
  border: 0; 
  width : 71px; 
  height : 19px; 
  margin : 7px 0 10px 0;  
  padding : 2px 0 0 10px; 
  font-size : 12px; 
  font-weight : normal; 
  color : #fff; 
  text-align: left;
  text-decoration : none; 
}
ol.commentlist li div.reply a { color : #fff; text-decoration: none; }
ol.commentlist li div.reply:hover { color : #fff; text-decoration: none; }

.single_comment { 
  position:relative; top: 0; left:0; 
  margin : 0;  
  padding : 0; 
}
#comments img.avatar { 
  position: absolute; top: 0; left: -52px; 
  width : 40px; 
  height : 40px; 
  background: #E3D9CD;
  border: 1px solid #d8ccbd;
  padding : 1px; 
}
ol.commentlist li div.commentmetadata { 
  text-align:left; 
  font-size : 12px; 
  margin : 0 0 5px 0; 
  color : #666457; 
}
.comment_text, .comment_text p {   
  width: auto; 
  padding: 0; 
  margin : 0;  
	overflow: hidden;
  font-size: 13px; 
} 
#respond { 
  margin : 0; 
  padding : 0; 
  overflow: hidden;
}
h3#comments, #respond h3 { 
  color:#333; 
  margin:0; 
  padding:0 0 .1em; 
}
#respond p { 
  font-size: 12px; 
  margin:0 0 1em; 
}

/************************************************
* Комментарии автора блога *
************************************************/

ol.commentlist li.comment ul.children li.comment-author-admin {
  background: #eeeae0; 
  border: 1px solid #DAD6CA;
  color: #000; 
}

/* Кнопка "Ответить" в Комментариях автора блога */

ol.commentlist li.comment ul.children li.comment-author-admin div.reply { 
  background: url('/wp-content/themes/My_brown_world/images/button/otv_admin.gif') no-repeat; 
  border: 0; 
  width : 71px; 
  height : 19px; 
  margin : 7px 0 10px 0;  
  padding : 2px 0 0 10px; 
  font-size : 12px; 
  font-weight : normal; 
  color : #fff; 
  text-align: left;
  text-decoration : none; 
}

/* input, textarea в Комментариях автора блога */

ol.commentlist li.comment ul.children li.comment-author-admin input, ol.commentlist li.comment ul.children li.comment-author-admin textarea { 
  font-family : Arial, Verdana, Sans-Serif; 
  font-size : 13px; 
  padding : 3px; 
  background : #f6f3ec; 
  border: 1px solid #E0D6C6;
} 
ol.commentlist li.comment ul.children li.comment-author-admin input:focus, ol.commentlist li.comment ul.children li.comment-author-admin textarea:focus {
  background: #ece8df;
}

ol.commentlist li ul.children { list-style: none; margin: 1em 0 0; text-indent: 0; }
ol.commentlist li ul.children li { }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 10px 0; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 10px 0; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 10px 0; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 10px 0; }

ol.commentlist li ul.children li.odd {}
ol.commentlist li.even {  }
ol.commentlist li.odd {  }

ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.single_comment { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

.moderation {color: green; font-style:italic; font-size: 16px;}

#cancel-comment-reply {
  margin: 0 0 20px 0;
	font-size: 13px;
}
.html {
  margin: 30px 0 0 0;
	font-size: 14px;
  font-family : Arial, Verdana, Sans-Serif; 
}


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

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

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

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

form#commentform {   	
  float : left; 
  width: 97%;
  background : transparent; 
  padding : 0; 
  margin : 0; 
  font-family : Arial, Verdana, Sans-Serif; 
  z-index: 200;
} 
form#commentform p {     
  border : 0; 
  overflow : hidden; 
  margin : 0 0 4px 0; 
  padding : 0; 
} 
input, textarea { 
  font-family : Arial, Verdana, Sans-Serif; 
  font-size : 13px; 
  padding : 3px; 
  background: #eeeae0; 
  border: 1px solid #DAD6CA;
} 
input:focus, textarea:focus {
	background: #f3efe6;
}
textarea#comment { 
  overflow : hidden; 
  margin : 20px 0 20px 0; 
  width: 97%;
  min-height : 150px; 
  overflow: auto;
  padding : 10px; 
} 
input#author, input#email, input#url { 
  width : 35%; 
  min-width : 165px; 
  height : 18px; 
  margin : 5px 5px 0 0; 
  clear: both;
} 
input#submit { 
  float: right;
  width : 190px; 
  height : 25px; 
  background : #70A211 url('/wp-content/themes/My_brown_world/images/button/submit.gif') no-repeat; 
  border : 0; 
  color : #fff; 
  cursor : pointer; 
  padding : 0 0 3px 0; 
  margin : 0 0 5px 0; 
  font-size : 13px; 
  text-align: center;
} 
#commentform .alignleft { 	
	margin: 0 0 10px 0;
  padding:0;
  width: 70%; 
  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;
}
label {   
  width: 100%; 
	margin: 0;
  padding: 0; 
  font-size : 13px; 
  line-height: 1;
}
.required {  
  font-size : 15px; 
  color: #76A910;
}
#commentform .subscribe-to-comments {
  margin: 20px 0 10px 0px;
  padding: 0;
}

/************************************************
*	plugins								*
************************************************/

/* ddsgenerator    */

.ddsg-wrapper h2 {
  width : 120px; 
  margin : 10px 0 0 0; 
  padding : 0;  
  font-size : 20px; 
  font-weight : normal; 
  color : #666457; 
  border-bottom: 2px solid #cac2b3; 
}

/* Outbrain    */

fieldset { 
  color : #555344; 
  font-size : 13px; 
  margin: 0;
  padding: 5px;
  border : 1px solid #cac2b3; 
  border-radius: 5px; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
} 
legend.Outbrain_recommendations_legend { 
  color : #555344; 
  font-size : 13px; 
  margin: 0;
  padding: 0;  
} 
.voterDiv a, .voterDiv a:visited { 
  color : #555344; 
  text-decoration : none; 
  outline:none;
  font-size : 13px; 
  margin: 0;
  padding: 0;
} 

/************************************************
* portfolio  			*
************************************************/

#portfolio {   
  float: left; 
  text-align:left; 
  width : 950px; 
  height : auto; 
  margin: 20px 0 30px 22px;   
  padding: 0;
  overflow: hidden;
}
#portfolio .theme_img { 
  position: relative;
  float: left; 
  width: 222px;
  height: 202px;
  margin: 0 15px 15px 0; 
  padding: 0; 
  border: 0; 
  text-align: left; 
} 
#portfolio .theme_img img, #portfolio .theme_img a:hover img { 
  float: left;
  width: 200px;
  height: 180px;
  background: #dfd7cc;
  border: 1px solid #d5ccbe;
	margin: 0;
	padding: 10px;
	display: inline;
  font-size: 13px;
} 	
#portfolio .theme_img a:hover img {
  border: 1px solid #c3b9a9;
}
/************************************************
* info				*
************************************************/

#portfolio .featured-info {
  margin: -62px 0 0 11px;
}