/*
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 : 15px;
  margin : 0;
  padding: 15px 0 0 0;
}
h6 {
  font-size : 14px;
}
h1.single {
  background: #dbd9de;
  border: 1px solid #cccecb;
	height: auto;
  color: #4c4b4b;
  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: 0; top: 30px;
  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;
}

.add250x250 {
	width: 250px;
	height: auto;
  margin: 0 auto 0;
  clear: both;
}
.add250x250 img {
	width: 250px;
	height: auto;
  margin: 0 auto 15px;
}

/************************************************
*	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;
}
#track img {
  margin-right: 5px;
}

/************************************************
*	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: 60px;
  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;
}