body{
	background:#FFFFFF url(../images/body_bg.jpg) repeat-x top left;
	color: #656565;
	}
/*/////////////////////////// OVERALL STYLES ////////////////////////////////////////////////////////*/	
h1 a:link, h1 a:visited,h2 a:link, h2 a:visited{ 
	color:#448ECF;
	}
div#accessibility {
position: absolute;
top: -10000px;
}
p.postedby{
color:#305A84;
}	
/*/////////////////////////// CONTAINER STYLES ////////////////////////////////////////////////////////*/	
div#container{
	width:785px;
	margin:0 auto;
	position:relative;
	line-height:19px;
	}

/*/////////////////////////// HEADER STYLES ////////////////////////////////////////////////////////*/	
div#header{
	height:178px;
	margin:0;
	padding-left:10px;
	/*background:url(../images/logo.jpg) no-repeat bottom left;*/
	color: #79B30B;
	margin:0 0 25px 0;
	}
div#header h1 {
color: #FADB79;
text-decoration:none;
margin:0;
padding:30px;
}
div#inner_header{
/*
background:#569FDF url(../images/sidebar_bg_pattern.gif) repeat-x top left; */
background-color:transparent;
width:auto;
height:auto;
position:absolute;
top:0;
left:15px;
padding:0 0 0 8px;

border-left:solid #5E98C8 7px;
border-right:solid #5E98C8 7px;
border-bottom:solid #5E98C8 7px;

}

/*/////////////////////////// CONTENT STYLES ////////////////////////////////////////////////////////*/	
div#content{
	font-size:1.2em;
	float:right;
	margin:0 0 0 0;
	padding:0 13px 8px 8px;
	width:550px;
	overflow:hidden;
	}
div.post{
padding:10px 0 0px 0;
margin:0 0 0 0;
border-bottom:#999999 solid 0px;
}
div#content h2 a:link, div#content h2 a:visited{
text-decoration:none;
padding:2px 3px 2px 3px;
color: #3F8ED6;
background-color:transparent;/*#FADB79;*/
}
div.non_post_pages h2{
color:#2274BF;
}
div.post p.postedby{
color:#2274BF;
background-color:#FDEAA0;/*#FADB79*/
padding:0 8px 0 8px;
}

/*/////////////////////////// SIDEBAR STYLES ////////////////////////////////////////////////////////*/	
div#sidebar{
	font-size:1.2em;
	position:relative;
	float:left;
	width:175px;
margin:2px 0 0 0;
	padding:10px;
	background:url(../images/sidebar_bg_top.gif) no-repeat top left;
	}
	div#sidebar ul{
		width:100%;
		margin:0;
		padding:0;
		}
		div#sidebar ul li, div#sidebar p{
			margin:0 0 5px 0;	
			padding:0;
			height:1%;
			}
			div#sidebar ul li a:link, div#sidebar ul li a:visited,div#sidebar ul li a:active, div#sidebar p{
				display:block;
				width:inherit;
				padding:0 0 0 10px;
				margin:0;
				background-color:transparent;
				color: white;
				text-decoration:none;
				height:1%;
				}
				div#sidebar ul li a:hover{
						display:block;
						color: Blue;
						width:auto;
						background:#FADB79;
						}
						div#sidebar_footer{
							background: transparent url(../images/sidebar_bg_bottom.gif) no-repeat bottom left;
							height:61px;
							width:202px;
							margin:-33px 0 0 -9px;
							}
							div#sidebar_content{
								position:relative;
								z-index:100;	
								background:#569FDF url(../images/sidebar_bg_pattern.gif) repeat-x top  left;
								width:163px;
								margin:15px 0 0 10px;
								padding:8px 0 5px 0;
								}
								div#sidebar_content h3{
									color: #FADB79;
									margin:0;
									padding:0 0 0 10px;
									background: url(../images/sidebar_header_bg.gif) repeat-x top left;
								}
						
/*/////////////////////////// NAVIGATION STYLES ////////////////////////////////////////////////////////*/							
div#nav{
	float:right;
	margin:-55px 0 0 0 ;
	width:auto; /*30.3em;This is the width fo the entire div contaning the UL list, which its parent is the browser window
	so it scales to the width of its parent in this case 100%*/
	padding:0 20px 0 0 ;
	background-color:transparent;
	font-size:1.4em;
	color:white;
	}
	div#nav ul{
		margin:0;
		padding:0 0 0 0;/*Read Below for Height*/
		width:100%;
		height:30px;/*The height is actually 78px which is the height of the background image but
		since we added padding its going to add to the height in that case we subtract 78 - 31 = 74 | ""some browsers have some rounding errors so might be a pixel off or so"" |for the top padding to bring
		the list down from the top 31 is the height of acrually ul list but like i said once we added padding its going to make the height grow
		bigger and we dont the distrub what ever content is below this list, then it will be pushed down.*/
		}
		div#nav ul li{
			float:right;/*left*/
			width:auto;/*This is set to auto becuase we might have a long text link*/
			margin:0;
			padding:0;
			}
			div#nav ul li a{
   			float:left;
				background: url(../images/left_orange_blue.gif) no-repeat top left;
				margin:0 1px 0 0;/*This margin lets the links breath in a way gives them each a 1px
				right padding to give them some clearance*/
				padding:0 0 0 9px;/*This padding pushes the left BG image to it can be reveled and pushes the text away from the left edge*/
				display:block;
				height:30px;/*the height of 1 item*/
				width:auto;/*This widht is auto same as the LI item becuase our links my be longer then some*/
				text-decoration:none;
				}
				div#nav ul li a span{
					float:none;/*taking this off fixes opera from shiffting the navigation*/
					display:block;
					background: transparent url(../images/right_orange_blue.gif) no-repeat top right;
					padding:0 12px 0 0;
					font-weight:bold;
					line-height:19px;
					color:white;
					height:30px;/*the height of 1 item*/
					}
					div#nav a:hover{
						background-position:0% -40px;
						cursor: pointer;
						}
						div#nav a:hover span{
							background-position:100% -40px;
							color: #926B36;
							cursor: pointer;
							}
body#home li.selected a,body#about li.selected a,body#contact li.selected a{
    background-position:0% -40px;
	}
body#home li.selected a span,body#about li.selected a span,body#contact li.selected a span{
    background-position:100% -40px;
	 color: #926B36;
	}							
/*/////////////////////////// FOOTER STYLES ////////////////////////////////////////////////////////*/
div#footer{
	clear:both;
	width:100%;
	/*background:#569FDF url(../images/sidebar_bg_pattern.gif) repeat-x top  left;
	background-position:3% -40px;*/
border-top:#cccccc solid 1px;
border-left:#cccccc solid 1px;
border-right:#cccccc solid 1px;
	color: #3F8ED6;
	margin:30px 0 5px 0;
	}
div#footer p{
	margin:0;	
	padding:3px 15px;
	}
div#footer p a:link, div#footer p a:visited{
color: #3F8ED6;
}
/*/////////////////////////////////////////////////////*/	
div.comments_wrapper{
background:#569FDF url(../images/sidebar_bg_pattern.gif) repeat-x top left; 
color:white;
padding:5px 0 5px 8px;
margin:0;
}
div.comments_wrapper a:link, div.comments_wrapper a:visited{
color:yellow;/*#FADB79;*/
}
div.other_posts{
background-color:#569FDF;
color:#305A84;
padding:5px 0 5px 8px;
}
ol.comments li{
/*background-color:#D5DDE7;#FADB79;*/
padding:0 0 0 8px;
border-bottom:white solid 2px;
color:white; /*#926B36;*/
margin:0 0 5px -8px;
}
table{
margin:22px 0 10px 0;
}
/*//////////////////////// FEEDBACK STYLES //////////////////////*/	
div#feedback ul.errors li{
color:red;
}
div#feedback p.thanks{
color: white;
background-color:green;
padding:0 0 0 4px;
}
/*//////////////////////// CLASS STYLES //////////////////////*/
span.comments_invite{
border-left:solid #3F8ED6 1px;
padding:0 0 0 16px;
margin:0 0 0 15px;
position:relative;
top:0;
left:0;
display:inline;
width:200px;
}
.comments_invite a:link{
color:#3F8ED6;
}