/* ------- Lynda Hunt stylesheet ------- */
/* ---------------- Eric Dubois ----------------- */
/* ------------- www.ericdubois.com ------------- */

/* ------- Styles for page layout ------- */

body {
	margin: 0px;
	padding: 0px;
	background: #acf url(images/header_bkgd.jpg) repeat-x center top;
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}

#wrapper { width: 960px; margin: 0 auto; background: url(images/content_bkgd.jpg) repeat-y;}

/* ------- Images ------- */
img { 
	border: none;
	margin: 0; 
	padding: 0;
}

.floatleft { float:left; }
.floatright { float:right; }
.clear { clear: both; }

a:active {
outline: none;
}

a:focus {
-moz-outline-style: none;
}

/* ------- FOOTER ------- */
#footer_bkgd { clear: both; height:200px; margin-top:-20px; background: url(images/footer_bkgd.jpg) center top repeat-x; }
#footer { width: 960px; height:200px; margin: 0 auto; background: url(images/footer.jpg); }
#footer p, #footer p a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.3em;
	color: #feb;
	text-indent: 0;
	text-decoration: none;
	padding: 100px 0 0 225px;
	margin: 0;
}
#footer p a, #footer p a:link, #footer p a:visited {
	font-size: 1em;
	padding: 0 15px;
	margin: 0;
}
#footer p a:hover {
	color: #fff;
}
#footer a.webmaster { float: right; color: #feb; margin: 0 20px; position:relative; top: -1.5em; }
#footer a.webmaster:hover { color: #fff; }
#footer p+p { padding: 20px 0 0 240px; margin: 0; }

/* ------- MASTHEAD ------- */
#masthead { width: 960px; height:250px; background: url(images/header.jpg); }

/* ------- MAIN NAVIGATION ------- */
#mainNav { float: left; width: 960px; height: 250px; margin: 0; position: relative; z-index: 1000; }
#mainNav ul { float: left; margin: 0px; padding: 0; width:960px; height:250px; }
#mainNav ul li { display: inline; }
#mainNav ul li a, #mainNav ul li span { float: left; height: 0; overflow: hidden; }

#mainNav ul li#nav_home a { background-image: url(images/lynda_mullaly_hunt.gif); width: 210px; padding-top: 190px; background-position: 0 0; position: relative; top: 10px; }
#mainNav ul li#nav_home a:hover { background-position: 0 -190px; }
#mainNav ul li#nav_home span { background-image: url(images/lynda_mullaly_hunt.gif); width: 210px; padding-top: 190px; background-position: 0 -380px; position: relative; top: 10px; }

#mainNav ul li#nav_bio a { background-image: url(images/nav_bio.gif); width: 140px; padding-top: 120px; background-position: 0 0; position: relative; top: 118px; }
#mainNav ul li#nav_bio a:hover { background-position: 0 -120px; }
#mainNav ul li#nav_bio span { background-image: url(images/nav_bio.gif); width: 140px; padding-top: 120px; ; background-position: 0 -240px; position: relative; top: 120px; }

#mainNav ul li#nav_books a { background-image: url(images/nav_books.gif); width: 140px; padding-top: 100px;  background-position: 0 0; position: relative; top: 60px; }
#mainNav ul li#nav_books a:hover { background-position: 0 -100px; }
#mainNav ul li#nav_books span { background-image: url(images/nav_books.gif); width: 140px; padding-top: 100px; background-position: 0 -200px; position: relative; top: 60px; }
 
#mainNav ul li#nav_blog a { background-image: url(images/nav_blog.gif); width: 110px; padding-top: 100px;  background-position: 0 0; position: relative; top: 60px; }
#mainNav ul li#nav_blog a:hover { background-position: 0 -100px; }
#mainNav ul li#nav_blog span { background-image: url(images/nav_blog.gif); width: 110px; padding-top: 100px; background-position: 0 -200px; position: relative; top: 60px; }
 
#mainNav ul li#nav_links a { background-image: url(images/nav_links.gif); width: 90px; padding-top: 100px;  background-position: 0 0; position: relative; top: 130px; }
#mainNav ul li#nav_links a:hover { background-position: 0 -100px; }
#mainNav ul li#nav_links span { background-image: url(images/nav_links.gif); width: 90px; padding-top: 100px; background-position: 0 -200px; position: relative; top: 130px; }
 
#mainNav ul li#nav_contact a { background-image: url(images/nav_contact.gif); width: 110px; padding-top: 100px;  background-position: 0 0; position: relative; top: 90px; }
#mainNav ul li#nav_contact a:hover { background-position: 0 -100px; }
#mainNav ul li#nav_contact span { background-image: url(images/nav_contact.gif); width: 110px; padding-top: 100px; background-position: 0 -200px; position: relative; top: 90px; }

/* ------- WP NAVIGATION ------- */
#nav_wp { display: inline; }
#nav_wp a, #nav_wp span { float: left; height: 0; overflow: hidden; }
#nav_wp a { background-image: url(images/nav_WP.gif); width: 210px; padding-top: 45px;  background-position: 0 0; position: relative; }
#nav_wp a:hover { background-position: 0 -45px; }
#nav_wp span { background-image: url(images/nav_WP.gif); width: 210px; padding-top: 45px; background-position: 0 -90px; position: relative; }
 
/* ------- SUB NAVIGATION ------- */
#subnav{ margin: 10px; }
#subnav a, #subnav a:visited { background: #bdf; border: 1px solid #8bf; padding: 5px; margin: 5px; font-size: 1.2em; color: #000; }
#subnav a:hover { background: #fff; }
#subnav a:active { padding: 10px; }

/* ------- CONTENT ------- */
#content { float:right; display: inline-block; width: 640px; margin: 0px 0px 10px 0; padding: 0 80px 0 0; text-align: center; }
#sideBox { float:left; display: inline-block; width: 210px; margin: 0; padding: 0; }
#sideBox .bottom { background: url(images/sidebar_bottom.gif) no-repeat; height: 30px; position: relative; top: -5px;}
#sideBox .middle { background: url(images/sidebar_middle.gif) repeat-y;}
.sideContent { margin: 0px 20px; position: relative; top: -30px; }