/* basic styles awildernessvoice.com */

html, body {
	margin: 0;
	padding: 0;
}

/* this forces Firefox to always have a side scrollbar */
html {
	height: 100%; 
	margin-bottom: 1px;
}

body {
	padding-bottom: 10px;
	background: #89a;
	color: #000;
	font: 0.9em/1.5em Arial, Helvetica, sans-serif;
	letter-spacing: 0.06em;
	}

/* body classes --------------------------------------- */

/* body.hpage { background: #777 url(bg_body-home.gif) left 200px fixed repeat-x; } */
body.hpage { background: #89a url(bg_body-grad.gif) left bottom fixed repeat-x; }

body.hpage #header { height: 300px;  }
body.hpage #header img.title { margin: 150px 40px 0 0; }
body.hpage #header h3 { margin-left: 60px; color: #9ab; padding-left: 36px; background: transparent url(leaf.gif) left 40% no-repeat; }
body.hpage #header p { color: #eee; }

/* top level pages photo headers ------------------ */

body.home #header { background: #333 url(head_photo-cataldo1.jpg) 0 0 no-repeat; }
body.book #header { background: #5A61A5 url(head_photo-sunset2.jpg) 0 0 no-repeat; }
body.audio #header { background: #DCFFFF url(head_photo-cda.jpg) 0 0 no-repeat; }
body.sbook #header { background: #5A61A5 url(head_photo-river.jpg) 0 0 no-repeat; }
body.links #header { background: #EAF3FA url(head_photo-wolflodge.jpg) 0 0 no-repeat; }
body.font #header { background: #EAF3FA url(head_photo-hills.jpg) 0 0 no-repeat; }
body.quote #header { background: #333 url(head_photo-arrowpt.jpg) 0 0 no-repeat; }
body.poetry #header { background: #333 url(head_photo-hills2.jpg) 0 0 no-repeat; }
body.contact #header { background: #333 url(head_photo-lake.jpg) 0 0 no-repeat; }
body.mailing #header { background: #333 url(head_photo-bernard.jpg) 0 0 no-repeat; }
body.copyright #header { background: #333 url(head_photo-sunset.jpg) 0 0 no-repeat; }
body.clark #header { background: #333 url(head_photo-slew.jpg) 0 0 no-repeat; }
body.davis #header { background: #333 url(head_photo-cataldo2.jpg) 0 0 no-repeat; }



/* body backgrounds -------------------------------------- */

body.pat-grey-01 { background: #333 url(pat_grey-01.gif); }
body.pat-grey-02 { background: #333 url(pat_grey-02.gif); }
body.pat-grey-03 { background: #333 url(pat_grey-03.gif); }
body.pat-grey-04 { background: #333 url(pat_grey-04.gif); }
body.pat-beige-01 { background: #89a url(pat_beige-01.gif); }
body.pat-beige-02 { background: #89a url(pat_beige-02.gif); }
body.pat-brown-01 { background: #89a url(pat_brown-01.gif); }
body.pat-brown-02 { background: #89a url(pat_brown-02.gif); }
body.pat-brown-04 { background: #89a url(pat_brown-04.gif); }
body.pat-blue-01 { background: #89a url(pat_blue-01.gif); }
body.pat-blue-02 { background: #89a url(pat_blue-02.gif); }
body.pat-green-01 { background: #333 url(pat_green-01.gif); }
body.pat-green-02 { background: #333 url(pat_green-02.gif); }
body.pat-green-03 { background: #333 url(pat_green-03.gif); }
body.pat-red-01 { background: #89a url(pat_red-01.gif); }

body.grad-grey-01 { 	background: #777 url(grad_grey-01.gif) left bottom fixed repeat-x; }
body.grad-grey-02 { 	background: #333 url(grad_grey-01.gif) left top fixed repeat-x; }
body.grad-grey-03 { 	background: #333 url(grad_grey-02.gif) left bottom fixed repeat-x; }
body.grad-grey-04 { 	background: #777 url(grad_grey-02.gif) left top fixed repeat-x; }
body.grad-blue-01 { 	background: #5c6673 url(grad_blue-01.gif) left top fixed repeat-x; }
body.grad-sky-01 { 	background: #9d9d9c url(grad_sky-01.gif) left top fixed repeat-x; }
body.grad-sky-02 { 	background: #AEACAD url(grad_sky-01.gif) left bottom fixed repeat-x; }
body.grad-sky-03 { 	background: #424F5C url(grad_sky-02.gif) left top fixed repeat-x; }
body.grad-sky-04 { 	background: #99A3A0 url(grad_sky-02.gif) left bottom fixed repeat-x; }
body.grad-sky-05 { 	background: #929899 url(grad_sky-03.gif) left top fixed repeat-x; }
body.grad-sky-06 { 	background: #596A81 url(grad_sky-03.gif) left bottom fixed repeat-x; }

/* header backgrounds ------------------------------- */

#header.grad1 { background: #eee url(head_bg-grad1.gif); }
#header.grad2 { background: #eee url(head_bg-grad2.gif); }
#header.grad3 { background: #eee url(head_bg-grad3.gif); }
#header.grad4 { background: #eee url(head_bg-grad4.gif); }


#header.arrowpoint { background: #eee url(head_bg-arrowpoint.jpg) 0 0 no-repeat; }
#header.beargrass { background: #eee url(head_bg-BearGrass.jpg) 0 0 no-repeat; }
#header.hungryhorse { background: #eee url(head_bg-hungryhorse.jpg) 0 0 no-repeat; }
#header.lake { background: #eee url(head_bg-lake.jpg) 0 0 no-repeat; }
#header.lake2 { background: #eee url(head_bg-lake2.jpg) 0 0 no-repeat; }
#header.river { background: #eee url(head_bg-river.jpg) 0 0 no-repeat; }
#header.river2 { background: #eee url(head_bg-river.jpg) 0 bottom no-repeat; }
#header.cabin { background: #eee url(head_bg-cabin.jpg) 0 0 no-repeat; }
#header.cabin2 { background: #eee url(head_bg-cabin.jpg) 0 bottom no-repeat; }
#header.fallcolor { background: #eee url(head_bg-FallColor.jpg) 0 0 no-repeat; }
#header.fallcolor2 { background: #eee url(head_bg-FallColor.jpg) 0 bottom no-repeat; }
#header.hills1 { background: #eee url(head_bg-hills.jpg) 0 0 no-repeat; }
#header.hills2 { background: #eee url(head_bg-hills.jpg) 0 bottom no-repeat; }
#header.hills3 { background: #eee url(head_bg-hills2.jpg) 0 0 no-repeat; }
#header.salmon { background: #eee url(head_bg-salmonvalley.JPG) 0 0 no-repeat; }
#header.selkirks { background: #eee url(head_bg-selkirks.JPG) 0 0 no-repeat; }
#header.sunset { background: #eee url(head_bg-sunset.jpg) 0 0 no-repeat; }
#header.sunset2 { background: #eee url(head_bg-sunset2.jpg) 0 0 no-repeat; }
#header.cataldo1 { background: #eee url(head_bg-cataldo1.jpg) 0 0 no-repeat; }
#header.cataldo2 { background: #eee url(head_bg-cataldo2.jpg) 0 0 no-repeat; }
#header.cataldo3 { background: #eee url(head_bg-cataldo3.jpg) 0 bottom no-repeat; }
#header.bernard1 { background: #eee url(head_bg-bernard1.jpg) 0 bottom no-repeat; }
#header.pendlake { background: #eee url(head_bg-pendlake.jpg) 0 0 no-repeat; }
#header.pendorielle { background: #eee url(head_bg-pendorielle.JPG) 0 0 no-repeat; }
#header.redfish { background: #eee url(head_bg-redfish.jpg) 0 bottom no-repeat; }
#header.stanley { background: #eee url(head_bg-StanleySawtooth.jpg) 0 0 no-repeat; }
#header.sunrise { background: #eee url(head_bg-Sunrise.jpg) 0 bottom no-repeat; }
#header.Teton { background: #eee url(head_bg-Teton.jpg) 0 0 no-repeat; }
#header.wolflodge { background: #eee url(head_photo-wolflodge.jpg) 0 bottom no-repeat; }
#header.SpaceSunrise { background: #eee url(head_bg-SpaceSunrise.jpg) 0 bottom no-repeat; }

p {  }
blockquote {  }

h3 { margin: 1.2em 0 0.5em; color: #333; font-size: 1.4em; }
h4 { margin: 1.2em 0 0.5em; color: #777; font-size: 1.2em;  }
h5 { margin: 12px 0 0; color: #543; font-size: 1em; }
h6 { margin: 8px 0 0; color: #987;  font-size: 1em; }
.lined { border-bottom: 1px dashed #333; }
.bullet { padding-left: 24px; background: transparent url(bullet.gif) no-repeat center left; }


/* positional classes for images or divs */

.float-left { float: left; margin: 0 16px 12px 0; }
.float-right { float: right; margin: 0 0 12px 16px; }
.totop { float: right; font-size: smaller; padding-left: 16px; background: url(nav_totop.gif) 0 50% no-repeat; clear: both; }
.clrboth { clear: both; }

/* font classes */
.reference { color: #036; font-weight: normal; }
.verse { color: #369; }
.greek { 	font: 1.2em/1.5em SLGreek; letter-spacing: 0.03em; }
.hebrew { 	font: 1.3em/1.5em SLHebrew; letter-spacing: 0.03em; }
.hrtl { direction: ltr; }
.red { color: #c00; }
p.start:first-letter { font-weight: bold;  } 
a:link {color: #58a;}
a:visited {color: #58a;}
.frame { font-size: 0.7em; }
.noshow { display: none; }



img { 	vertical-align: middle; padding: 0; border: 0; }
a img { 	border: 0; }

/* layout elements - wrapper contains the header, content and footer */

#wrapper {
	margin: 10px auto 4px;
	padding: 0;
	border: 1px solid #c6bdac;
	background: #f7f7f7;
	width: 720px;
	}

/* header title text and graphics  - toolbar with share, pdf, print, home and index */



/* header classes --------------------------------------- */

#header {
	margin: 2px;
	padding: 0 20px;
	border: 1px solid #c6bdac;
	background: #eee url(head_bg-hills2.jpg) 0 0 no-repeat;
	}

#header h2 { 
	margin: 0 0 6px; 
	padding: 0.3em 16px; 
	border: 1px solid #d6cebd;
	color: black; 
}

#header h3 { 
	margin: 0 20px; 
	color: black; 
}

#header h4 { 
	margin: 0.5em 20px; 
	color: black; 
}

#header h5 { 
	margin: 0 20px; 
}

#header blockquote { 
	margin: 1em 30px; 
	padding: 0 6px; 
	color: #369; 
	border-left: 2px solid #ba9; 
	letter-spacing: 0.08em;
	font-size: 90%;
}

.title {
	text-align: center;
}

#toolbar {
	margin: 0;
	padding: 10px 20px;
	border: 0;
	text-align: right;
	color: #777;
}

#toolbar img {
	margin: 2px;	
	padding-left: 3px;
	border: 0;
}

#toolbar a {
	text-decoration: none;	
}

/* ------------------------- the content area with the article and images ------------------------  */

#content {
	margin: 0;
	padding: 10px 40px;
	text-align: left;
	background: transparent;
	border: 0;
}

/* corrects the alignment in ie5 and 6 */
body.home #content {	padding-left: 10px; }


#content blockquote.verse ul {
	margin-left: 0;
 list-style-type: none;
}

#content blockquote.verse ul li {
	margin-left: 0;
	margin-bottom: 0.6em;	
}

.bordered {
	border: 1px solid #369;
	padding: 1px;
}

#content.articlelinks {
	padding-left: 50px;
	color: #333;
	text-align: left;
}

#content.articlelinks p {
	margin: 6px 0 6px 12px;	
}

#content.articlelinks p.newpost {
	padding-left: 36px;
	background: transparent url(new.gif) left center no-repeat;	
}

#content.articlelinks h3 {
	width: 60%;
	padding: 4px 0;
	margin: 20px 0;
	border-bottom: 1px solid #ca9;
}

#content.articlelinks a {
	text-decoration: none;
}

#content.poetry {
	line-height: 1.3em;
	letter-spacing: 0.04em;
}

#content.poetry h4 { margin: 30px 0 0; padding-top: 8px; border-bottom: 1px solid #ca9; }
#content.poetry h5 { margin: 0; }

.quotation {  padding-bottom: 20px; }

.qauthor, .qtitle { display: block; text-align: right; margin-right: 30px; }
.qauthor {  padding-top: 6px; color: #333; font-weight: bold; }
.qtitle {  color: #777; font-style: italic; }


/* --------------- divs for the three sections  -------------------------- */

#content div.sectionbar  {
	float: left;
	width: 200px;
	margin: 0 20px 10px 0;
	padding: 0;
	border: 0;
	line-height: 1.4em;
	background: #fff;
	}

#content div.section  {
	margin: 0;
	padding: 0 0 10px;
	border: 1px solid #c6bdac;
	}

#content div.section h3 {
	margin: 0 0 10px;
	padding: 4px;
	background: #957d67 url(section-bg.gif) bottom repeat-x;
	color: #eee;
	font-size: 0.8em;
	text-align: center;
	}

#content div.section img {
	border: 0;
	}

#content div.section p {
	margin: 2px 12px 6px;
	font-size: 0.86em;
	}

/* -----------------------------search bar ------------------------- */

.search { 
	font-size: 0.9em;
	display: inline;
}


/* -------------------------- Div for books ------------------------- */

#content div.books  {
	width: 100%;
	float: left;
	margin: 6px 0;
	padding: 0 0 6px;
	border-top: 1px solid #ccc;
	}

#content div.books h4 {
	margin: 4px 0;
	padding: 0;
	color: #345;
	}

#content div.books h5 {
	margin: 0 6px 4px;
	padding: 0;
	color: #777;
	}

#content div.books img {
	float: left;
	margin: 6px 16px 6px 0;
	padding: 0;
	border: 1px solid #ccc;
	}

/* ------------------------- footer ------------------------------------- */

#footer {
	margin: 10px 2px 2px;
	padding: 6px;
	clear: both;
 	color: #999;
	background: #eee;
	border: 1px solid #c6bdac;
	font: 0.8em Arial, sans-serif;
	text-align: center;
	}