@charset "utf-8";
/* CSS Document */

@import url("reset.css");




/***   structure   ***/

html {}

body {width: 100%; background: #e9d4b7;  }
	body.home {}

* {	font-family: Verdana, Arial, Helvetica, sans-serif; }

#container { position: relative; width: 986px;  margin: 0 auto; z-index: 100; }

	#headerBox {width: 100%; height: 215px; background:url(../images/bg-header.jpg); position: relative;  }
		#header {}
		
	#navBox {width: 100%; height: 46px; background:url(../images/bg-nav.jpg);   }
		#nav {width: 784px; height: 20px; }
		
	#site { padding: 50px 0 0 50px; width: 936px;  background:url(../images/bg-site.jpg) top left no-repeat; overflow: auto;   }
		#content {position: relative; width: 521px; float: left;  }
		#content.prose {width: 721px; }
		
	#footerBox {width: 100%; height: 138px;  background: url(../images/bg-footer.jpg) top left repeat-x; margin: 30px 0 0 0; padding: 50px 0 0 0; clear: both;  }
		#footer {width: 968px; margin: 0 auto; }
		
#extraDiv1 {position: absolute; top:0; left:0; width: 50%; height: 690px;  display: block; z-index: 10; background:url(../images/bg-page-left.jpg); }
#extraDiv2 {position: absolute; top:0; right:0; width: 50%; height: 690px; display: block; z-index: 10; background:url(../images/bg-page-right.jpg); }
		

/***    nav    ***/
#nav {}
	#nav li {float: left; list-style: none;  text-align: center;}
	#nav a { display: block; height: 20px;  }
	
		#nav a.about { background:url(../images/nav-about.png); width: 130px;   }
		#nav a.writing {background:url(../images/nav-writing.png);  width: 138px; }
		#nav a.media {background:url(../images/nav-media.png);  width: 240px; }
		#nav a.awards {background:url(../images/nav-awards.png);  width: 142px; }
		#nav a.contact {background:url(../images/nav-contact.png); width: 134px;  }
			#nav a:hover {background-position: bottom left;}
		
		.about #nav a.about {background-position: bottom left;}
		.writing #nav a.writing {background-position: bottom left;}
		.media #nav a.media {background-position: bottom left;}
		.awards #nav a.awards {background-position: bottom left;}
		.contact #nav a.contact {background-position: bottom left;}




/***    styles    ***/

#header a {width: 322px; height: 90px; position: absolute; bottom:0; left: 40px; display: block; background:url(../images/bg-logo.jpg); }
	#header a:hover {background-position: bottom left; }

a, a:visited {color: #ff4d00; }
a:hover, a:active {color: #FF9900; }
	a span {margin-left: -9999px; }

h1 {font: 2em "Book Antiqua", Georgia, Serif; color: #762205; margin: 0 0 1em 0;  }
h2 {font: 1.4em/1.4em bold Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 1em 0 1.5em 0; padding: 0 0 .5em 0; border-bottom: 1px solid #762205; }

strong {font-weight: bold; }
em {font-style: italic; }

p { font: 1.4em/1.6em Verdana, Arial, Helvetica, sans-serif; color: #402716; margin: 0 0 1em 0;  }
#content ul { font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif;  margin: 1em 0 1em 2em;  line-height: 18px; }
#content li {margin: 0 0 1em 0; list-style:square; }


/*** forms ***/
form {margin: 30px 0; padding: 0 20px; font-family: Verdana, Arial, Helvetica, sans-serif; }
fieldset {border: none;  clear: both; margin: 0 0 20px 0; }
	fieldset.left { margin: 0 0 20px 0; padding:0;  }
	fieldset.right { margin: 0 0 20px 0; padding:0; }

form .left {width: 50%; float: left; clear: none; }
form .right {width: 50%; float: right; clear: none;  }

.fields {clear: both; margin: 5px 0; overflow: auto; }
		
label {width: 130px; float: left; font-weight: normal; font-size: 14px; color:#444; }
	label.wide {width: 180px;  }
input { }
textarea {padding: 2px; font-size: 14px; }
	
.formfield {border: 1px solid #ccc; background: #f0f0f0; color: #333333; padding: 2px; 
		font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
	.formfield:focus {background: #fff; color: #000; }
	.formfield.file {border: none; }
.formbutton {}
form sup {color: #990000; font-size: 10px; position: relative; top: 3px;  }



#color { width: 300px; float: left; margin: 0 0 0 50px;  }



#footer {text-align: right;  }
	#footer p {color: #817566; font-size: 11px; }
	#footer .copy {}
	#footer .forge22 a {font-weight: bold; }
	#footer p.links {float: left; }