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

* Filename: styles.css
* Description: Main styles for The List Lady
* Version: 1.0.0 (2009.06.03)
* Website: www.thatlistlady.com
* Author: Dana Severance @ Automatit, Inc

== ANCHOR =========================================

	@reset				Standard Reset
	@general			General Declarations
	@typography			Typorgraphy
	@header				Header Declarations
	@content			Content Declarations
	@footer				Footer Declarations

-------------------------------------------------------*/

/* @reset
-------------------------------------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin: 0; padding: 0;}
html {height: 100%; overflow-y: scroll;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
img {border: 0;}

/* @general
-------------------------------------------------------*/
h1 {font-size:14pt;}
body {background: url(../img/bg.gif); color: #4a5632; font: 13px/18px Georgia, serif; height: 100%;}
#wrap {height: auto !important; height: 100%; min-height: 100%; position: relative;}
.wrap {margin: 0 auto; width: 972px;}
#container {background: url(../img/container.gif) center top repeat-x; min-height: 122px; padding: 0 0 10px 0; position: relative; width: 100%; z-index: 5;}
#container .wrap {background: url(../img/content.gif) right top no-repeat; height: auto !important; height: 586px; min-height: 586px;}
#container .wrap:after {clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden;}
.clear {clear: both;}

/* @typography
-------------------------------------------------------*/
input, select, option { color: #4a5632; font: 13px/18px Georgia, serif;}
#content p {background: url(../img/hr.gif) no-repeat bottom center; padding-bottom: 21px; margin-bottom: 6px;}
#content p.last {background: none; margin-bottom: 0;}
#content p .letter {font-size: 32px; line-height: 32px;}
#content ol, #content ul {
	margin: 0 0 6px 20px;
	padding: 0 0 10px 0;
}
	#content li {margin: 0; padding: 0 0 5px 0;}
a:link, a:visited {text-decoration: none;}
a:hover, a:active {text-decoration: underline;}
a {color: #b2622c;}

/* @header
-------------------------------------------------------*/
#header {background: url(../img/header-bg.png) top repeat-x; height: 261px; position: relative; width: 100%; z-index: 1;}
	#header .wrap {background: url(../img/header.png) no-repeat; height: 174px; position: relative; width: 930px;}
		#header .wrap #menu {height: 174px; left: 295px; position: absolute; top: 0px; width: 635px;}

/* @content
-------------------------------------------------------*/
#content {float: left; width: 561px;}

/* @aside
-------------------------------------------------------*/
#aside {float: right; position: relative; width: 411px; z-index: 5;}
	#aside h1 {left: 110px; position: absolute; top: -40px; z-index: 5;}
	#aside img.aside {display: block; margin: 0 auto; position: relative; top: 25px;}

/* @footer
-------------------------------------------------------*/
#footer {background: url(../img/footer-bg.gif) repeat-x top; bottom: 0; clear: both; color: #fee6b6; font-size: 12px; height: 74px; line-height: 16px; left: 0; position: relative; width: 100%; z-index: 6;}
	#footer .wrap {background: url(../img/footer.gif) no-repeat; height: 35px; padding: 0 0 0 0; width: 836px;}
		#footer .wrap p {padding: 8px 0 0 0; text-align: center;}
		#footer .wrap p img {vertical-align: text-bottom;}
		#footer #nav-bot {color: #7f4c29; display: block; margin: 20px 0 0 0; text-align: center;}
			#footer #nav-bot li {display: inline;}
			#footer #nav-bot li a {color: #7f4c29; border-right: 1px dotted #7f4c29; padding: 0 .55em 0 .5em;}
			#footer #nav-bot li.last a {border-right: none; padding: 0 0 0 .5em}