/*
Theme name: Webraster
*/

cite a:link, cite a:visited
{
  color:           #828281;
}

.commentlist a, .commentlist a:hover
{
  background:      none;
}

body {
  font-family:     Tahoma, sans-serif;
  font-size:       11px;
  color:           #828281;
  text-align:      center;
  background:      url(images/background.jpg);
  margin:          0px auto;
  padding:         0px;
}
   
.pagetitle {
  font-family:     Tahoma, Verdana, Arial;
  color:           #de7500;
  font-size:       18px;
  text-align:      center;
}

a {
  color:           #de7500;
  text-decoration: none;
}
   
a:hover {
  color:           #ec9433;
  text-decoration: none;
}
   
img {
   padding:        4px;
   border:         1px solid #4e4e4e;
   background:     #474747;
}
 
div#container {
  margin-left:     auto;
  margin-right:    auto;
  width:           960px;
  background:      #080808 url(images/container-bg.jpg) repeat-y;
  text-align:      left; 
  border-left:     1px solid #010101;
  border-right:    1px solid #010101;
}

   
   
#header {
   width:          960px;
   height:         300px;
   background:     #080808 url(images/header.jpg) no-repeat;
   float:          right;
}

.header-title {
  font-family:     Tahoma, Verdana, Arial;
  color:           #de7500;
  font-size:       30px;
  padding:         118px 0 0 88px;
  text-align:      left;
}

.header-title a{
  color:           #de7500;
  text-decoration: none;
  border-bottom:   none;
}

.header-title a:hover{
  color:           #ec9433;
  text-decoration: none;
  border-bottom:   none;
}

.header-description {
  color:           #a4a4a4;
  padding:         3px 0 0 88px;
  text-align:      left;
}
   
div#content {
  width:           960px;
  padding:         0px;
  margin:          0px auto;
  display:         inline;
}
   
div#left {
  width:           655px;
  margin:          0 6px 0 14px;
  float:           left;
  display:         inline;
  background:      #373737; 
  border:          1px solid #404040; 
}
   
div#right {
  width:           272px;
  float:           right;
  padding:         0 8px 0 0px;
  margin:          0px auto;
  display:         inline;
}

#comment {
  width:           615px;  
  border:          1px solid #cccccc;
}  
   
#commentform #author, 
#commentform #email, 
#commentform #url, 
#commentform textarea { 
  padding:         0px 3px 0px 3px;
  background:      #474747;
  color:           #8e8e8e;
  border:          #474747 1px solid;
}

#commentform #submit {
	margin:0;
	float:left;
        background: url(images/submit-bg.jpg);
        color: #444;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 3px;
        height: 20px;
	}
   
.content_post {
   width:635px;
   float:right;
   padding:0 10px 5px 10px;
   margin: 0px;}

.content_post img {
  float: left;
  margin-right: 10px;
}
   
.content_title {
   font-size:17px;
   border-bottom:1px solid #4e4e4e;
      margin-top: 20px;
      margin-bottom: 3px;
      padding-bottom: 2px;}
   
   .content_title a:link, .content_title a:visited
   {
      text-decoration: none;
      color:#e1e1e1;
      margin-top: 20px;
   }
   
.post_info {
   height: 16px;
   padding: 3px 10px 3px 10px;
   background: #474747;
   border-bottom:1px solid #4e4e4e;
   border-top:1px solid #4e4e4e;}

.content_post_cat {
   color:#8e8e8e;
   float:left;}
   
.content_post_comments {
   color:#8e8e8e;
   float:right;}
   
.spacer {   padding: 0px;
            text-align: right;
            clear: both;
            text-transform: lowercase;
            padding-top: 11px;
            border-bottom:1px solid #4e4e4e;
            }
   
.box_right_top {
   color:#e1e1e1;
   font-size:17px;
   letter-spacing: 1px;
   text-align: center;
   width:266px;
   margin:0px;
   height: 23px;
   background: url(images/box-right-top-bg.jpg) no-repeat;
}
   
.box_right {
   width: 264px;
   background: #1f1f1f;
   margin-bottom: 15px;
   padding-bottom: 3px;
   line-height:15px;
   border-top:5px solid #1f1f1f;
   border-bottom:5px solid #1f1f1f;
   border-left:1px solid #1f1f1f;
   border-right:1px solid #1f1f1f;

}
   
.box_right li{margin: 5px 0px 5px 0px;}
   
ul {
   margin:5px 10px 5px 10px; 
   padding:0;
   list-style:none;}
   
li a {
   color:#de7500;
   padding:0 0 0 20px;
   background:url(images/box-right-icon.gif) no-repeat;
   text-decoration: none;}
   
li a:hover {
   color:#ec9433;
   padding:0 0 0 20px;
   background: url(images/box-right-icon-hover.gif) no-repeat;
   text-decoration: none;}
   
div#footer {
   width:960px;
   height:38px;
   clear:both;
   text-align:center;
   background:url(images/footer.jpg) no-repeat;
   line-height:38px;
   margin-top:10px;
   padding-top:5px;
}

#footer p {
   color: #828281;
   text-decoration: none;
   text-align:center;
   padding-top: 16px;
}

#footer a, #footer a:visited {
  color: #828281;
  text-decoration: none;
}
#footer a:hover, #footer a:visited:hover {
  color: #828281;
  text-decoration: underline;
}
   

.alignleft {
  display        : block;
  float          : left;
  padding-bottom : 3px;
}
   
.alignright {
  display        : block;
  float          : right;
  padding-bottom : 3px;
}
   
/* forms
----------------------------------------------- */
form {
   margin:0; padding:0;}
   
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div.tag_cloud {
   text-align: center;
   width: 256px;
   background: #1f1f1f;
   border-top:5px solid #1f1f1f;
   border-bottom:5px solid #1f1f1f;
   border-left:5px solid #1f1f1f;
   border-right:5px solid #1f1f1f;
   margin-bottom: 10px;
}