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


@import 'css/header.css';
@import 'css/top_menu.css';
@import 'css/maincolumn.css';
@import 'categories.css';
@import 'css/navi.css';
@import 'css/sidebar.css';
@import 'css/tabs.css';
@import 'css/dd-formmailer.css';

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

* { 
margin : 0; 
padding : 0; 
} 

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

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

#container { 
  overflow: hidden;
  max-width: 1400px; 
} 

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

#header { }

/*top_menu*/

#navbar { }             

#page { 
  width : 1015px; 
  background: #fff; 
  margin : 35px auto 20px; 
  padding : 0; 
  text-align : left; 
  overflow : hidden; 
} 

#footer { } 

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

.maincolumn { } 

#sidebar { } 

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

a, a:visited { 
color : #000099; 
text-decoration : none; 
  outline:none;
} 
a:hover { 
color : #cc0000; 
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 : 36px; 
} 
h2 { 
font-size : 18px; 
} 
h3 { 
font-size : 16px; 
color : #000099;
font-weight : bold; 
} 
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:  url('/wp-content/themes/My_Wordpress_Directory_red/images/footer.png') #ad0104 repeat-x; 
 width: 100%; 
 height : 90px;
text-align: center;
font-size : 14px; 
font-weight : normal; 
padding : 10px 0 0 0;
margin : 0; 
color : #C4C4C4; 
} 
#footer a, a:visited { 
color : #C4C4C4; 
text-decoration : none; 
} 
#footer a:hover { 
color : #d1d1d1; 
text-decoration : underline; 
} 
.copyright { 
width : 700px; 
margin: 0 auto 5px;
padding: 0;
color : #C4C4C4; 
}
#LiveInternet { 
width : auto; 
float: left;
padding : 0;
margin : 10px 0 0 20px; 
} 

/************************************************
*	line							*
************************************************/

.line { 
margin : 15px 0 10px 0; 
border-bottom : 1px solid #E0E0E0; 
clear : both; 
} 
.line2 { 
margin : 15px 0 15px 0; 
border-bottom : 2px solid #E0E0E0; 
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; 
} 

/************************************************
*	Закругленные углы     970px      *
************************************************/

.page_in	{ 
	padding: 0;
	margin: 0 20px;
  overflow : hidden; 				
}
.top_image {
  margin: 0;
  padding: 0;
  background-image: url('/wp-content/themes/My_Wordpress_Directory_red/images/page_img.png');
  background-position: top;
  width: 1015px;
  height: 15px;
}
.midlle_image {
  width: 1015px;
  margin: 0;
  padding: 0;
  background-color: #fff;
  background-image: url('/wp-content/themes/My_Wordpress_Directory_red/images/midlle.png');
  background-repeat: repeat-y;
  background-position: left;
}
.bottom_image {
  margin:0;
  padding:0;
  background-image: url('/wp-content/themes/My_Wordpress_Directory_red/images/page_img.png');
  background-position: bottom;
  width: 1015px;
  height: 15px;
}

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

#comments {      
  position : relative;
  width: 585px;
  margin : 0; 
  padding : 0;  
	float:left;
	clear:both;
} 
ul.commentlist {  
  width: 585px;
  margin : 0 0 25px 0; 
  padding : 0; 
} 
ul.commentlist li { 
  clear:both;
  list-style-type : none; 
  background : #F7F7F7; 
  width: 565px;
  min-height: 85px;
  margin : 0 0 10px 0; 
  padding : 15px 10px 0 10px; 
  border : 1px solid #eee; 
} 
ul.commentlist a { 
  font-size : 14px; 
} 
.comment_text { 
width : 563px; 
padding : 0; 
margin : 15px 0 10px 0; 
	overflow: hidden;
} 
.commenttext-admin { 
background : #fff; 
width : 495px; 
color : #000000; 
font-size : 12px; 
font-family : Arial, Verdana, Sans-Serif; 
padding : 10px 10px 0 10px; 
margin : 5px 0 20px 0; 
border : 1px solid #eee; 
} 
#comments img {
  width: 60px; 
  height: 60px; 
  float: left;
	margin: 0 10px 5px 0;
	padding: 1px;
  border: 1px solid #E0E0E0;  
}
.comment_righty { 
  width : 480px; 
  float: right;
  text-align: left;
  margin : 0; 
  padding : 0; 
} 
#commentform .alignleft { 	 
	margin-bottom: 15px;
  padding:0;
  width: 230px; 
}
#commentform .alignright {   
	margin-bottom: 15px;
  padding:0; 
  width: 230px; 
}

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

form#commentform { 
background : #fff; 
padding : 0; 
margin : 0; 
font-family : Arial, Verdana, Sans-Serif; 
float : left; 
  width: 585px;
} 
input, textarea { 
font-family : Arial, Verdana, Sans-Serif; 
font-size : 14px; 
padding : 3px; 
border : 1px solid #eee; 
} 
textarea#comment { 
overflow : hidden; 
margin : 20px 0 50px 0; 
width : 577px; 
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 : #B70102 url('/wp-content/themes/My_Wordpress_Directory_red/images/navbar.gif') repeat-x; 
border-top : 1px solid #660000; 
border-bottom : 1px solid #A60102; 
border-left : 1px solid #980202; 
border-right : 1px solid #980202; 
color : #fff; 
cursor : pointer; 
padding : 0 0 3px 0; 
margin : 0 0px 20px 0; 
font-size : 14px; 
} 
form#commentform p { 
overflow : hidden; 
margin : 0 0 4px 0; 
padding : 0; 
}