/* ----------------------------------------------------------------------------
   CSS Reset (kills default browser styles)
---------------------------------------------------------------------------- */

/* © 2008 Eric Meyer: http://meyerweb.com/eric/tools/css/reset/ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td 
{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/* ----------------------------------------------------------------------------
   SITE
---------------------------------------------------------------------------- */

/* html elements ----------------------------------------------------------- */
html,
body { 
	height: 100%;
	width: 100%;
}
body {
	background: url(../img/grainy_bg.png) 0 0 fixed;
	color: #403B33;
	font: 16px/1.6 "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	margin: 120px auto;
	text-shadow: 0 -1px 1px rgba(255, 255, 255, .01);
	width: 960px;
}
h1 {
	color: #D3643B;
	font-size: 36px;
	margin-bottom: 0.5em;
}
h1 a, h1 a:link, h1 a:visited,
h1 a:hover, h1 a:active {
	border: none;
	color: #D3643B; /* inherit wasn't happy in IE */
}
h2 { 
	color: #D3643B;
	font-size: 18px;
	margin: 1.25em 0 0.5em;
}
p { margin-bottom: 1em; }
a, a:link {
	-webkit-transition: color 0.25s ease-in-out;
	border-bottom: 1px dotted #C6DFD6;
	color: #5E9E89;
	text-decoration: none;
}
a:visited, a:hover, a:active { color: #403B33; }
img, object {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: url(../img/img_bg.png) 0 0 repeat;
	display: block;
	left: -30px;
	padding: 10px;
	position: relative;
}
object { background: url(../img/object_bg.png) 0 0 repeat; }
object object {
	/* kills styles on the nested object hack */
	background: none;
	left: auto;
	padding: 0;
	position: static;
}
em { font: italic 17px/1.7 Georgia, Times, "Times New Roman", serif; }
blockquote {
	color: #646059;
	font: 16px/1.7 Georgia, Times, "Times New Roman", serif;
	margin-left: 2em;
	text-indent: -0.4em;
}

/* the search form --------------------------------------------------------- */
#search {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: url(../img/main_content_bg.png);
	margin-left: 730px;
	padding: 10px 0;
	position: fixed;
	top: 569px;
	width: 210px;
}
#search p { margin: 0; }
#search input {
	-webkit-transition: opacity 0.25s ease-in-out;
	background: none;
	border: none;
	color: #403B33;
	cursor: pointer;
	font-size: 14px;
	margin: 0 12px;
	opacity: 0.1;
	padding: 2px;
}
#search:hover input,
#search input:focus { opacity: 1; }

/* fixed position items ---------------------------------------------------- */
#unbudgeable {
	margin: 173px 0 0 570px;
	position: fixed;
}
#unbudgeable #logo a {
	background: url(../img/LN.png) 0 0 no-repeat;
	border: none;
	display: block;
	height: 203px;
	width: 376px;
}
#unbudgeable #tag_line {
	background: url(../img/tag_line_wide.png) 0 0 no-repeat;
	left: -4px;
	height: 34px;
	position: relative;
	width: 377px;
}

/* main content ------------------------------------------------------------ */
.content {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: url(../img/main_content_bg.png) 0 0 repeat;
	margin: 0 0 120px 90px;
	padding: 70px 80px;
	position: relative; /* for the page fold */
	width: 460px; /* 620 - 160 */
}
.content.bottom {
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	color: #9D9A95;
	font-size: 12px;
	margin-bottom: 0;
	padding: 40px 80px 20px;
}
.content.bottom p { line-height: 1.7; }
.page_fold {
	background: url(../img/page_fold.png) 0 0 no-repeat;
	height: 70px;
	left: 0;
	position: absolute;
	top: 0;
	width: 70px;
}
h1.quote {
	/* for the hanging left double quotation mark */
	font-size: 24px;
	margin-left: 0.5em;
	text-indent: -0.5em;
}
p.date {
	color: #94C7B6;
	font-size: 12px;
	margin-bottom: 0.35em;
}
p.image { margin-top: 2em; }
p.categories {
	color: #9D9A95;
	font-size: 12px;
}
p.search_results {
	margin: 0 0 2.5em 170px;
	width:460px;
}
.audio_player { margin: 1em 0; }
.book {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 17px;
	font-style: italic;
}
.older_newer {
	color: #9D9A95;
	font-size: 12px;
	margin-left: 90px;
	padding-left: 80px;
	position: relative;
	top: -100px;
}
.older_newer a { border-bottom: 0; }
.older_newer span { padding: 0 1em; }
#spacer { height: 1px; }

/* ----------------------------------------------------------------------------
   HACKS
---------------------------------------------------------------------------- */
.ir{text-indent:-20000em;overflow:hidden;}
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.hidden {display: none;}