body{
	background:#4f2b1b;
	text-align:center;
	font-family:sans-serif;
	line-height:1.5em;
	color:#7d5c3e;
}

#pageWrap{
background:#fff;
width:1000px;
margin:10px auto;
text-align:left;
}

#pageBody{
padding-top:20px;
}

/***********************

Styles for the header bar

************************/

#header{
text-align:center;
}        

#headerInner{
background:transparent url(../images/rootsBanner.jpg);
padding:10px;
height:170px;
}

#header h1{
margin:20px;
margin-bottom:0px;
}
        

/***********************

Styles for the top menu

************************/

#menu{ 
margin-top:146px;
margin-bottom:2em; 
margin-left:auto;
margin-right:auto;
}

#menu ul{


        list-style:none;
        margin:0px;
        padding:0px;
        }

        #menu ul li{
        float:right;
        padding:0px;
	margin:0px;
        }

	
        #menu li a{
background:#000;
font-family:georgia, times;
font-size:1.6em;
text-decoration:none;
display:block;
padding:4px 30px 4px 30px;
color:#ccc;
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
        }

	#menu li.current a{
		color:#fff;
        	
	}

        #menu li a:hover{
background:#4f2b1b;
color:#fff;
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity:1.0;
opacity:1.0;
        }

#titleBar{
width:950px;
margin:2em auto;
margin-top:0px;
height:216px;
position:relative;
background: transparent;
}

#titleBar h1{
position:absolute;
left:20px;
top:20px;
margin-bottom:0;
padding-bottom:0;
}


#contactInfo{
margin-bottom:30px;
}

.contactTitle{
font-size:1.5em;
margin-bottom:6px;
}

#sideMenu{

}

#sideMenuTitle{
font-size:1.5em;
margin-bottom:6px;
}

/*********************

Styles for the footer

 ********************/


#footer{
background: transparent;
padding-bottom:20px;
margin-top:20px;
}

#footerInner{
text-align:center;
border-top:1px solid #6d6d6d;
width:950px;
margin:0 auto;
}


/***********************
* Paginiation, for blogs
* and tags
************************/

.pagination{
background:#eee;
padding:10px;
border:1px solid #ccc;
border-left:0px;
border-right:0px;
text-align:center;
margin:10px 0px;
}

.pagination a{
border:1px solid #ccc;
padding:3px 8px;
margin:3px;
}

.pagination a:hover{
background:#ccc;
color:black !important;
}


/*************************
* Tag cloud
**************************/

.tag1 {font-size: 1.0em;}
.tag2 {font-size: 1.2em;}
.tag3 {font-size: 1.4em;}
.tag4 {font-size: 1.6em;}
.tag5 {font-size: 1.8em;}
.tag6 {font-size: 2.0em;}

/*********************************
*Coments
**********************************/

.comment{
border-bottom:1px solid #eee;
padding:10px 0px;

}

.comment .author{
float:left;

margin:10px;
}

.comment .author_name{
margin-bottom:10px;
}

.comment .date{
margin-top:10px;
}

.comment .content{

}

/*****************************
* Blog layout
******************************/


.post{
background: transparent url(../images/shadow_line.gif) 0 100% no-repeat;
padding-bottom:30px;
margin-bottom:10px;
}

.post .grav_img{
float:left;
margin-right:10px;
margin-bottom:10px;
}

.post .body{
clear:left;
}

.postInfo h3, .postInfo h5{
border-bottom:0px;
margin:0px;
}

.postInfo .grav_img{
float:left;
margin-right:10px;
margin-bottom:10px;
}

.postBody{
clear:left;
}


/***********************
**Some general form stuff
************************/


ul.form_errors{ 
                border:1px solid red;
                background:#fdd;
                padding:10px;
                padding-left:30px;
                }

.submitted_ok{ 
                border:1px solid green;
                background:#dfd;
                padding:10px;
                padding-left:30px;  
                margin:10px;
 }

input.form_error,textarea.form_error,select.form_error{ 
                  border:2px inset red;
                  background:#fdd;
                  }

            
/*********************
*This allows fluid images
***********************/
img.full{
max-width:100%;
}

table td img.full{
width:100%;
}
            
            
    /***********************
    * Clearfix rules
    ************************/
        .clearfix {
	 display:inline-block;
	}
	.clearfix:after {
	 display:block; 
	 visibility:hidden; 
	 clear:both; 
	 height:0; 
	 content: "."; 
	}

              
              /*Small rule to hide robot decoy elements*/
              .decoyEmail{display:none;}