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


@import 'css/header.css';
@import 'css/category-menu.css';
@import 'css/carousel.css';

@import 'css/forms.css';
@import 'css/sidebar.css';
@import 'css/maincolumn.css';
@import 'css/tabs.css';


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

* { 
margin : 0; 
padding : 0; 
} 

body { 
  width: 100%; 
  height: 100%; 
  background : #f4f4ec; 
  text-align : center; 
	font-size: 14px;
  font-weight : normal; 
  font-family : Arial, Verdana, Sans-Serif; 
  color : #000; 
  border: 0;
}

/************************************************
* wrapper			*
************************************************/

#container { 	
  max-width: 1400px; 
  width: expression(document.body.clientWidth > 1399 ? "1400px" : "auto");
  margin : 0 auto 0; 
  overflow: hidden;
  text-align : left; 
} 

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

#header { }

#page {    
	position: relative;
  width : 980px; 
  margin : 20px auto 0; 
  padding : 0;  
  text-align : left; 
}

#footer { } 

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

.maincolumn { } 

#sidebar { } 

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

a, a:link, a:visited { 
color : #6f6d5f; 
text-decoration : none; 
  outline:none;
} 
a:hover, a:active { 
color : #7e7c6d; 
text-decoration : underline; 
  outline:none;
} 
a img { 
padding : 0; 
margin : 0; 
border : none; 
} 

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

h1, h2, h3, h4, h5, h6 { 
clear: both;
} 
h1 { 
font-size : 28px; 
} 
h2 { 
font-size : 18px; 
} 
h3 { 
font-size : 16px;
} 
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; 
} 

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

#footer { 
 background: #DEDDC9; 
 width: 100%; 
 height : 186px;
 text-align: center;
 font-size : 14px; 
 font-weight : normal; 
 margin : -45px 0 0 0;
 padding : 7px 0 0 0;
 color : #6f6d5f; 
 border-bottom: 4px solid #5f950b;
 clear : both; 
 z-index: 0;
} 
#footer a, a:visited { 
color : #6f6d5f; 
text-decoration : none; 
} 
#footer a:hover { 
	color: #7e7c6d;
text-decoration : underline; 
} 
.copyright { 
width : 900px; 
margin: 0 auto 10px;
padding: 0;
color : #6f6d5f; 
}

#schetchiki { 
width : auto; 
float: left;
padding : 0;
 margin : -13px 0 0 10px;
}

#karta_arhiv_ssilki { 
width : auto; 
float: right;
padding : 0;
 margin : -1px 10px 0 0;
}

.explanation { 
 width: 100%; 
 height : auto;
 text-align: center;
 font-size : 12px; 
 font-weight : normal; 
 margin : 10px;
 padding : 0;
 clear : both; 
 z-index: 0;
} 
/************************************************
*	line							*
************************************************/

.line { 
  margin : 15px 0 10px 0; 
  border-bottom : 1px solid #B9B6A7; 
  clear : both; 
} 
.line2 { 
margin : 15px 0 15px 0; 
border-bottom : 2px solid #B9B6A7; 
clear : both; 
} 

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

#line { 
margin : 0; 
padding: 2px;
border-top : 1px solid #E0E0E0; 
clear : both; 
} 
#line2 { 
margin : 0 0 5px 0; 
padding: 0 0 5px 0; 
border-bottom : 1px solid #E0E0E0; 
clear : both; 
} 
#margin { 
margin-bottom : 30px; 
} 
#margin_bottom { 
margin-bottom : 20px; 
} 

/************************************************
* bottom		*
************************************************/

#bottom { 
  width: 100%; 
  height : 380px;
  text-align : center; 
  clear:both;
  background: #D0CFB5 url('/wp-content/themes/Green_Style/images/bottom.jpg') repeat-x; 
  font-size : 14px; 
  font-weight : normal; 
	color:#000;
  margin : 20px 0 0px 0; 
  padding : 45px 0 0 0; 
  z-index: 100;
} 
#bottom_in {	
	width: 1000px;
  height: 330px;
  text-align : left; 
  margin: 0 auto 0;
	padding: 0;
	}
.bottom_post {
	width:296px;
  height: 310px;
	float:left;
  text-align : left; 
	margin: 0 0 0 12px;
	padding: 10px;
	}
.bottom_post a {
	color:#C4C4C4;
	}
#bottom ul {
	margin-top:5px;
	}
#bottom ul li {
	height: 44px;
	border-top: 1px dashed #B9B6A7;
	list-style: none;
	padding: 2px 5px 2px 0;
	display:block;
  line-height: 1;
	}
.bottom_post ul li a, l.bottom_post ul li a:link, .bottom_post ul li a:visited, .bottom_post ul li a:hover {
	color:#000;
	font-size: 13px;
	text-decoration: none;
}
.bottom_post ul li:first-child {
	border-top: 1px dashed #C0B99D;
	}
#bottom h3 {
	color:#000;
	margin: 0 0 15px 0;
	padding: 0;
	}
#bottom img {
  float: left;
	margin: 0 10px 0 0;
	padding: 1px;
	background-color: #DDDDC8;
	border: 1px solid #B9B6A7;
  width: 40px;
  height: 40px;
	clear: both;
}
li .title a, li .title a:link, li .title a:visited, li .title a:hover {
	color: #000;
	font-size: 13px;
	text-decoration: none;
}
li .meta {
	color: #666457;
	font-size: 11px;
}
li span.meta a, li span.meta a:link, li span.meta a:hover, li span.meta a:visited {
	color: #666457;
	font-size: 11px;
	text-decoration: none;
}

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

#comments {     
  position : relative;
  width: 560px;
  margin : 0 0 20px 10px; 
  padding : 0;  
	float: left;
	clear: both;
} 
ul.commentlist {  
  width: 560px;
  margin : 0 0 25px 0; 
  padding : 0; 
} 
ul.commentlist li { 
  position : relative;
  clear:both;
  list-style-type : none; 
  width: 540px;
  min-height: 85px;
  margin : 0 0 10px 0; 
  padding : 15px 10px 0 10px; 
  background : #eeede5; 
  border : 1px solid #e0e0d8; 
} 
ul.commentlist a { 
  font-size : 14px; 
} 
.comment_text { 
width : 543px; 
padding : 0; 
margin : 15px 0 10px 0; 
	overflow: hidden;
} 
body:last-child:not(:root:root) .comment_text { 
 	position: relative;
  width : 540px; 
  margin : 15px 0 10px -100px; 
  padding : 15px 0 0 0; 
} 


.commenttext-admin { 
background : transparent; 
width : 543px; 
color : #000000; 
font-size : 12px; 
font-family : Arial, Verdana, Sans-Serif; 
padding : 10px 10px 0 10px; 
margin : 5px 0 20px 0; 
border : 1px solid #e0e0d8; 
} 
#comments img {
  width: 60px; 
  height: 60px; 
  float: left;
	margin: 0 10px 5px 0;
	padding: 1px;
	background: #DDDDC9;
	border: 1px solid #D4D5C0;
}
#comments img.wp-smiley { 
  float : none; 
  width : 15px; 
  height: 15px;
  margin : 0; 
  padding : 0; 
  border : none; 
} 
.comment_righty { 
  width : 465px; 
  float: right;
  text-align: left;
  margin : 0; 
  padding : 0; 
} 
#commentform .alignleft { 	
	margin-bottom: 15px;
  padding:0;
  width: 48%; 
}
#commentform .alignright {   
	margin: 0 0 15px 0;
  padding: 0 25px 0 0; 
  width: 45%; 
}

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

form#commentform {  
background : transparent; 
padding : 0; 
margin-left : 0; 
font-family : Arial, Verdana, Sans-Serif; 
float : left; 
  width: 585px;
} 
input, textarea { 
font-family : Arial, Verdana, Sans-Serif; 
font-size : 14px; 
padding : 3px; 
  background : #eeede5; 
  border : 1px solid #e0e0d8; 
} 
textarea#comment { 
overflow : auto; 
margin : 20px 0 50px 0; 
width : 555px; 
height : 150px; 
} 
input#author, input#email, input#url { 
height : 18px; 
margin : 5px 5px 0 0; 
clear: both;
} 
input#submit { 
float: right;
width : 220px; 
height : 27px; 
background : #70A211 url('/wp-content/themes/Green_Style/images/2submit.gif') no-repeat; 
border : 0; 
color : #fff; 
cursor : pointer; 
padding : 0 0 3px 0; 
margin : 0 22px 20px 0; 
font-size : 14px; 
text-align: center;
} 
form#commentform p { 
overflow : hidden; 
margin : 0 0 4px 0; 
padding : 0; 
} 
#ancor {  
  background: transparent url('/wp-content/themes/Green_Style/images/ancor.jpg') no-repeat center center;
  float: left;
  margin: 0 0 20px 0;
  padding : 0; 
  width: 98%;
  height: 24px;
}

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

.navigation {  
  clear: both; 
  width : 500px; 
  height : 50px; 
  text-align: center;
  font-weight : normal; 
  margin: 30px 0 30px 50px;
  padding-top : 15px; 
  border-top : 2px solid #DAD6CA; 
}
.navigation .right, .navigation .left {  
  width : 230px;  
  font-size: 18px;
  text-align: right;
  margin: 0 0 15px 0;
}
.navigation .left {  
  text-align: left;
}
.current {
  font-weight:700;
}
.navigation a, .navigation a:visited {  
  text-decoration:none;
  color : #939186; 
}
.navigation a:hover {
	color: #376b04;
  text-decoration:none;
}
.pagenavi {
  clear: both; 
  display: block;
  font-size: 14px;
  margin: 0;
  padding-bottom: 7px;
}
.pagenavi a {
  clear: both; 
  width : auto; 
  font-size: 14px;
  margin: 0;
  padding: 3px 7px 3px 7px;
  background-color: #F4F4EC;
  border: 1px solid #D4D5C0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.pagenavi u {
  clear: both; 
  width : auto; 
  font-size: 14px;
  font-weight : bold; 
  margin: 0 3px 0 0;
  padding: 3px 7px 3px 7px;
  background-color: #DDDDC9;
  border: 1px solid #D4D5C0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.pagenavi b {
  clear: both; 
  width : auto; 
  margin: 0 5px 0 5px;
  padding: 0;
  background: none;
  border: 0;
}


/************************************************
*  sale     			*
************************************************/

#sale {
  position: relative;
  width: 100%;
  height: 75px;
  margin: 15px 0 0 0;
  padding : 0 0 15px 0;
  border-top : 1px solid #B9B6A7;
  overflow: hidden;
}
#sale h4{
  margin: 0 0 15px 0;
}

form #region {       
  position: absolute; top: 45px; left: 0;  
  width : auto;
  height: 30px;
  padding : 0; 
} 
#sale .respone {      
  position: absolute; top: 45px; left: 155px;  
  width : 70px;
  height: 30px;
  padding : 0; 
} 
select { 	
  float: left;
  visibility: visible;
  position: relative; top: 1px; left: 0; z-index: 1;   
  background : #EEEDE5; 
  border : 1px solid #C8BEAD; 
  width : auto;
  height : 26px;
  padding : 3px; 
  font-family : Arial, Verdana, Sans-Serif; 
  font-size : 14px; 
  color: #666457;
}
option { 
  visibility: visible;
  background : #EEEDE5; 
  margin: 0;
  padding : 2px 5px 2px 7px; 
  color: #666457;
}
.euro, .ua {
  display:none;
}
.rus, .euro, .ua {
  background: url('/wp-content/themes/Green_Style/images/sale.jpg') no-repeat left center;
  width : 69px; 
  height: 23px;
  border : 0; 
  margin: 5px 0 0 0;
  padding : 3px 0 0 10px; 
  color: #666457; 
  font-size : 13px; 
}
.rus a, .rus a:hover, .rus a:active, .rus a:visited,
.euro a, .euro a:hover, .euro a:active, .euro a:visited,
.ua a, .ua a:hover, .ua a:active, .ua a:visited {
  color: #666457; 
  text-decoration : none; 
} 

/********************************
     other       
********************************/
.cvet_krasnyi {
color: #FF0000;
}
.cvet_zelenui {
color: #82b415;
}

.name_site {
color: #82b415;
}