@charset "utf-8";


/* = Reset elements via Eric Meyer
-------------------------------------------------------------- */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
:focus 				{ outline: 0; }
body 				{ line-height: 1; }
ol, ul 				{ list-style: none; }
table 				{ border-collapse: separate; border-spacing: 0; }
caption, th, td 	{ text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after 	{ content: ""; }
blockquote, q 		{ quotes: "" ""; }
strong				{ font-weight:bold; }
img 				{ border:0; }


/* = Base Page Structure
-------------------------------------------------------------- */
html,body 	{ width:100%; height:100%; }
body 		{ text-align:center; background: #FFF; }	
.hidden		{ display:none; }


/* = Clear Fix
-------------------------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }


/* = Typography
-------------------------------------------------------------- */
body, p 		{ font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 11px; text-align: left; }
h1, h2, h3, h4, h5 
			{ font-size:13px; color:#333; }
h1 			{ font-size:14px; }
h4, h5 		{ font-size:11px; }
a 			{ color:#933; text-decoration:none; }
a:hover 	{ text-decoration:underline; }

td, td.label{ font-size:11px; text-align:left; }


#book 		{ text-align:left; margin:0px auto; width:799px; }
#book .top, #book .mid, #book .btm
			{ width:799px; background-repeat:no-repeat; background-position: left top; }
	
	
/* = Top
-------------------------------------------------------------------------------------- */
#book .top	{ background-image: url(images/lonerbook_top.gif); height:246px; }


/* = Mid
-------------------------------------------------------------------------------------- */
#book .mid	{ background-image: url(images/lonerbook_mid.jpg); height:100px; }


/* = Btm
-------------------------------------------------------------------------------------- */
#book .btm	{ background-image: url(images/lonerbook_btm.gif); height:304px; }


/* = Footer
-------------------------------------------------------------------------------------- */
#footer		{ text-align:center; width:799px; }
#footer a	{ height:50px; line-height:50px; text-align:center; margin:0 auto; font-size:14px; font-weight:bold; color:#0b074f; }
#footer a:hover	{ color:#667799; }
