/* fayestyles.css */

/* Block all default margins and padding */
* {
margin:0;
padding:0;
}

/* Removes outline around active links  */

a:active {
  outline: none;
}

/* Styles the body  */ 
body{
background-color: #dedfc4;
font-family: Geneva, Tahoma, sans-serif;
text-align:center;
font-size: 100%;
}

/* Wrapper contains the layout */
#wrapper{
width:50em;
margin: 20px auto 0 auto;
background-color: #ffd457;
border: 2px solid #3e4101;
position: relative;
}

/* Fixes the mysterious image gap */
#branding img{
width: 100%;
display:block;
}

/* Adds a bottom border to the image in the branding division  */
#branding img {
border-bottom: 1px solid #3e4101;
}

/* Leftcolumn Division*/
#leftcolumn{
/* #content left margin must match this width */
width: 14em;
  /* For absolutely-positioned leftcolumn */
  position:absolute;
	top: 11em; /* Same as branding div height */
	left: 0;
	}
	
/*Level-2 and Level-3 headers in Leftcolumn  */
#leftcolumn h2, #leftcolumn h3 {
width: 100%;
padding: 0.25em;
font-family: Geneva, Tahoma, sans-serif;
font-size: .85em;
margin: 0 auto;
text-align: center;
}

/* Styles Prisoner of God blurb in leftcolumn */
div.prisoner {
width: 90%;
font-family: Geneva, Tahoma, sans-serif;
font-size: .75em;
margin: 0 auto;
text-align: left;
}

/* Adds space between Prisoner of God blurb paragraphs */
div.prisoner p {
margin-bottom: .5em;}

/* Unvisited and visited links in leftcolumn & footer */
#leftcolumn a:link, #leftcolumn a:visited,
#footer a:link, #footer a:visited,
#content a:link, #content a:visited {
color:#820024;
text-decoration:none;
outline-style:none;
}

/* Hover links in leftcolumn & content */
#leftcolumn a:hover,#footer a:hover, #content a:hover {
color:#000;
outline-style:none;
}

/* Active link in leftcolumn & content */
#leftcolumn a:active, #content a:active {
color:#a2a413;
outline-style:none;
}

/* Styles contact Faye text in leftcolumn */
div.book {
width: 75%;
padding: 0.25em;
font-family: Geneva, Tahoma, sans-serif;
font-size: .85em;
font-weight: bold;
margin: 0.5em auto;
text-align: left;
border: 2px solid #000;
}

/* Navbar division */
#navbar{
  background-color:#ffd457;
	height: 1.6em;
	 /* For absolutely-positioned leftcolumn */
  position:absolute;
	top: 9.8em; /* Same as branding div height */
	left: 0em; /* Same as leftcolumn width */
	width: 50em; /* Layout width minus leftcolumn width */
	border-bottom: 1px solid #a2a413;
}

/* Remove bullets from ul in the navbar */
#navbar ul{
  list-style-type: none;
}

/* List items in the navbar */
#navbar li{
float: left;
}

/* Applies to navbar links, visited and unvisited */
#navbar a,
#navbar a:link,
#navbar a:visited{
text-decoration: none;
font-family: Geneva, Tahoma, sans-serif;
font-size: 80%;
color: #000;
background-color: #ffd457;
display: block;
height: 2em;
width: 7.7em;
border-right: 1px solid #a2a413;
text-align:center;
line-height:2em;
outline-style:none;
}

/* Navbar hover, active, and current page links */
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited {
background-color: #a2a413;
color: #000;
}

/* Content Division */
#content{
overflow: auto;
position: relative;
/* Left margin must match sidebar column width */
margin-left: 14em;
padding: 3em .625em .625em .625em;
text-align: left;
background-color: #fff;
color: #000;
}

/* Applies to h1, h2, and h3 headings in the content division */
#content h1, #content h2, #content h3 {
font-family: Geneva, Tahoma, sans-serif;
color: #45322F;
}

/* adds space below content h2, h3 headings and paragraphs */
#content h2, #content h3, #content p {
margin-bottom: 1em;
}

/* Applies to paragraphs and lists in the content division */
#content p, #content ul, #content ol {
text-align: left;
line-height: 1.25em;
font-size: 1em;
}

/* Applies to lists in the content division */
#content ul, #content ol {
padding: 10px 50px 0px 20px;
list-style-position: inside;
}

#content li {
margin-bottom: 1em;
}

/* Floats image to left in content div  */
#contentpicleft {
float: left;
margin-right: .5em;
}

/* Floats image to right in content div  */
#contentpicright {
float: right;
}
/* Centers image in content div */
#contentpiccenter {
text-align: center;
}


/* Footer division */
#footer {
background-color: #e66c1f;
border-top: 1px solid #3e4101;
padding: .5em;
font-size:0.8em;
}

/* Captioned images in leftColumn*/ 
div.captionpic{
   width:  10em;
	 padding:  0.25em;
   margin:  .5em auto;
   text-align:  center; 
}
 
/* Applies to the image inside a captionpic div in LeftColumn */
div.captionpic img{
   width:  65%;
 
} 

/* Centers a Level 1 heading */
h1.center {
text-align: center;
}

/* Centers a Level 3 heading  */
h3.center {
text-align: center;
}

/* Generic style class for highlighting text */
.hilite{
 background-color:#ffd457;
}