/*  
Theme Name: The relief in music
Theme URI: http://webhostinggeeks.com
Description: A Wordpress Theme For Your Blog <br> - Designed by <a href="http://webhostinggeeks.com">Web Hosting Geeks</a> 
Author: Web Hosting Geeks
Author URI: http://webhostinggeeks.com
© 2008, Web Hosting Geeks. All rights reserved. 
*/


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

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

body {
   font-family:Tahoma, sans-serif;
   font-size:11px;
   color:#333333;
text-align: center;
   background: #ffffff;
margin: 0px auto;
padding: 0px;
}
   
a {
   color:#fe7e00;
   text-decoration:underline;}
   
a:hover {
   color:#fe7e00;
   text-decoration:underline;}
   
img {
   border:0;}

 
div#container {
margin-left: auto;
margin-right: auto;
   width:850px;
   background:#ffffff url(images/container-bg.jpg) repeat-y;
text-align: left;
}

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

.header-title {
	font-family: Tahoma, Verdana, Arial;
	color:#fe7e00;
	font-size:28px;
        font-weight:bold;
	padding:85px 0 0 200px;
	text-align:left;
	}
.header-title a{
	color:#ff7f00;
	text-decoration:none;
	border-bottom:none;
	}
.header-title a:hover{
	color:#ff7f00;
	text-decoration:none;
	border-bottom:none;
	}
.header-description {
	color:#333333;
	padding:0px 0 0 200px;
	text-align:left;
	}
   
.ad   {
    padding:60px 0 0 180px;   
   text-align:left;
}

   
div#content {
   width:883px;
   padding:10px 8px 0 12px;
   clear:both;}
   
div#left {
   width:510px;
   padding:10px 0px 10px 10px;
   float:left;
   margin-left: 37px;
   display: inline;
}
   
div#right {
   width:223px;
   padding:0px 80px 0px 0px;
   float:right;
}

#comment
{
width: 450px;  
border:1px solid #fc8100;
}  
   
#commentform #author, 
#commentform #email, 
#commentform #url, 
#commentform textarea {
                        background: #ffffff;
                        border: 1px solid #fc8100;
                        color: #444;
                        }

#commentform textarea {
	width: 99%;
}
   
.content_post {
   width:500px;
   float:right;
   margin:0 0 30px 0;}
   
.content_title {
   font-size:18px;
   border-bottom:2px solid #fe7e00;}
   
   .content_title a:link, .content_title a:visited
   {
      text-decoration: none;
      color:#ffffff;
      background: #fe7e00;
      padding: 3px 18px 0px 18px; 
   }
   
.post_info {
   height:20px;}

.content_post_cat {
   color:#333333;
   float:left;}
   
.content_post_comments {
   color:#333333;
   float:right;}
   
   
.box_right_top {
   color:#ffffff;
   font-weight:bold;
   font-size:12px;
   font-family: Tahoma, Verdana, Arial;
   text-align: center;
   letter-spacing: 1px;
   width:212px;
   padding: 4px 0 4px 0;
   margin:10px 0 0 0;
   background: url(images/sidebar-title-bg.jpg) repeat-x ;
}
   
.box_right {
   width:210px;
   margin-bottom: 5px;
   padding-bottom: 3px line-height:15px;
   border:1px solid #da6e02;
   background: #fe7e00;

}
   
.box_right li{margin: 5px 0px 5px 0px;}

 
ul {
   margin:5px; padding:0;
   list-style:none;}
   
li a {
   color:#333333;
   padding:0 0 0 16px;
   font-weight:bold;
   font-size:11px;
   text-decoration:none;
   background:url(images/sidebar-icon.gif) no-repeat;}
   
li a:hover {
   color:#333333;
   padding:0 0 0 16px;
   font-size:11px;
   text-decoration:underline;
   background: url(images/sidebar-icon.gif) no-repeat;}
   
div#footer {
   width:850px;
   height:60px;
   clear:both;
   text-align:center;
   background:url(images/footer.jpg) no-repeat;}
   
div#credit {
   width:850px;
   height:32px;
   color:#333333;
   text-align:center;
margin-left: auto;
margin-right: auto;
   background:url(images/credit.jpg) repeat-x;
}


div#credit a{
   color:#333333;
   font-weight:none;
   font-size:11px;
   text-decoration:none;
}

div#credit a:hover{
   color:#333333;
   font-weight:none;
   font-size:11px;
   text-decoration:underline;
}
   
.wordpress {
   margin:11px 0 0 0;
   float:left;}
   
.rss {
   margin:29px 0 0 0;
   float:right;}
   
/* 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 */