body {
font-family: 'century gothic', sans;
font-size: 62.5%; /* making 1em = 10px :) */
text-align: center;
margin: 0px;
padding: 0px;
background: url(images/poorest_wood.JPG) repeat center left fixed;
}


#container {
margin: auto;
width: 800px;
color: #052915;
}

#container_home{
position: absolute;
top: 50%;
left: 50%;
margin-left: -300px;
margin-top: -200px;
width: 600px;
color: #052915;
}


#backgroundify{
background: url(/images/margin_strip.jpg) repeat-y center top;
border: 0px solid black;
} 


a{
text-decoration: none;
}

a:link{
color: #913d3d;
}
a:visited{
color: #913d3d;
}
a:hover{
color: #7e7663;
}

.white_border, .PxgImage{
padding: 4px;
border: 1px solid #d9dbda;
}


a img {
border: 0 none;
}

.alignleft{
float: left;
}
.alignright{
float: right;
}

.PxgGalleryInnerTable{
text-align: center;
padding: 7px 2px 7px 2px;
}

.PxgMasterTable{
margin: auto;
}

#proper_image{
margin-left: -15px;
text-align: center;
}

table{
display: inline;
}


.proper_title{
line-height: 150%;
font-size: 150%;
}

.proper_caption{
line-height: 250%;
font-weight: bolder;
}

#breadcrumbs{
font-size: 110%;
}

#nav_next{
float: right;
}

#nav_previous{
float: left;
}


/* BANNER ------------------------------------ */

#banner{
border: 0px solid white;
width: 800px;
height: 156px;
list-style: none;
}
		
	#banner ul{
	margin: 0;
	padding: 0;
	}
	#banner li{
	display: inline; /* IE ONLY Styling */
	}
	#banner a{
	float: left; /* Firefox ONLY styling */
	border: 0px solid black;
	}
	
		#about a{
		width: 193px;
		height: 156px;
		}
		#blog a{
		width: 150px;
		height: 156px;
		}
		#galleries a{
		width: 234px;
		height: 156px;
		}
		#contact a{
		width: 223px;
		height: 156px;
		}
		
	
			#about a:link{
			background: url(/images/about_off.png) no-repeat;
			}
			#about a:visited{
			background: url(/images/about_off.png) no-repeat;
			}
			#about a:hover{
			background: url(/images/about_on.png) no-repeat;
			}
			#about a:link.current{
			background: url(/images/about_on.png) no-repeat;
			}
			#about a:visited.current{
			background: url(/images/about_on.png) no-repeat;
			}
			#about a:hover.current{
			background: url(/images/about_on.png) no-repeat;
			}
		
					/* Replace PNGs with GIFs for IE less than v7 */					
					*html #about a:link{
					background: url(/images/about_off.gif) no-repeat;
					}
					*html #about a:visited{
					background: url(/images/about_off.gif) no-repeat;
					}
					*html #about a:hover{
					background: url(/images/about_on.gif) no-repeat;
					}
					*html #about a:link.current{
					background: url(/images/about_on.gif) no-repeat;
					}
					*html #about a:visited.current{
					background: url(/images/about_on.gif) no-repeat;
					}
					*html #about a:hover.current{
					background: url(/images/about_on.gif) no-repeat;
					}
			
			
			#blog a:link{
			background: url(/images/blog_off.jpg) no-repeat;
			}
			#blog a:visited{
			background: url(/images/blog_off.jpg) no-repeat;
			}
			#blog a:hover{
			background: url(/images/blog_on.jpg) no-repeat;
			}
			#blog a:link.current{
			background: url(/images/blog_on.jpg) no-repeat;
			}
			#blog a:visited.current{
			background: url(/images/blog_on.jpg) no-repeat;
			}
			#blog a:hover.current{
			background: url(/images/blog_on.jpg) no-repeat;
			}
				
			
			#galleries a:link{
			background: url(/images/galleries_off.jpg) no-repeat;
			}
			#galleries a:visited{
			background: url(/images/galleries_off.jpg) no-repeat;
			}
			#galleries a:hover{
			background: url(/images/galleries_on.jpg) no-repeat;
			}
			#galleries a.current{
			background: url(/images/galleries_on.jpg) no-repeat;
			}	
			#galleries a:link.current{
			background: url(/images/galleries_on.jpg) no-repeat;
			}
			#galleries a:visited.current{
			background: url(/images/galleries_on.jpg) no-repeat;
			}
			#galleries a:hover.current{
			background: url(/images/galleries_on.jpg) no-repeat;
			}
			
			#contact a:link{
			background: url(/images/contact_off.png) no-repeat;
			}
			#contact a:visited{
			background: url(/images/contact_off.png) no-repeat;
			}
			#contact a:hover{
			background: url(/images/contact_on.png) no-repeat;
			}
			#contact a:link.current{
			background: url(/images/contact_on.png) no-repeat;
			}
			#contact a:visited.current{
			background: url(/images/contact_on.png) no-repeat;
			}
			#contact a:hover.current{
			background: url(/images/contact_on.png) no-repeat;
			}
			
			
					/* Replace PNGs with GIFs for IE less than v7 */
					*html #contact a:link{
					background: url(/images/contact_off.gif) no-repeat;
					}
					*html #contact a:visited{
					background: url(/images/contact_off.gif) no-repeat;
					}
					*html #contact a:hover{
					background: url(/images/contact_on.gif) no-repeat;
					}
					*html #contact a:link.current{
					background: url(/images/contact_on.gif) no-repeat;
					}
					*html #contact a:visited.current{
					background: url(/images/contact_on.gif) no-repeat;
					}
					*html #contact a:hover.current{
					background: url(/images/contact_on.gif) no-repeat;
					}
			
			
			
/* CONTENT ------------------------ */

#home_image{
margin: 40px 36px 38px 34px;
}
	
input, textarea{
background: #d9dbda;
border: 1px solid #052915;
padding: 3px;
}

#s{ /* the search query box */
position: relative;
margin: 0px;
padding: 3px;
}

#searchsubmit{
width: 30px;
height: 35px;
border: 0px;
background: url(/images/nb_search.jpg) no-repeat;
padding: 10px 0px 10px 0px;
position: relative;
top: 5px;
left: 5px;
}

#content, #my_content{ /* The stuff they share (They do do the same job after all) */
font-size: 1.35em;
text-align: justify;
}

#my_content{ /* Content without blog sidebar (home, galleries, etc) */
width: 700px;
border: 0px solid white;
padding: 2px 50px 30px 50px;
}

	.home_piece{
	float: right;
	margin: 0px 0px 15px 20px;	
	}
	.home_piece small{
	display: block;
	text-align: center;
	}

#content{ /* This is actually the blog's content div */
float: left;
width: 500px; /* !!PLUS the 75px from padding makes 575px!!*/
padding: 2px 25px 30px 50px;
border: 0px solid white;
overflow: hidden;
}

	#content h1{
	font-size: 1.8em;
	}
	#content h2{
	font-size: 1.6em;
	}
	#content h3{
	font-size: 1.3em;
	}
	
	#content.widecolumn{
	float: none;
	width: 700px;
	padding: 5px 50px 5px 50px;
	}
	#content.narrowcolumn{
	border-right: 0px solid #d9dbda;
	}
	.navigation{
	border: 0px solid black;
	padding: 0px;
	}
	.post{
	padding-top: 2px;
	padding-bottom: 8px;
	}
	
	.post h2, .post h3{
	font-family: serif;
	border-top: 1px solid #d9dbda;
	border-bottom: 1px solid #d9dbda;
	}
	.my_postmetadata{
	font-size: 0.8em;
	text-align: right;
	font-style: italic;
	}
	
#sidebar{
float: right;
border: 0px solid white;
padding: 10px 40px 0px 5px;
width: 170px;
text-align: left;
}
	#sidebar a{
	font-size: 1.25em;
	}	
	#sidebar ul{
	margin: 0px;
	padding: 0px;
	}	
	#sidebar li{
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	list-style-type: none;
	}
	#sidebar h2{
	padding-left: -15px; /* counteracts the +10px applied by the li */
	padding-top: 20px;
	padding-bottom: 5px;
	margin: 0px;
	}	
	#sidebar h1, #sidebar h2, #sidebar h3{
	font-size: 1.5em;
	}	
	
#content p, #my_content p, blockquote{
letter-spacing: 120%;
line-height: 160%;
}

#gallery_wrapper{
margin: 45px 30px 0px 25px;
}

	.gallery_portal{
	float: left;
	text-align: center;
	margin: 25px;
	font-size: 130%;
	}


/* BORDERS ------------------------------------------------------*/


#content_for_ledge{
width: 800px;
background: url(/images/tree_edge_left.png) repeat-y left top;
}
#content_for_redge{
width: 800px;
background: url(/images/tree_edge_right.png) repeat-y right top;
}	

/* Styling for IE browsers less than v7, cos they don't support PNGs*/
*html #content_for_ledge{
width: 800px;
background: url(/images/tree_edge_left.gif) repeat-y left top;
}
*html #content_for_redge{
width: 800px;
background: url(/images/tree_edge_right.gif) repeat-y right top;
}	
/* --------------- */



/* FOOTER TYPE STUFF ------------------------------------------- */

.clear_both{
display: none;
clear: both;
}


#footer_text{
padding: 0px 40px 125px 40px;
}

#left_foot{
float: left;
}

#right_foot{
margin-top: 35px;
float: right;
}


#footer_image{
background: url(/images/bottom.jpg) no-repeat center bottom;
border: 0px solid black;
}

/* THE END THE END THE END THE END THE END THE END THE END THE END */