/* 
Name: MacGregor Literary Website 
Author: Nick Francis
Questions/Comments: nick@project83.com   
*/

/* main styles */
body {
	min-width:740px;
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:small;
	color:#444444;
	text-align:center;
	background:#fff url(images/bg.gif) repeat-x top left;
	}
	
body#home {
	background:#fff url(images/bg_home.gif) repeat-x top left;
	}	
	
#wrap {
	margin:0 auto;
	text-align:left;
	width:770px;
	}
	
.clear {
	clear:both;
	}		
	
a {
	color:#CC6600;
	}	
	
a:hover {
	text-decoration:none;
	}	
	
h2 {
	font-size:140%;
	color:#386533;
	font-weight:normal;
	margin:15px 0 5px 0;
	padding:0;
	}
	
h2.title {
	border-bottom:1px dotted;
	border-top:1px dotted;
	}		

p {
	line-height:18px;
	}

.caps{
	text-transform:uppercase;
}

/* header */
#headerbg {
	min-width:740px;
	position:absolute;
	top:31px;
	width:100%;
	height:140px;
	background:#EAE3BE url(images/header_bg_left.jpg) no-repeat top left;
	}
	
#headerbg div {
	width:100%;
	height:140px;
	background:url(images/header_bg_right.jpg) no-repeat top right;
	}

ul#topnav {
	float:right;
	display:inline;
	margin:0 25px 15px 0;
	padding:0;
	list-style:none;
	}	
	
ul#topnav li {
	float:right;
	display:inline;
	margin:0 0 0 1px;
	}	
	
ul#topnav a {
	display:block;
	line-height:24px;
	padding:0px 15px;
	margin:0;
	background:#484848;
	text-transform:uppercase;
	color:#E9E3C0;
	text-decoration:none;
	font-size:11px;
	}	
	
ul#topnav a:hover {
	text-decoration:underline;
	}
	
#header h1 {
	text-indent:-9000px;
	width:745px;
	height:83px;
	margin:0;
	padding:0;
	}			
	
#header h1 a {
	float:left;
	width:745px;
	height:83px;
	background:url(images/logo.gif) no-repeat top left;
	position:relative;
	}	
	
/* navigation */
ul#nav {
	float:left;
	margin:20px 0 0 28px;
	padding:0;
	list-style:none;
	position:relative;
	}
	
ul#nav li {
	float:left;
	}	
	
ul#nav a {
	display:block;
	width:98px;
	height:19px;
	margin-right:5px;
	padding:10px 0 0 0;
	background:#5FA05B;
	color:#fff;
	font-size:90%;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	}	
	
ul#nav a:hover {
	text-decoration:underline;
	}	
	
body#home ul#nav a#home, body#about ul#nav a#about, body#authors ul#nav a#authors, body#resources ul#nav a#resources, body#faq ul#nav a#faq, body#submission ul#nav a#submission, body#contact ul#nav a#contact {
	background:#3D3D3D;
	}
	
/* banner area */	
#blogpromo {
	float:left;
	width:246px;
	height:156px;
	background:#585858;
	padding:20px 25px;
	margin:9px 0 0 0;
	}
	
#blogpromo dl {
	margin:0;
	padding:0;
	}		
	
#blogpromo dt {
	float:left;
	clear:right;
	width:96px;
	margin:0;
	padding:0;
	}	
	
#blogpromo dd {
	margin:0 0 0 107px;
	padding:5px 0 0 0;
	}	
	
#blogpromo dd h3 {
	color:#ECE6C8;
	margin:0 0 5px 0;
	padding:0;
	}	
	
#blogpromo dd p {
	margin:0;
	padding:0;
	color:#fff;
	}	
	
#blogpromo img.blogbutton {
	margin:15px 0 0 15px;
	}	
	
#book-showcase {
	float:right;
	width:474px;
	height:196px;
	background:#5E5E5E;
	margin:9px 0 0 0;
	padding:0;
	}	

#book-showcase img.book-wrap {
	float:left;
	margin:3px 0 0 17px;
	padding:5px 8px;
	background:#454545;
	height:180px;
	width:120px;
	}	
	
/* content area */
#content {
	width:394px;
	float:right;
	border-left:1px solid #D3D3D3;
	padding:0 40px 15px 40px; 
	margin:20px 0;
	}

#content h3 {
	font-size:130%;
	line-height:20px;
	}
	
#content li {
	line-height:18px;
	}	

a.top {
	background:url(images/uparrow.gif) no-repeat left center;
	padding:0 0 0 12px;
	}

.content-separator {
	width:81px;
	height:10px;
	margin:20px 0 20px 335px;
	background:url(images/content_separator.gif) no-repeat top left;
	}
	
blockquote {
	background:url(images/quote_left.gif) no-repeat top left;
	text-align: left;
	margin:0;
	padding:0;
	} 

blockquote p {
	background: url(images/quote_right.gif) no-repeat bottom right;
	padding:5px 30px 0 30px;}	

ul#principles {
	margin:20px 0;
	padding:0;
	list-style:none;
	}
	
ul#principles li {
	margin-bottom:15px;
	padding-left:20px;
	background:url(images/green_bullet.gif) no-repeat top left;
	}	
	
#content ul li, #content ol li {
	margin-bottom:8px;
	}	
	
.float-left {
	float:left;
	margin:0 10px 0 0;
	}	
	
.float-right {
	float:right;
	margin:0 0 0 10px;
	}	
	
.img-wrap {
	float:right;
	margin:0 0 0 10px;
	text-align:center;
}	
	
/* contact page */
fieldset {
	margin:15px 0 0 0;
	padding:0;
	border:none;
	}
	
fieldset ul {
	list-style:none;
	margin:0;
	padding:0;
	}	
	
fieldset label {
	float:left;
	clear:right;
	width:60px;
	text-align:right;
	margin:0;
	padding-top:4px;
	}

fieldset input, textarea {
	margin:0 0 8px 15px;
	padding:2px;
	color:#333;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #3D3D3D;
	}	
	
fieldset #submit {
	background:#5FA05B;
	color:#fff;
	margin:10px 0 15px 275px;
	}		

/* sidebar */
#sidebar {
	float:left;
	width:245px;
	margin:20px 0;
	padding:0 40px 0 10px;
	}
	
a.more {
	background:url(images/rightarrow.gif) no-repeat right center;
	padding:0 10px 0 0;
	margin-left:10px;
	}
	
#proposals {
	list-style:none;
	margin:0;
	padding:0;
	line-height:16px;
	}	
	
#proposals li {
	padding:5px 0;
	margin:0;
	}	

#sidebar .separator {
	width:242px;
	height:12px;
	background:url(images/sidebar_separator.gif) no-repeat top left;
	margin:10px 0;
	}

#subnav {
	margin:0 0 0 30px;
	}

#subnav ul {
	list-style:none;
	margin:10px 0;
	padding:0;
	}
	
#subnav li {
	padding:0 0 0 18px;
	background:url(images/subnav_bg.gif) no-repeat center left;
	margin:0 0 8px 10px;
	}	


/* footer */	
#footer {
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	height:110px;
	background:#4A4A4A url(images/footer_bg.gif) repeat-x top left;
	color:#E1E0E0;
	font-size:90%;
	}	
	
#footer div {
	width:770px;
	margin:0 auto;
	padding:0;
	}	
	
#footer ul {
	margin:0 0 0 110px;
	padding:15px 0 0 0;
	list-style:none;
	}
	
#footer li {
	float:left;
	margin:0;
	padding:0;
	}
	
#footer a {
	margin:0;
	padding:0 10px;
	border-left:1px solid #606060;
	color:#E9E3C0;
	text-transform:uppercase;
	text-decoration:none;
	}				
	
#footer a:hover {
	text-decoration:underline;
	}	
	
#footer p {
	margin:20px 0 0 0;
	}	
	
#footer p.aar {
	margin-top:3px;
}