/* ----------------------------------------------
AMINATTA FORNA
http://www.aminattaforna.com
HOME PAGE STYLESHEET

AUTHOR: Michael Borum, etherweave
http://www.etherweave.com

VERSION: July 2007
------------------------------------------------*/

body.content {
	background: #fc0 url(../images/gradient2_bg.jpg) fixed repeat-x;
	}

#container {
	background: url(../images/content_bg.jpg) top left no-repeat;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: visible;
	}

.homeButton {
	position: absolute; top: 0; left: 0;
	width: 300px;
	height: 100px;
	border: none;
	}
	
#nav {
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin: 0 auto 0 auto;
	padding: 125px 0 0 60px;
	overflow: visible;
	}

#nav ul, #nav ul li {
	float: left;
	}

#nav ul li {
	margin: 0;
	padding: 0 15px 0 0;
	}

#nav a:link {
	color: #fff;
	text-decoration: none;
	}

#nav a:visited {
	color: #333;
	text-decoration: none;
	}

#nav a:hover {
	color: #f30;
	text-decoration: none;
	}

#nav a:active {
	color: #f30;
	text-decoration: none;
	}

#content {
	width: 745px;
	margin: 0 auto 0 auto;
	padding: 40px 0 50px 0;
	font-size: 14px;
	line-height: 20px;
	}

.authorphoto {
	float: left;
	margin: 0 10px 10px 0;
	padding: 3px;
	border: 1px dotted #f30;
	}

.authorphoto2 {
	float: right;
	margin: 10px 0 10px 10px;
	padding: 3px;
	border: 1px dotted #f30;
	}
	
#flashcontent {
	margin: 0 auto 0 auto;
	padding: 0 0 15px 0;
	text-align: center;
	}
	
div.book {
	clear: left;
	display: block;
	margin: 0 0 15px 0;
	padding: 0 0 25px 0;
	}

div.book2 {
	float: left;
	margin: 0 10px 25px 0;
	padding: 0;
	}

div.book img, div.book2 img {
	border: 1px dotted #f30;
	margin: 0 15px 25px 0;
	padding: 3px;
	}

div.book ul, div.book2 ul {
	font-size: 12px;
	}

div.book h2 {	
	margin: 0;
	padding: 0;
	}
	
img.jacket {
	float: left;
	}
	
ul.articles li {
	margin: 0 0 5px 0;
	}

#footer {
	/*border-top: 1px solid #333;*/
	font-size: 9px;
	text-align: center;
	margin: 0;
	padding: 20px 0 0 0;
	}