/*  
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';
@import 'css/img.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: 0; 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 : 35px;
  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: 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;
}


LI.menu-item-has-children UL.sub-menu { display: none; }
LI.current-menu-item UL.sub-menu { display: block; }
LI.current-menu-parent UL.sub-menu { display: block; }

#sidebar_1 LI { background: none !important; }
#sidebar_1 LI.menu-item-has-children { background: url('/wp-content/themes/City_News/skins/lightblue2/arrow.gif') left top no-repeat !important; }
#sidebar_1 LI.menu-item-has-children.current-menu-item,
#sidebar_1 LI.menu-item-has-children.current-menu-parent,
#sidebar_1 LI.menu-item-has-children.expanded { background: url('/wp-content/themes/City_News/skins/lightblue2/arrow_top.gif') left 2px no-repeat !important; }


/* Contact Form */
.wpcf7-form INPUT[type="text"], .wpcf7-form INPUT[type="email"] { padding: 5px 10px; width: 458px; border: 1px solid #DBD9DC; }
.wpcf7-form TEXTAREA { padding: 5px 10px; width: 458px; height: 100px; border: 1px solid #DBD9DC; }
.wpcf7-form LABEL { font-style: italic; font-weight: bold; }

/* Relap */
#Relap IMG { width: 152px !important; height: 97px !important; clear: right; border: none; }
#Relap .relap-default__items-container { text-align: left; margin-left: 9px; margin-right: -20px; }
#Relap .relap-default__item-description { clear: both; }
#Relap .relap-default__item { padding-right: 2px; padding-bottom: 20px; }
#Relap .relap-default__item-inner { width: 160px; padding: 0; margin: 0; }
#Relap .relap-default__item-description { font-size: 13px; text-align: center; }


.rotation .textwidget { display: none; }


#vkpopup { width: 300px; height: 230px;	position: fixed; bottom: 10px; right: 10px; z-index: 9000;
	background: #ffffff;
	-webkit-box-shadow: 0 0 10px #777;
	-moz-box-shadow: 0 0 10px #777;
	box-shadow: 0 0 10px #777;
}
#vkpopup .title { text-align: center; font-size: 16px; font-weight: bold; margin: 1em 0; }
#vkpopup .container { padding: 0 5px; height: 155px; }
#vkpopup .subtitle { text-align: center; font-size: 14px; font-weight: bold; }

/*max*/
#block_title {
    background: #F8E061;
    margin: 0 0 10px;
    padding: 5px;
    font-size: 16px;
    font-weight: bold;
    
}

#yolka {
background: url(http://metaphysican.com/banner/1yolka.png) right bottom no-repeat;
    padding-top: 10px;
    min-height: 340px;
}


/*GRADIENTS*/
  /*GREEN*/
  .b-green, .b-green:before {
    background: rgba(73,155,234,1);
    background: -moz-linear-gradient(45deg, rgba(73,155,234,1) 0%, rgba(26,188,156,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(26,188,156,1)));
    background: -webkit-linear-gradient(45deg, rgba(73,155,234,1) 0%, rgba(26,188,156,1) 100%);
    background: -o-linear-gradient(45deg, rgba(73,155,234,1) 0%, rgba(26,188,156,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(73,155,234,1) 0%, rgba(26,188,156,1) 100%);
    background: linear-gradient(45deg, rgba(73,155,234,1) 0%, rgba(26,188,156,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#1abc9c', GradientType=1 );
  }
  /*PINK*/
  .b-pink, .b-pink:before {
    background: rgba(231,72,234,1);
    background: -moz-linear-gradient(45deg, rgba(231,72,234,1) 0%, rgba(75,26,188,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(231,72,234,1)), color-stop(100%, rgba(75,26,188,1)));
    background: -webkit-linear-gradient(45deg, rgba(231,72,234,1) 0%, rgba(75,26,188,1) 100%);
    background: -o-linear-gradient(45deg, rgba(231,72,234,1) 0%, rgba(75,26,188,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(231,72,234,1) 0%, rgba(75,26,188,1) 100%);
    background: linear-gradient(45deg, rgba(231,72,234,1) 0%, rgba(75,26,188,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e748ea', endColorstr='#4b1abc', GradientType=1 );
  }
  /*RED*/
  .b-red, .b-red:before {
    background: rgba(234,110,72,1);
    background: -moz-linear-gradient(45deg, rgba(234,110,72,1) 0%, rgba(188,26,99,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(234,110,72,1)), color-stop(100%, rgba(188,26,99,1)));
    background: -webkit-linear-gradient(45deg, rgba(234,110,72,1) 0%, rgba(188,26,99,1) 100%);
    background: -o-linear-gradient(45deg, rgba(234,110,72,1) 0%, rgba(188,26,99,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(234,110,72,1) 0%, rgba(188,26,99,1) 100%);
    background: linear-gradient(45deg, rgba(234,110,72,1) 0%, rgba(188,26,99,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea6e48', endColorstr='#bc1a63', GradientType=1 );
  }
  /*ORANGE*/
  .b-orange, .b-orange:before {
    background: rgba(255,193,7,1);
    background: -moz-linear-gradient(45deg, rgba(255,193,7,1) 0%, rgba(255,87,34,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,193,7,1)), color-stop(100%, rgba(255,87,34,1)));
    background: -webkit-linear-gradient(45deg, rgba(255,193,7,1) 0%, rgba(255,87,34,1) 100%);
    background: -o-linear-gradient(45deg, rgba(255,193,7,1) 0%, rgba(255,87,34,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(255,193,7,1) 0%, rgba(255,87,34,1) 100%);
    background: linear-gradient(45deg, rgba(255,193,7,1) 0%, rgba(255,87,34,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc107', endColorstr='#ff5722', GradientType=1 );
  }
  /*BLUE*/
  .b-blue, .b-blue:before {
    background: rgba(5,118,255,1);
    background: -moz-linear-gradient(45deg, rgba(5,118,255,1) 0%, rgba(36,248,255,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(5,118,255,1)), color-stop(100%, rgba(36,248,255,1)));
    background: -webkit-linear-gradient(45deg, rgba(5,118,255,1) 0%, rgba(36,248,255,1) 100%);
    background: -o-linear-gradient(45deg, rgba(5,118,255,1) 0%, rgba(36,248,255,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(5,118,255,1) 0%, rgba(36,248,255,1) 100%);
    background: linear-gradient(45deg, rgba(5,118,255,1) 0%, rgba(36,248,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0576ff', endColorstr='#24f8ff', GradientType=1 );
  }
/*END GRADIENTS*/
/*BASE BUTTON*/
.button {
  display: inline-block;
  position: relative;
  border-radius: 3px;
  text-decoration: none;
  padding: .5em;
  margin: .5em;
  font-size: 2em;
  font-weight: bold;
  transition: all .5s;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.button:hover {
  text-shadow: 0px 0px 0px rgba(255, 255, 255, .75);
}
.button:hover:after {
  left: 100%;
  top: 100%;
  bottom: 100%;
  right: 100%;
}
.button:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  border-radius: 5px;
  transition: all .5s;
}
.button:after {
  content: '';
  display: block;
  position: absolute;
  left: 2px;
  top: 2px;
  bottom: 2px;
  right: 2px;
  z-index: -1;
  border-radius: 5px;
  transition: all .5s;
}
.button2 {
  display: inline-block;
  font-size: 2em;
  margin: .5em;
  padding: .5em;
  border-radius: 5px;
  transition: all .5s;
  filter: hue-rotate(0deg);
  color: #FFF;
  text-decoration: none;
}
/*END BASE BUTTON*/
/*ROTATE*/
.rot-360-noscoop:hover {
  filter: hue-rotate(360deg);
  transform: rotate(360deg);
}
.rot-135:hover {
  filter: hue-rotate(135deg);
}
.rot-90:hover {
  filter: hue-rotate(90deg);
}
/*END ROTATE*/