/*  
Theme Name: petrenko orange
Theme URI: http://petrenko.cc/
Description: The default petrenko.cc theme
Version: 1.1
Author: petrenko.cc
Author URI: http://petrenko.cc/

*/



/* Begin Typography & Colors */

 * {margin:0px; padding: 0px; }
li {list-style: none;} 
ul, .linkcat{padding-left:0px; margin-left:0px;} 

body {
    /*background: #FFFFFF url('images/overall_bg.gif') repeat-x bottom ;*/
    font-family: Verdana, Tahoma, Arial;}

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

#page{
    width:980px;
    margin: 0px auto 0px auto;
    border: 0px;
    padding: 0px;
    background: #FFFFFF url('images/footer_bg.gif') no-repeat bottom left ;}

#header{
		width:100%;
		height: 80px;}

#headerban {
    width: 620px;
    height: 60px;
    float:left;
	padding: 10px 0px 10px 30px;}

#headerhead {
    width: 300px;
    height: 80px;
    float:right;
    background: #FFFFFF url('images/header-bg.png') no-repeat top left;}
    
#menu_top{
		width:100%;
		height: 25px;
    background: #FFFFFF;
    margin: 5px 0px 5px 0px;
	text-align: right;}

#content {
    width: 670px;
    float:left;}
    
#sidebar {
    width: 300px;
    float:right;
    }

.500px {width:500px;align: center;}
.700px {width:700px;}
.800px {width:800px;}
.900px {width:900px;}

#footer {
    height: 50px;
    padding: 10px 20px 10px 20px;
    font-size: 10px;}

    
.datetime {
    width: 64px;
    height: 85px;
    float:left;
    background: #FFFFFF url('images/date-time-bg.gif') no-repeat top left;
    margin: 0px 10px 10px 0px;
}

.year, .month, .day {
    width: 64px;
    text-align:center;
    margin: 0px 0px 0px 0px;}
    
.year {
    height: 14px;
    font-size: 11px;
    color: #3ACFF4;
}

.day {
    height: 34px;
    font-size: 29px;
    color: #FFFFFF;
}

.month {
    height: 16px;
    font-size: 12px;
    text-transform: uppercase;
    color: #FFFFFF;
}

h1 a {
    font-size: 20px;
    color: #515151;
    font-weight: lighter;
    text-decoration: none;
}

.postmeta {
    width: 594px;    
    margin: 0px 0px 10px 0px;
    float: right;
    height: 85px;
    border: 0px solid #FF0000;}
    
.post-single .postmeta {
    width: 900px; }

.posttitle {
    width: 594px;    
    margin: 0px 0px 0px 0px;
    height: 65px;
    border: 0px solid #FF0000;}

.post-single .posttitle {
    width: 900px; }
    
.postinfo {
    width: 590px;    
    margin: 0px 0px 0px 0px;
    height: 20px;
    border: 0px solid #FF0000;
    font-size: 11px;
    color: #b6b6b6;}
    
.post-single .postinfo {
    width: 900px; }
    
.postinfo2 {    
    text-align: right;
    margin: 0px 0px 20px 0px;
    font-size: 11px;
    color: #b6b6b6;}

.postinfo a, .postinfo2 a  {
    color: #515151;}    
    

.entry {    
    margin: 0px 0px 0px 0px;
    font-size: 12px;}

.post-heading {margin: 0px 0px 10px 0px;}

.readon {width: 100%;
    height: 20px;
    font-size: 10px;
    text-decoration: none;
    color: #FFFFFF;
    text-align: right;
    border: 0px solid #FF0000;
    }
    
.readon a {
    font-size: 10px;
    text-decoration: none;
    color: #FFFFFF;
    display: block;
    border: 0px solid #FF0000;
    width:60px;
    float: right;
    height: 20px;
    padding: 16px 0px 0px 0px;
    background: url('images/readon_bg.gif') no-repeat top right;
    }

/*-----------------sidebar stuff ---------------*/
#tags {width:300px;
   min-height: 250px;
  background: #ffffff url('images/tagcloud-bg.png') no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/tagcloud-bg.png);}
  
#tags h2 {
    color:#FFFFFF;
    font-size: 20px;
    font-weight: lighter;
    padding: 5px 0px 10px 90px;
    width: 200px;}
  
#sidebar li {list-style: none; text-indent: 0px;}
#sidebar a {color: #515151; text-decoration: none;}

#blogroll, #meta {width: 145px; min-height:200px; font-size: 10px;}

#blogroll   {float: right;}
#meta       {float: left;}

#meta h2{
    background: #ffffff url('images/meta-bg.png') no-repeat top left;}

#blogroll h2{
    background: #ffffff url('images/blogroll-bg.png') no-repeat top left;}

#meta h2, #blogroll h2 {
  color:#FFFFFF;
  font-size: 20px;
  font-weight: lighter;
  padding: 5px 0px 10px 50px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #FF0000;
  #float:left;
  width: 110px;
  height: 30px;
  _width: 80px;
  clear: both !important;}


#sidebar ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#sidebar ul li{
	padding: 0px;
}


#sidebar ul ul{
	padding: 0px;
	line-height: 22px;
}

#sidebar ul ul li{
	padding: 4px 0 0 3px;
	border-bottom: 1px solid #eee;
}

#sidebar ul ul ul{
	padding: 0px;
}

#sidebar ul ul ul li{
	padding: 0px;
	border: 0px;
}

#categories{font-size: 12px;}

#categories h2 {
    color:#FFFFFF;
    font-size: 20px;
    font-weight: lighter;
    padding: 5px 0px 10px 90px;
    height: 30px;
    background: #ffffff url('images/categories-bg.png') no-repeat top left;}



#aside {width: 350px; float: left;}
#aside h2 {font-size: 20px;}
#adsense {width: 340px; height: 290px; background: #ffffff url('images/adsensebg.png') no-repeat bottom right; margin: 20px 0 20px 0;}
#adsensewrapper {padding: 0px 0px 0px 0px;}

#commentform {width: 620px; float: right;}

.allowedtags {display: block;
    font-size: 11px;
    color: #999999;
    margin: 20px 0px 20px 0px;}           

         
#author-info {color: #333333;
        font-size: 12px;
        text-align: justify;
        margin: 0px 0px 10px;
		min-height: 90px;}
        
#author-info img {float: left;
        margin: 0px 20px 10px 0px;}
            
textarea {width: 590px;
    margin: 10px;}
    
input, textarea {
    border: 1px #cccccc solid;
    background: #eeeeee;
    margin: 5px 0px 0px 15px;
    }
.commentlist{
    border: 0px #cccccc solid;
    background: #FFFFFF;
    margin: 5px 0px 0px 15px;
    }
.commentmeta, .commentmetaalt {height: 33px;
    width: 600px;
    padding: 10px 0px 0px 10px;
    font-size: 12px;
    color: #333333;
    background: #FFFFFF url('images/commentmetabg.png') no-repeat top left;}

.commentmetaalt {
    background: #FFFFFF url('images/commentmetaaltbg.png') no-repeat top left;}

.commentmeta a, .commentmetaalt a {
    color: #333333;}
    
.comment-in {padding: 0px 50px 20px 30px;
    text-align: justify;
    font-size: 13px;}