/*  
Theme Name:  City_News
Theme URL: http://prodengiblog.ru/
Description: City News with three columns. 
Version: 2.0
Author: Ksana
Author URL: http://prodengiblog.ru
Tags: News Blog, blue, grey, three columns, fixed-width, left and right sidebars
*/ 


@import 'css/header.css';
@import 'css/sidebar.css';
@import 'css/maincolumn.css';
@import 'css/slider.css';
@import 'css/bottom.css';
@import 'css/contact.css';
@import 'css/colorbox.css';
@import 'css/navi.css';
@import 'css/twitter.css';

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

* { 
  margin : 0; 
  padding : 0; 
} 

body { 
  width: 100%; 
  height: 100%; 
  text-align : center; 
	font-size: 13px;
  font-weight : normal; 
  font-family : Arial, Verdana, Sans-Serif; 
  color: #5d5d5d; 
  -webkit-font-smoothing: antialiased; 
  border: 0;
}

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

#container {    
  position : relative;
  width: 1190px; 
  height: 100%; 
  margin : 0 auto 0; 
  overflow: hidden;
} 

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

#header { }

#menu { }             

#page {    
  position : relative;
  float: left;
  width: 1190px; 
  height: auto;
  background: #fff;   
  margin : 0 auto 20px; 
  padding : 0; 
  text-align : left; 
  overflow : hidden; 
} 

#bottom { } 

#footer { } 

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

.onecolumn { 
  position : relative;
  float: left;
  height: auto;
  margin-right: 20px; 
  padding: 0; 
  text-align: left; 
  overflow: hidden; 
}

/* if 3 column  */

#col3 {  
  width: 930px; 
}

/* if 4 column  */

#col4 {  
  width: 740px; 
}

.maincolumn { }

#sidebar_1 { } 

#sidebar_2 { } 

#sidebar_3 { } 

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

a, a:visited { 
  color : #5d5d5d; 
  text-decoration : none; 
  outline:none;
} 
a:hover, a:active { 
  color : #000; 
  text-decoration : underline; 
  outline:none;
} 
a img { 
  padding : 0; 
  margin : 0; 
  border : none; 
  color: #c4c4c4;
} 
img { 
  font-size : 12px; 
  line-height: 1;
  border : none; 
} 

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

h1, h2, h3, h4, h5, h6 { 
  clear: both;
} 
h1 { 
  font-size : 20px; 
} 
h2 { 
  font-size : 20px; 
} 
h3 { 
  font-size : 16px; 
  margin : 0 0 -10px 0; 
} 
h4 { 
  font-size : 15px; 
  margin : 0 0 10px 0; 
  color: #6e6d6d;
} 
h5 { 
  font-size : 16px; 
  margin : 0; 
  padding: 15px 0 0 0; 
} 
h6 { 
  font-size : 14px; 
} 
h1.single { 
  background: #dbd9de;
  border: 1px solid #cccecb;
	height: auto;
  color: #727272; 
  padding: 7px 10px 7px 10px; 
  margin: 0 0 12px 0; 
} 

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

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

/* comments */

.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; 
}

/************************************************
* adsense_box					*
************************************************/

/* header		*/

#add_header { 
  position: absolute; right: 10px; top: 20px;
  width : 480px; 
  height : 60px; 
  padding: 0; 
  z-index: 100; 
} 

/* maincolumn		*/

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

/* sidebar	*/

.add160x600 {
	width: 160px;
	height: auto;
  margin: 0 0 10px 5px;
}

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

p { 
  text-align: left; 
  margin: 0 0 5px 0; 
  padding: 0; 
} 
.clear { 
  clear: both; 
} 
.clear2 { 
  clear: both; 
  margin-top: 15px;
} 
.clear3 { 
  clear: both; 
  margin-top: 30px;
} 

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

#footer {  
  width: 100%; 
  height : 90px;
  background: #dbd9dc;
  text-align: center;
  font-size : 14px; 
  font-weight : normal; 
  margin : 0; 
  padding : 20px 20px 0 20px;
} 
#footer a, a:visited { 
  text-decoration : none; 
} 
#footer a:hover { 
  text-decoration : underline; 
} 
.copyright { 
  width : 700px; 
  margin: 0 auto 20px;
  padding: 0;
}
#track {   
  width : 800px; 
  height : 30px;
  margin : 0 auto 0; 
  padding : 0;
} 

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

#comments {   
	float: left;
  position : relative;
  width: 480px; 
  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 { 
  font-size : 15px; 
  margin: 0 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: 480px; 
  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; 
} 
.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 .autor {
  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, ol.commentlist li .reply a:visited {  
  text-decoration: none; 
  color: #000;
}
ol.commentlist li .reply a:hover, ol.commentlist li .reply a:active {  
  text-decoration: none; 
  color: #5d5d5d !important; 
}
#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: 450px;
  margin: 5px 0 5px 0;
 }
ol.commentlist ul.children li.depth-3 { 
  width: 420px;
 }
ol.commentlist ul.children li.depth-4 { 
  width: 390px;
 }
ol.commentlist ul.children li.depth-5 { 
  width: 360px;
  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%;
  background : transparent; 
  padding : 0; 
  margin : 0 0 35px 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%;
  min-height : 150px; 
  overflow: auto;
  padding : 10px; 
} 
ol.commentlist ul.children li.depth-2 textarea#comment { 
  width: 94%;
 }
ol.commentlist ul.children li.depth-3 textarea#comment { 
  width: 93%;
 }
ol.commentlist ul.children li.depth-4 textarea#comment { 
  width: 92%;
 }
ol.commentlist ul.children li.depth-5 textarea#comment { 
  width: 91%;
 }
#commentform input#submit, #contactform input#submit { 
  float: right;
  width: 165px; 
  height: 28px; 
  border: 0; 
  color: #fff; 
  cursor: pointer; 
  margin: 15px 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 : 480px; 
  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;
}