/* Styles for this version of the site are spread across multiple files. 
This file sets styles for the page header and menu that appears on all pages. */ 

/* First, apply a general style to the body tag, to set the background. */ 

body { 
	background: #FAEBD7 url(png/books_bg01.png);
	}

/* div wrapper wraps the entire page content and avoids the leaping-div problem */

#wrapper { 
	min-width:800px;
	font-family: Arial, Helvetica, san-serif;
	text-align:center;
	margin:10px 10px 10px 0px;
	}

/* next are the styles for the left side box */


/* next are the styles for the side-boxes */


#sidebar {
	border:2px solid black;
	background-color:seagreen;
	color:white;
	text-align:center;
	vertical-align:top;
	font-size:0.9em;
	font-family:"Times New Roman", serif;
	padding-bottom:1em;
	}
	
#sidebar a {
	color:lightblue;
	}

#sidebar a:visited {
	color:purple;
	}

#sidebar a:hover {
	color:blue;
	}

/* style Location is just for the "Where is this page" box in the upper left */

#location {
	font-size:0.8em;
	padding-bottom:5px;
	border-bottom:2px solid black;
	}
	
/* style Menubox is for the Main Menu that appears below the Location info */	

#menubox {
	width:130px;
	text-align:center;
	color:black;
	font-family:"Times New Roman", serif;
	font-size:0.9em;
	padding:5px 0 5px 3px;
	}	


.navbar {
	list-style-type:none;
	text-align:center;
	margin:0 2px;
	color:white;
	padding:0 5px;
	text-indent:0;
	display:block;
	}

#menubox a { 
	width:105px;
  display:block;
  color:blue; 
  background: silver;
	text-align:center;
	text-decoration:underline; 
  display:block; 
	margin: 3px;
	padding:2px;
  border:3px solid;
  border-color:#def #678 #345 #cde;
	} 

#menubox a:hover {
	display:block;
  color:#fff;
  border-color:#345 #cde #def #678;
  }

#menubox a:visited {
  }

	
/* next come the styles for the main page header.  HeaderBox defines the entire header box, including both the graphic page header, common to all pages, and whatever this page's specific title is: artwork, quotes, or both.  The page body width is fixed in woolfden_general.css at a width of 1000 pixels.  120 of that goes to the sidebar, and another 20 should be left for a margin.  That leaves 860 pixels for the main box. */

#mainbox {
	width:80%;
	min-width:610px;
	float:right;
	text-align:center; 
	}

#headerbox {
	width:600px;
	text-align:center;
	margin:auto;
	vertical-align:top;
	}

/* pagetitle is a simple div to contain the header table, titlebox */

#pagetitle {
	text-align:center;
	}
	

/* titlebox defines the styles for the table that holds the "The Woolf's Den" page graphic header */ 	

#titlebox {
		width:600px;
		height:136px;
		text-align:center;
		font-size:1.2em;
		font-weight:bold;
		font-family:arial, sans-serif;
		background:url(png/pageheader.png) no-repeat;
	}

/* hdrbody fits below hdrtitle and contains the main page title material: quotes, photos, etc. */

#hdrbody {
	text-align:center;
	font-family:"Times New Roman",Garamond,serif;
	margin-top:0.5em;
	}


/* Style pg_hdr_art is used for any quotation that appears inside hdrbody.  It contains no positioning info, just text styling.  Positioning info will be done page by page, because individual pages vary in layout. */

#pg_hdr_art {
	float:left;
	text-align:center;
	}

/* Style pg_hdr_quote is used for any quotation that appears inside hdrbody.  No positioning info, just text styling.  Positioning info will be done page by page, because individual pages vary in layout. */
	
#pg_hdr_quote {
	text-align:left;
	float:left;
	font-family:'Times New Roman',serif;	
	font-size:1em;
	font-weight:bold;
	margin:0;
	}
	
	/* Style content applies to the main content box on every page. */

#content {
	clear:both;
	min-width:600px;
	font-family: Arial, Helvetica, sans-serif; 
	font-style:normal; 
	text-align:left;
	border-top:2px solid black;
	background-color:ivory;
	padding:1em 3% 5px 3%;
	}

/* The pagebtn style is used for internal navigational links on all pages: a 'button' look with silver background and silver-gray borders */

.pagebtn {
	}

.pagebtn a {
	text-align:center;
	text-decoration:underline; 
  display:block; 
	width:125px;
	font-size:0.75em;
  color:darkgreen; 
  background-color:silver; 
  border:3px solid;
  border-color:#def #678 #345 #cde;
  padding:5px;
  margin:0 3px 0 3px; 
	}

.pagebtn a:visited {
  color:darkgreen; 
  }

.pagebtn a:hover {
	display:block;
  color:#fff;
  border-color:#345 #cde #def #678; 
  }


.footnote {  font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-style: normal; font-weight: bold; font-variant: normal}

.SectionHeader {  
	float:none;
	clear:both;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: large; 
	font-style: normal; 
	font-weight: bold; 
	font-variant: normal;
	border-top:1px solid black;
	padding-top:1em;
	}

/* text styling, for a regular text paragraph. */

.text-paragraph {
	float:none; 
	text-indent: 5%; 
	text-align:left;
	}

.booktext {font-family: "Times New Roman", serif; 
	font-style: normal; 
	margin-left: 5%;
	margin-right: 5%
	}

.booktext li {
	padding-bottom:0.5em;
	}

/* Style essay_hdr is used for the header text box on some essays and articles */
#essay_hdr{
	background-color:#f0f8ff;
	padding:0.5em 25px;
	}

#essay_hdr p {
	float:none; 
	text-indent: 5%; 
	text-align:left;
	font-style:italic;
	}	


#amazon_link {
	width:130px;
	font-size:0.8em;
	text-align:center;
	padding:5px;
	margin:5px 0 1em 0;
	border-top:2px solid black;
	}

#linkpolicy {
	width:130px;
	font-size:0.8em;
	text-align:center;
	padding:5px;
	border-top:2px solid black;
	margin:1em 0;
	}

#paybox {
	display:none;
	width:130px;
	font-size:0.8em;
	text-align:center;
	padding:5px;
	border-top:2px solid black;
	margin:1em 0;
	}

#email_link {
	width:130px;
	font-size:0.8em;
	text-align:center;
	padding:5px;
	margin:1em 0;
	border-top:2px solid black;
	}

#best_browser {
	width:130px;
	font-size:0.8em;
	text-align:left;
	padding:5px;
	margin:1em 0;	
	border-top:2px solid black;
	}
	
/* Style Footer is for the footer block on every page. */

#footer {
	clear:both;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: small; 
	font-style: normal; 
	font-variant: normal;
	text-align:left;
	padding:1em 10px 1em 10px;
	}
	
.footnote {	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: x-small; 
	font-style: normal; 
	font-weight: bold; 
	font-variant: normal;
}

#current_pg {
	font-size:1.5em;
	font-weight:bold;
	}

#article_title {
	text-align:center;
	font-family:"Times New Roman", serif
	}	

.article_text {
	font-family:Arial, sans-serif;
	font-size:1em;
	font-weight:normal;
	border-top: 1px solid black;
	margin-bottom:1em;
	padding:0 25px 1em 25px;
	}
	
.article_text p {
	text-indent: 5%; 
	margin-left: 5%; 
	margin-right: 5%
	}

.article_text h4 {
	margin:0;
	text-align:left;
	font-weight:bold;
	}