/*  
Theme Name: CookingRecipe
Theme URI: http://prodengiblog.ru/
Description: CookingRecipe with three columns. Designed for Wordpress.
Theme is combining a magazine and a weblog into one. 
Support Widgets and Gravatars along with automatic thumbnail resizer.
Version: baz
Author: Ksana 
Author URI: http://prodengiblog.ru/
Tags: light, three-columns, fixed-width, right and left sidebars, magazine-style
License URI: http://prodengiblog.ru/ispolzovanie-tem
*/

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

@import url("css/colorbox.css"); 
@import url("css/header.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"); 

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

* {
	margin:0;
	padding:0;
	}
body {
  background: #faf6f2 url('/wp-content/themes/CookingRecipe/images/bg.jpg') left top repeat-x;
	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: #000;
	text-decoration: none;
  outline: none;
}
a:hover, a:active {
	color: #555;
	text-decoration: none;
  outline: none;
}
img, a img {
  border: none;
  overflow: hidden;
}

#content img.wp-smiley { 
  float : none; 
	width: 15px;
  height: 15px;
  margin : 0; 
  padding : 0; 
  border : 0; 
} 
.blue, .blue a:link, .blue a:visited {
  color : #2a71c6;
}

img, object, a {
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  opacity: 1;
}
a:hover {
  opacity: 0.9;
}
img:hover, object:hover {
  opacity: 0.9;
  box-shadow: 0 0 4px rgba(93, 68, 40, 0.7);
}
img:hover, object:hover {
  border-radius: 6px;
}
#carousel img,
#slider img:hover,
#videoFile object {
  box-shadow: none;
  border-radius: 0;
  border: 0;
} 
.ad_header468 img,
.ad728x90 img,
.main_ad336x280 img,
.ad160x600 img { 
  box-shadow: none;
  border: 0;
  border-radius: 0;
  opacity: 1;
} 

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

#container {   
  position: relative;
  max-width: 1200px; 
  height: 100%; 
  margin : 0 auto 0; 
  z-index: 1;
} 
.onecolumn {  
  position : relative;
  float: left;
  width: 768px; 
  height: auto;
  margin : 0; 
  padding: 0; 
  text-align: left; 
  overflow: hidden; 
}
.page {  
  position: relative;
	width: 1043px !important;
	height: auto;
	margin: 0 auto 30px;  
  -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
          border-radius: 12px;
  text-align: left; 
  z-index: 200;
}
#footer{
  background: transparent;
}

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

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

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

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

/* header		*/

#advertising {
  width: 970px;
  margin: 10px auto 15px!important;
}
.header .ad_header468 {
  width : 468px; 
  height : 60px; 
  padding: 0; 
  z-index: 10; 
  overflow: hidden;
} 
#ad_header468 {
  float: right;
  margin-top: 30px;
}
#ad1_header468 { 
  left: 20px; top: 30px;
} 
#ad2_header468 { 
  right: 20px; top: 30px;
} 
/* maincolumn		*/

.ad728x90 { 
  max-width: 1000px;
	height: auto;
  margin: 25px auto 30px;
  text-align: center;
  clear: both;
}
.main_ad336x280 {
	float: none;
  width: 336px;
  height: auto;
  margin: 15px auto 25px;
	clear: both;
}
/* sidebar1	*/

.ad160x600 { 
	width: 160px;
	height: auto;
  margin: 0 auto 15px;
	clear: both;
}
.ad160x600 img{ 
	width: 160px;
	height: auto;
	border: 0;
}
/* sidebar1	*/

.ad250x250 { 
	width: 250px;
	height: auto;
  margin: 0 auto 15px;
	clear: both;
}
.ad250x250 img{ 
	width: 250px;
	height: auto;
	border: 0;
}
@media screen and (max-width: 1080px) {  
   #ad_header468 { display: none; } 
}

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

#comments {   
	float: left;
  position : relative;
  width: 540px; 
  height: auto;
  margin : 0 0 20px 0 !important; 
  padding : 0;  
  background : transparent; 
  font-family : Arial, Verdana, Sans-Serif; 
  font-weight : normal; 
  font-size : 13px; 
  overflow: hidden;
	clear: both;
} 
#comments h4 { 
  margin: 0 0 5px 0;
}
#comments h6 { 
  margin: 15px 0 5px 0;
}
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 : 15px 0 10px 0; 
  padding: 0; 
  list-style-type : none; 
  clear: both!important;
}
.even, .byuser {
  margin : 15px 0 15px 0!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 #c6bcb2;
}
.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; 
}
a.comment-reply-link:link,
a.comment-reply-link:visited {
  color : #2a71c6;   /*  blue   */
}
#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 15px 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#new-comment { 
  font-family : Arial, Verdana, Sans-Serif; 
  font-size : 13px; 
  margin: 0; 
  padding : 3px; 
  background : #FCFCFC; 
	border: 1px solid #c6bcb2;
} 
#commentform input { 
  width : 35%; 
  min-width : 165px; 
  height : 20px; 
  margin : 0 10px 0 0; 
  clear: both;
} 
#commentform label {   
  width: 100%; 
	margin: 0;
  padding: 0; 
  font-size: 13px; 
  line-height: 1;
}
textarea#new-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#new_comment { 
  width: 95%;
 }
ol.commentlist ul.children li.depth-3 textarea#new_comment { 
  width: 95%;
 }
ol.commentlist ul.children li.depth-4 textarea#new_comment { 
  width: 95%;
 }
#commentform input.submit, #contactform input.submit { 
  float: right;
  width: 150px; 
  height: 31px; 
  border: 0; 
  color: #fff; 
  cursor: pointer; 
  margin: 0 2px 0 0;
  padding: 0 0 3px 0; 
  font-size: 14px; 
  text-align: center;
} 
#commentform input.submit:hover, #contactform input.submit:hover { 
  opacity: 0.9;
} 

#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;
}
.moderation {
  margin-top: 15px !important;
}  

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

a#recent_comments {  
  width: 160px;
  background: url('/wp-content/themes/CookingRecipe/images/arrow_top.png') right 3px no-repeat;
} 
#recent_comments { 
  float: left;
  width : auto; 
  margin: 0 0 20px 0 !important; 
} 
.navi_top { 
  float: left;
  width : 540px; 
  height: auto;
  margin: 10px 0 5px 0; 
} 
#first {  
  width: auto;
  background: url('/wp-content/themes/CookingRecipe/images/arrow_bot.png') right 4px no-repeat;
  padding-right: 18px;
} 
a#ancor { 
  width: auto;
  padding-left: 18px;
  background: url('/wp-content/themes/CookingRecipe/images/arrow_bot.png') left 4px no-repeat;
} 

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

#comments .navigation { 
  height: 20px;
  margin : 5px auto 15px; 
  padding : 0; 
  border: 0;
  overflow: hidden;
} 
#comments .navigation .left, #comments .navigation .right{ 
  margin : 0 0 10px 0; 
  padding : 0; 
} 

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

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

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

#footer { 
  position: relative;
	max-width: 1260px;
  min-height: 90px;
	padding-top: 30px;
  font-size: 14px;
	text-align: center;
	color: #fff;
}
#footer a:link, #footer a:visited {
  font-size: 14px;
	color: #fff;
	}
#footer a:hover, #footer a:active {
	color: #999;
}
.copyright {
	clear: both;
  margin: 0 auto 15px;
	padding: 0;
}
.author {
	clear: both;
  margin: 0 auto 0;
	padding: 0;
}
#footer p { 
  text-align: center;
  margin: 10px auto 10px;
	padding: 0;
} 
#track {   
  width : 800px; 
  height : 40px;
  margin : 25px auto 5px; 
} 
#track img { 
  float: none;  
  margin-right: 5px; 
}