/*  
Theme Name: about-roads.ru
Theme URI: http://about-roads.ru/
Description: The default about-roads.ru theme
Version: 1.1
Author: about-roads.ru
Author URI: http://about-roads.ru/

*/



/* Begin Typography & Colors */

 * {margin:0; padding: 0; }

body {
    background: #FFFFDF;
    font-family: Tahoma;
    font: 10pt Verdana, Arial, sans-serif; 
    color: #222;
    }

.clear {
    clear:both; overflow:hidden;}

#page{
    width:790px;
    margin: 5px auto 0px auto;
    }
#header-top{
		width:100%;
		height: 89px;
    background: #FFFFDF url('images/header-top.gif') no-repeat top left;
    text-align: left;
    padding: 5px 0px 0px 20px;
    color: #222;}

#header{
		width:100%;
		height: 159px;
    background: #FFFFDF url('images/header-main.jpg') no-repeat top left;
    text-align: center;
    padding: 0px 0px 0px 0px;
    color: #FFFFFF;}

#header h1{
    color: #FFFFFF;}
#wp_quotes {width: 300px; float: left;}
.wp_quotes_author{text-align: right; font-weight: bold; }
.wp_quotes_quote{text-align: justify; font-style: italic; padding: 30px 0px 10px 10px;}

#menu_top {text-align: right; padding: 10px 0px 10px 0px;}

#breadcrumb {
    border: 1px solid #FF0000;
    width: 200px;
    float: left;}

#nav_menu {
    border: 1px solid #FF0000;
    width: 200px;
    float: right;}
    
a {color: #00AD00;}
a:visited {color: #4444;}
a:hover {color: #5AAA4F;}

.menutypes {padding: 0px 0px 0px 10px;}
.menutypes img {border: 0px;}

.subpagelist li{padding: 0px 0px 10px 0px;}
  
#menu1 {
    width: 230px;
    float: left;
    margin: 0px 0px 20px 0px; 
    background: #f4f4d5;
    }
    
#menu1 li {
    list-style: none;
    font-size: 11px;
    font-weight: none; 
    margin: 0px 0px 0px 10px;  }

#menu1 li ul {
    list-style: none;
    font-size: 11px;
    font-weight: none; 
    margin: 0px 0px 0px 15px;  }

#menu1 h2, #adsense h2{
    margin: 0px 10px 0px 10px;
    padding: 5px 0px 0px 40px;
    font-size: 18px;
    height: 32px;
    }

 #adsense h2 {    margin: 0px 10px 0px 10px;
    padding: 0px;} 

.adsense-wide {width: 100%; padding: 20px 0px 20px 0px; text-align: center;}
.adsense-single {width: 545px;padding: 20px 0px 20px 0px; text-align: center;}

.populars {background: #FFFFDF; padding: 20px 0px 20px 0px; font-size: 12px; }
.populars li a {font-size: 13px; margin: 10px 0px 0px 0px; }
.populars ul li {padding: 0px 0px 10px 0px; }
    
.info{background: #f4f4d5 url('images/sun.gif') no-repeat top left;}
.newscats{background: #f4f4d5 url('images/tv.gif') no-repeat top left;}
.tags{background: #f4f4d5 url('images/cloud.gif') no-repeat top left;}

.roundtop {height: 10px; width:100%; background: #f4f4d5 url('images/round-top-right.gif') no-repeat top right; text-align: left; }   
.roundbot {height: 10px; width:100%; background: #f4f4d5 url('images/round-bot-left.gif') no-repeat bottom left; text-align: right;     margin: 0px 0px 0px 0px;  }

.roundtop2 {height: 10px; width:100%; background: #0077bc url('images/round2-top-right.gif') no-repeat top right;}   
.roundbot2 {height: 10px; width:100%;  background: #0077bc url('images/round2-bot-right.gif') no-repeat bottom right;}

#adsense {width: 120px; min-height: 600px; border: 0px #000000 solid; float: left; margin: 0px 10px 0px 10px;}
#adsense li {list-style: none; font-size: 12px; margin: 0px 0px 0px 10px;}

.allpost {
    width: 550px;
    float: right;
    border: 0px solid #00ff00;
    font-size: 12px;}

.page404 {font-size: 160px; width: 100%; text-align: center; color: #FF0000;}
.text404 {font-size: 16px; width: 100%; text-align: center; padding: 20px 0px 20px 0px;}

.post img {float: right; margin: 10px; border: 15px #f4f4d5 solid;}
.post h2 {font-size: 16px; margin: 20px 0px 10px 0px;}    
.allpost h1, .allpost h1 a {font-size: 20px; color: #0057AD; margin: 0px; text-decoration: none; font-weight: lighter; font-family: Georgia,Sans-Serif;}
.front-news {width: 390px; float:left;}
.front-news h1, .front-news h1 a {font-size: 12px; color: #0057AD; margin: 0px; text-decoration: none; font-weight: bold; font-family: Tahoma;}
.front-news2 h1, .front-news2 h1 a {font-size: 12px; color: #0057AD; margin: 0px; text-decoration: none; font-weight: lighter; font-family: Tahoma;}
.front-news .post {font-size: 10px;}
.front-news .readon {font-size: 10px;}
.front-news  img {float: left; margin: 5px; border: 5px #f4f4d5 solid;}

.front-news2 {width: 360px; float:right; }
#tagcloud, #tagcloud a {text-align: center; text-decoration: none;}
#partnernews h2 {text-align: center;}
#partnernews {margin: 20px 0px 0px 0px;}

.utwrelposts {margin: 20px 0px 20px 0px;}
.utwrelposts ul {margin: 0px 0px 0px 40px;}
.allpost p {margin: 20px 0px 0px 0px;
    text-align: justify;}
    
.pagenav {text-align: center; font-size: 18px; float: right;}

      
.postmetadata {
    display: block;
    text-align: right !important;
    font-size: 10px;
    color: #999999;
    margin: 0px 0px 30px 0px;}

.postmetadata a{color: #009900;}
.readon {text-align: right; margin: 0px 0px 30px 0px;}

.navigation {display: block; padding: 30px 0px 30px 0px; width: 370px; font-size: 11px;}
.alignleft {float: left; display: inline;}
.alignright {float: right; display: inline;}

#commentform textarea  {width: 510px; border: 1px #999999 solid;}
#commentform input  {border: 1px #999999 solid;}
#commentform {width: 535px; margin: 0px 0px 30px 10px; border: 0px #999999 solid;}
#commentform2 {margin: 0px 20px 30px 10px; }
.postmetadata2 {width: 500px; font-color: #999999;}
.commentauthor {font-weight: bold;}
.commentmeta  {background: #FFFFDF url('images/commentbg-main.gif') no-repeat top left; height: 26px; margin: 0px 0px 0px 0px; padding: 7px 0px 0px 20px; border: 0px #999999 solid;}
.alt .commentmeta  {background: #FFFFDF url('images/commentbg-alt.gif') no-repeat top left;}

.commenttext p {margin: 0px 20px 20px 20px;}

#footer {
    width:100%;
		height: 98px;
    background: #f4f4d5;
    font-size: 11px;
    margin: 20px 0px 0px 0px;}  

#copyright {width:420px; height: 50px;
  float: left;
  margin: 10px 0px 0px 20px;
}

#counters {width:280px;  height: 63px;
    float: right;
    margin: 10px 20px 0px 0px;
	display: inline;
	text-align: left;
    background: #f4f4d5 url('images/semaphore.gif') no-repeat bottom right;}

#rss {display: inline;}