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

	Title: CSS
	Author: Hiram Hibbard, Diamond Valley Web Design
	Date: 1/23/2009 

**************************************************************************************************************

	1. Global Reset
	
	2. HTML
	
	3. Layout
		3.1 Header
		3.2 Content
		3.3 Footer
		
	4. Classes
	
	5. Page-Specific
		
**************************************************************************************************************
**************************************************************************************************************/


/* 1. Global Reset
**************************************************************************************************************
**************************************************************************************************************/	

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,fieldset,form,label,legend,
table,caption,strong,tbody,tfoot,thead,tr,th,td 
{margin:0 auto;	padding:0; border:0; font-size:100%; line-height:1; font-family:inherit; text-align:left;}

table {border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}


/* 2. HTML
**************************************************************************************************************
**************************************************************************************************************/	

body {background:url(images/background.jpg) top repeat-x #35291D; font:14px Georgia, "Times New Roman", Times, serif; text-align:center; color:#000;}
a, a:visited {color:#793C1A; text-decoration:underline;}
a:hover {color:#AA812B;}
p, p em {line-height:18px; margin:0 auto; padding:10px 0; font-size:14px;}
h2, h3, h4 {font-weight:bold; margin:0 auto; padding:0;}
h2 {font-size:22px;}
h3 {font-size:20px;}
h4 {font-size:16px; padding:10px 0;}
ul {margin:0 auto; padding:0;}



/* 3. Layout
**************************************************************************************************************
**************************************************************************************************************/	

#wrap {width:1010px;}


/* 3.1 Header
**************************************************************************************************************/

#banner {background:url(images/banner.png) bottom left no-repeat; width:1010px; height:145px; overflow:hidden; clear:both;}
h1#logo a {background:url(images/logo_h.png) top left no-repeat; width:255px; height:142px; text-indent:-999px; overflow:hidden; float:left; display:inline; margin-top:0;}
p.bannerBlurb {position:absolute; top:40px;; left:50%; color:#E4C47C; margin-left:200px;}

ul#navigation {text-align:right; float:right; display:inline; margin:0 auto; padding:0; font-size:15px; text-transform:uppercase; margin:90px 80px 0 0;}
	ul#navigation li {display:inline; list-style:none; margin:0 auto; padding:0 0px; font-size:13px;}
		ul#navigation li a, ul#navigation li a {color:#000; text-decoration:none; line-height:20px;}
			ul#navigation li a:hover {border:1px solid #000; border-width:1px 0;}
	

/* 3.2 Content
**************************************************************************************************************/

#content {background:url(images/content_bgd.png) repeat-y; width:1010px; clear:both; overflow:hidden;}
	#content ul {margin:0 10px; padding:0 30px;}
		#content ul li {padding:5px 0; line-height:18px;}
#innerWrap {background:url(images/quotebox.png); width:1010px; background:url(images/quotebox.png) top right no-repeat; margin-top:10px;}
		
#leftCol {width:460px; float:left; display:inline; margin:0 auto; margin-left:50px;}
.videoPost {width:460px; float:left; display:inline; clear:both; margin-bottom:50px;}
p.videoWrap {background:url(images/tempvideo.jpg) top left no-repeat; margin:0 auto; padding:8px;}
.post {clear:both;}

#rightCol {width:400px; height:auto; float:right; display:inline; margin:0 auto;}


.quoteBox {width:400px; height:436px; float:right; display:inline; margin-top:10px; clear:both; overflow:hidden;}
	.quoteBox p {text-align:center; margin:15px 90px 0 auto; line-height:40px; font-size:18px;}
		.quoteBox p em {line-height:40px; font-size:16px;}

.tagsBox {background:url(images/tags_bgd.png) top right no-repeat; width:345px; height:371px; clear:both; margin-right:60px;}
	.tagsBox p {margin-top:90px;}
	.tagsBox a.getinvolvedLink {margin:90px 0 0 110px; width:190px; height:94px; display:block; text-indent:-9999px; outline:none;}
		.tagsBox a.getinvolvedLink:hover {background:url(images/getinvolved.jpg) 10px 18px no-repeat;}
	.tagsBox a.contributeLink {margin:5px 0 0 90px; width:190px; height:100px; display:block; text-indent:-9999px; outline:none;}
		.tagsBox a.contributeLink:hover {background:url(images/contribute.jpg) 10px 6px no-repeat;}


/* 3.3 Footer
**************************************************************************************************************/

#footer {background:url(images/footer.png) no-repeat; width:1010px; height:90px; clear:both; overflow:hidden; margin-bottom:30px;}
	#footer a:hover {color:#000;}
	#footer p {float:left; display:inline; margin-top:45px;}
		#footer p.copyRight {margin-left:90px;}
		#footer p.footNav {margin-left:180px;}
		#footer p.siteDesign {float:right; margin-right:90px;}


/* 4. Classes
**************************************************************************************************************
**************************************************************************************************************/	

.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.floatLeft {float:left; display:inline;}
.floatRight {float:right; display:inline;}
	.floatRight img {margin-left:10px;}
	.floatLeft img {margin-right:10px;}


/* 5. Page Specific
**************************************************************************************************************
**************************************************************************************************************/

body.blog #innerWrap, body.page-template-testimonialspage-php #innerWrap {background:none;}
#sidebar {float:left; display:inline;}
#sidebar li {font-size:14px;}
.archive #leftCol, .blog #leftCol {width:600px;}
.archive #rightCol, .blog #rightCol {width:300px;}
.page-template-testimonialspage-php #rightCol {width:450px; float:left; display:inline; margin:0 0 0 40px;}