/* 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.96em/1.6em 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-stjoe.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: 4px solid #c6bdac;
	background: #f7f7f7 url(wrapper-bg.jpg) no-repeat;
	width: 960px;
	}/* header title text and graphics  - toolbar with share, pdf, print, home and index *//* header classes --------------------------------------- */#header {
	margin: 10px 10px 0;
	padding: 0;
    width: 720px;
	border: 0;
	background: transparent url(head_bg-hills2.jpg) 0 0 no-repeat;
    float: right;
    font-size: 0.86em;
	}#header h2 { 
	margin: 0 0 6px; 
	padding: 0.3em 16px; 
	border: 1px solid #d6cebd;
    border-width: 1px 0 0;
    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 {
    clear: both;
	margin: 0 10px;
	padding: 20px 60px;
	text-align: left;
	background: #f7f7f7;
	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: 90%;
	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;
	}
