/*#a87b2f gold
#6c4a2a  background
#4a2808; dark brown
#ebeabf paper
*/

* {
	margin:0;
	padding:0;
	border:0;
	outline:none;
	list-style-type: none;
	}
div#preload { display: none; }
body {
	background-color: #79532f;
	font-family: arial, helvetica, sans-serif;
	font-size:76%;
	min-width:800px;
	color:white;
	}
p {
	font-size:1em;
	}
a {border:0; text-decoration:none}

a:focus, a:active {outline:none}

#wrapper { 
	margin:6px auto;
	width: 780px;
	}
	
#banner {
	text-align:center;
	margin-top:20px;
	margin-bottom:80px;
	}
img#banner-art {
	margin-bottom:10px;
	width:299px;
	}
	
#home h2 {
	color:#b98c3f;
	letter-spacing:3px;
	font-size: 1.1em;
	text-align:center;
	}
#content {
	height:500px; 
	border:0px solid white;
	}
#nav-line {
	height:260px;
	padding-left:35px;
	margin-top:100px;
	}
	

#nav-line a img {height: 149px; width: 90px;}
a#audio img {background: url("nav/audio.gif") 0 0 no-repeat;}
a#multi img {background: url("nav/multi.gif") 0 0 no-repeat;}
a#writing img {background: url("nav/writing.gif") 0 0 no-repeat;}
a#book img {background: url("nav/book.gif") 0 0 no-repeat;}
a#resume img {background: url("nav/resume.gif") 0 0 no-repeat;}
a#blog img {background: url("nav/blog.gif") 0 0 no-repeat;}
a#about img {background: url("nav/about.gif") 0 0 no-repeat;}
a#contact img {background: url("nav/contact.gif") 0 0 no-repeat;}

a#audio:hover img {background: url("nav/audio2.gif") 0 0 no-repeat;}
a#multi:hover img {background: url("nav/multi2.gif") 0 0 no-repeat;}
a#writing:hover img {background: url("nav/writing2.gif") 0 0 no-repeat;}
a#book:hover img {background: url("nav/book2.gif") 0 0 no-repeat;}
a#resume:hover img {background: url("nav/resume2.gif") 0 0 no-repeat;}
a#blog:hover img {background: url("nav/blog2.gif") 0 0 no-repeat;}
a#about:hover img {background: url("nav/about2.gif") 0 0 no-repeat;}
a#contact:hover img {background: url("nav/contact2.gif") 0 0 no-repeat;}
	
	
#nav-line a {
	float:left;
	width:90px;
	height:155px;
	}



/*-------------------------------------bottom navigation-------*/



#nav {
	clear:both;
	border-top:1px solid white;
	height:50px;
	}

#nav li {
	font-size:12px;
	float:left;
	position:relative;
	top:8px;left:0px;
	margin-left:26px;
	}
	
#nav #home {
	margin-left:2px;
	}
#nav li a {
	font-size:12px;
	color:white;
	text-decoration:none;
	}

#nav li a {
	font-size:12px;
	color:#a87b2f;
	text-decoration:none;
	}

#nav li a:hover {
	font-size:12px;
	color:#ca9d4f;
	text-decoration:none
	}
	
#nav #here {
	border-top:4px solid white;
	color:white;
	position:relative;
	top:0px;
	padding-top:3px;
	}
	
	
	
/*-------------------------------------audio-------*/
#wcai {
	overflow:hidden;
	border:0px solid white;
	background-color:#805833;
	text-align:center;
	padding:10px}
	
#audio #wcai p {
	margin-top:0;
	text-align:left;
	font-size:.95em;
	line-height:1.2;
	color:#e6D59c;
	
	}
#wcai .item {
	padding:10px 10px 10px 10px;
	background-color:#4a2808;
	margin-bottom:10px;
	margin-right:10px;
	width:226px;
	text-align:center
	}
#wcai img {
	margin:0 auto;
	}

#wcai h3 {
	margin-bottom:1em;
	font-weight:bold;
	color:white;
	font-size:1.1em;
	}


#grub {
	float:left;
	width:540px;
	border:0px solid white;
	}
#other {
	float:right;
	width:200px;
	overflow:hidden;
	background-color:#805833;
	padding:10px;
	margin:50px 0;
	}
#other p {
	text-align:center;
	font-weight:bold;
	}
.item {
	padding:10px 10px 0 10px;
	background-color:#4a2808;
	margin-bottom:10px;
	margin-right:10px;
	width:100px;
	float: left;
	}

#audio h2 {
	margin-bottom:.4em;
	font-weight:bold;
}
#grub {
	overflow:hidden;
	background-color:#805833;
	padding:10px;
	margin:50px 0;
	float:left;
	width: 510px;
	}
#grub h3 {
	margin-top:.5em;
	text-align:center;
	font-size:1.1em;
	font-weight:normal;
	color:#e6D59c;
	}
#grub p {
	color:#e6D59c;
	line-height:1.4em;
	margin-bottom:1.4em;
	}


/*-------------------------------------multimedia-------*/


#multi #left {
	float:left;
	width:300px;
	margin-left:110px;
	margin-bottom:100px;
	}

#multi #right {
	float:right;
	width:300px;
	margin-right:40px;
	}
.group a p {
	font-size: 1.2em;
	width:209px;
	background-color:#a87b2f;
	color:white;
	padding:3px; padding-left:12px
	}
.group img {border: 2px solid #a87b2f; padding: 10px }

#video {
	background-color:#6c4a2a;
	min-width:500px;
	}
#video #wrapper {
	margin:0 auto;
	width: 480px;
	}
#video form {text-align:center}
/*-------------------------------------writing-------*/


#writing h3 a {
	color:white;
	background-color:#4a2808;
	padding:4px 6px;
	display:block;
	}


#writing h3 a:hover {
	color:white;
	background-color:#8d6c4d;
	}

#pastime {width:200px}

#pastime h3 {
	line-height:1.3em;
	margin-top:2em;
	font-size:1em;
}

#pastime p.date {
	font-size:.9em;
	font-weight:normal;
	margin-top:2px;
	padding-left:4px;
	color:#e6D59c;
	}
#writing #left {
	float:left;
	width:300px;
	border:0px solid white;
	margin-left:40px;
	}
	
#writing #right {
	float:right;
	width:400px;
	border:0px solid white;
	margin:0;
	}
	

#writing h2 {
	margin-bottom:2em;
	font-weight:normal;
	font-size:1.2em;
	}
	
#writing #right p {line-height:1.3em; margin-bottom:.2em}
#writing #right p a {color:white; text-decoration:underline}
#writing #right p a:hover {color:#ebeabf; text-decoration:none}
#writing #right span {font-weight:bold; font-style:italic}
#writing #right .pic {float:left; width:80px}
#writing #right .sample {float:right:width:150px}

#previous {line-height:1.3em;float:left; width:55px; height:30px; padding-left:27px; padding-top:6px; background: url("img/left-arrow.gif") no-repeat 0 3px}
#previous a {color:#ebeabf}
#previous a:hover {color:white}
#story {float:right;width:500px; border:0px solid red}
#both {float:left; width:550px; border:0px solid yellow}
#next {float:right;width:85px; border-top:0px solid black }

#prev-story {float:left;width:690px; border:0px solid red }


#story {
	width:570px;
	color:black;
	font-family: Times, "Times New Roman", Georgia, serif;
	padding: 0 0px 0 35px;
	border-bottom:0px solid white;
	background: transparent url("img/shadow.gif") repeat-y;
	}
#story p.author {
	border-top:1px solid black; 
	border-bottom:1px solid black;
	padding: 1px 0;
	width:10em;
	margin: .4em 0 1em 0;
	text-indent:0;
	}
#story h1 {font-size:1.7em}
#story h1#nyt {text-align:center;margin-bottom:20px; padding-top:10px; margin-right:35px}

#story #pic-cap {float:right;width:380px; border-bottom:1px solid black; margin: 0 15px}
#story #pic-cap p {font-size:1.2em; margin-top:.8em; margin-bottom:1em; text-indent:0}

#story p {line-height:1.3em; text-indent:1.5em; padding-right:15px;}
#story p.flush {text-indent:0}
#story h2 {line-height:1.3em; font-size:1.1em; margin-top:1em}
#story blockquote {
	padding:.5em 15px .5em 0; 
	border-top:2px solid black;
	border-bottom:2px solid black;
	font-size:2em;
	margin:.7em 5px .7em 0;
	}
#topborder {border-top:4px solid #4a2808; border-bottom:2px solid #4a2808;}

#story #left-story {width:255px; float:left; }
#story #right-story {width:255px; float:right; margin-right:13px; margin-bottom:2em}
#story #left-story p, #story #right-story p {padding-right:0}



/*-------------------------------------book-------*/


#book #left {
	float:left;
	width:240px;
	margin-left:0;
	}

#book #right {
	float:right;
	width:510px;
	margin-right:0;
	}
#book h1 {
	font-size: 1.4em;
	margin-bottom:.2em;
	}
#book h2 {
	font-size: 1em;
	margin-bottom:2em;
	font-weight:normal;
	letter-spacing:1px}
#book p, ul#paragraph {
	line-height:1.4em;
	margin-bottom:1em;
	color: #e6D59c;
	}
#purchase {	/* "link" will be our container, here div tag */
margin-top:50px;
width: 156px;
height: 49px;
background: url("img/purchase2.gif") top left no-repeat; /* place of second image in the background */
}

#purchase a {	/* definition of link that will take all of container's space */
display: block;
width: 100%;
height: 100%;
background: transparent url("img/purchase.gif") top left no-repeat;	/* place of first image in foreground */
color: #000;
}

#purchase a:hover {	/* first image being masked when hovered onto */
background: transparent none;
}




/*-------------------------------------about-------*/


#about #left {
	float:left;
	width:240px;
	margin-left:60px;
	border:0px solid white;
	}

#about #right {
	float:right;
	width:400px;
	margin-right:40px;
	border:0px solid white;
	}

#about p {
	line-height:1.7em;
	margin-bottom:1em;
	padding-right:20px;
	}

#about #left img {
	border:2px solid #a87b2f;
	padding:10px;
	}

#about strong {
	color: #e6D59c;
	font-size:1.4em;
	}
#about #left p {
	font-size:.9em;
	color:#a87b2f;
	margin-top:2px;
}

/*-------------------------------------resumes-------*/

#resumes #content {
	margin:0 auto;
	text-align:center;
	}
#resumes #pro {
	float:left; 
	width:100px;
	margin-right:20px;
	margin-left:280px;
	}
#resumes #academ {
	float:left; 
	width:100px;

	}
#resumes #content img {
	padding:6px;
	border:2px solid white;
	display:block;
	margin-bottom:10px}

#resumes a {color:white;}
#resumes a:hover {color:#e6D59c}

#resumes h2 {
	color:#b98c3f;
	letter-spacing:3px;
	font-size: 1.1em;
	text-align:center;
	margin-bottom:100px}


/*-------------------------------------contact-------*/

#contact-page #left {
	float:left;
	width:200px;
	margin-left:20px;
	}

#contact-page #right {
	float:right;
	width:500px;
	margin-right:20px;
	border:0px solid white;
	background-color:#4a2808;
	padding-top:30px;
	}
#contact {
	margin-left:10px;
	}	
#contact p {
	margin-bottom:1em;	
	}	
#contact input, #contact #message {
	font: normal 1em arial, helvetica, sans-serif; 
	color:#4a2808;
	padding:5px;
	}

#contact-page #left p {
	margin-top:1em;
	}
#contact #enter {
	margin-left:110px;
	margin-bottom:0;
	}
#contact label {
	float:left;
	width:9em;
	margin-right:1em;
	text-align:right;
	padding-top:.4em;
	}

#contact-page #left span {
	letter-spacing:2px;
	}



#footer {
	clear:both;
	color:#4a2808;
	color:#a78c73;
	text-align:center;
	letter-spacing:1px;
	font-size:.9em;
	}
#footer a {
	color:#4a2808;
	color:#a78c73;
	text-decoration:underline;
	}
#footer a:hover {
	color:#8d6c4d;
	}