/* fayestyles.css */

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

/* 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;
}

/* Positions and styles links in branding division */

#branding a{
  /* Postions are set in tags in layout.htm */
  position:absolute;
  text-decoration:none;
  color:#000;
  font-size:0.8em;
}

#branding a:link, #branding a:visited{
  color:#ffd457;
}

#branding a:hover{
  color:#a2a413;
}
#branding a:active{
  color:#1bb498;
}

/* 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: 12em;
  /* For absolutely-positioned leftcolumn */
  position:absolute;
	top: 9.8em; /* Same as branding div height */
	left: 0;
}

/* Styles Paragraphs, Level-2 and Level-3 headers in Leftcolumn  */
#leftcolumn p, #leftcolumn h2, #leftcolumn h3 {
width: 75%;
padding: 0.25em;
font-family: Geneva, Tahoma, sans-serif;
font-size: 1em;
margin: 0.5em auto;
text-align: left;
}

/* Overrides font size for Paragraphs and Level-2 header in Leftcolumn  */
#leftcolumn p, #leftcolumn h3 {
font-size: 0.8em;
}
		
/* Adds dashed left border to paragraphs in leftcolumn */		
#leftcolumn p {	
border-left: 1px dashed #000;
} 

/* 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 & footer */
#leftcolumn a:hover, #footer a:hover, #content a:hover {
color:#000;
outline-style:none;
}

/* Active link in leftcolumn & footer */
#leftcolumn a:active, #footer 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;
margin: 0.5em auto;
text-align: left;
}

/* Navbar division */
#navbar{
  background-color:#ffd457;
	height: 1.6em;
	 /* For absolutely-positioned leftcolumn */
  position:absolute;
	top: 9.8em; /* Same as branding div height */
	left: 12em; /* Same as leftcolumn width */
	width: 38em; /* Layout width minus leftcolumn width */
}

/* 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: 12em;
padding: 2em .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: .5em;
}

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

/* Applies to lists in the content division */
#content ul, #content ol{
padding: 5px 0px 5px 30px;
}

/* 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;
}

/* Positions bookcover on home page content div */
.bookcover img {
  position: relative;
	margin-top:      .2em;
	margin-left:     -.75em;
	margin-bottom: .5em;
	}

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

/* Captioned images in leftColumn*/ 
div.captionpic{
   width:  9em;
	 padding:  0.25em;
   margin:  1em auto;
   text-align:  center; 
}
 
/* Applies to the image inside a captionpic div in LeftColumn */
div.captionpic img{
   width:  65%;
   border: 1px solid #000;
} 

/* Styles the synopsis text in the content div */
#synopsis {
  font-size:0.8em;
	font-weight: bold;
	position: absolute;
  top:      2.5em;
	left:     30em;
	right:    2.5em;
	z-index:  99;
}

/* 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;
}

/* Styles box for events list on news page  */
#box
{
border-right: .2em dashed #3e4101;
border-left: .2em dashed #3e4101;
border-top: .2em dashed #3e4101;
border-bottom: .2em dashed #3e4101;
margin-top: 11em;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
width: 30em;
height: auto;
background-color: #ffd457;
padding: .3em;
font-family: Geneva, Tahoma, sans-serif;
text-align: left;
color: black;
}

/* Styles pictures with captions in the content division on the news page */
.picture {
border: 1px solid #820024;
padding: .3em;
margin-bottom: 0.7em;
font-size: 0.75em; }

.picture img {
vertical-align:middle;
margin-bottom: 0.5em;
 }
.right {
margin: 0.5em 0.5em 0.5em 0.5em;
float:right;
	 }
.left {
margin: 0.5em 0.5em 0.5em 0.5em;
float:left;
	 }