/*
	
	Devreaux Baker styles

*/


/* css reset */

html,body,div,object,p,span,img,a,
h1,h2,h3,h4,h5,h6,
abbr,acronym,address,blockquote,q,
sub,sup,em,strong,dfn,code,samp,kbd,var,cite,pre,
ol,ul,li,
dl,dt,dd,
form,fieldset,label,legend
{
	margin: 0; padding: 0; border: 0; outline: 0;
	font-size: 1em; font-weight: normal; font-style: normal;
	vertical-align: baseline;
	background: transparent;
}
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; }
:focus { outline: 0; }
a img { border: 0; }




/*  layout  */

#whole {
	width: 900px;
	margin: 0 auto;
	padding: 50px 0 80px;
	}

.clear { display: block; clear: both; }



/*  headers  */


h1 {
	margin: 32px auto;
	margin-bottom: 64px;
	overflow: hidden;
	height: 0;
	width: 328px;
	padding: 41px 0 0 0;
	background: rgb(252,249,242) url(../images/h1.png) no-repeat 0 0;
	}

h2 {
	margin: 0 auto;
	margin-bottom: 24px;
	font-variant: small-caps;
	font-size: 16px;
	letter-spacing: 4px;
	}

h2:hover {
	cursor: pointer;
	}
	
h2#bio {
	overflow: hidden;
	height: 0;
	width: 229px;
	padding: 27px 0 0 0;
	background: rgb(252,249,242) url(../images/h2bio.png) no-repeat 0 0;
	}
	
h2#books {
	overflow: hidden;
	height: 0;
	width: 130px;
	padding: 27px 0 0 0;
	background: rgb(252,249,242) url(../images/h2books.png) no-repeat 0 0;
	}
	
h2#poems {
	overflow: hidden;
	height: 0;
	width: 130px;
	padding: 27px 0 0 0;
	background: rgb(252,249,242) url(../images/h2poems.png) no-repeat 0 0;
	}
	
h2#broadsides {
	overflow: hidden;
	height: 0;
	width: 246px;
	padding: 27px 0 0 0;
	background: rgb(252,249,242) url(../images/h2broadsides.png) no-repeat 0 0;
	}

h3 {
	font-size: 16px;
	color: rgb(233,29,29);
	display: inline;
	padding: 0;
	border-bottom: 0px solid rgb(233,29,29);
	}
	
h3:hover {
	cursor: pointer;
	color: rgb(233,29,29);
	border-bottom: 1px solid rgb(233,29,29);
	}
	
	
h4 {
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 18px;
	}



/*  colors  */

body {
	background-color: rgb(252,249,242);
	color: rgb(53,52,51);
	}


/*  typography  */

body {
	font: 12px/18px Georgia, serif;
	text-align: center;
	}
	
p { margin-bottom: 18px; }

a:link, a:visited { color: rgb(233,29,29); text-decoration: none; }
a:hover, a:active { text-decoration: none; border-bottom: 1px solid rgb(233,29,29); }

#content img {
	margin: 0 0 0;
	border: 0px solid rgb(255,255,255);
	}


/*  lists  */

ul {
	margin-bottom: 36px;
	}
	
ul li {
	margin-bottom: 9px;
	clear: both;
	}
	
ul li em {
	font-style: italic;
	}



/*  particular styles  */


div.bio {
	width: 500px;
	text-align: left;
	margin: 0 auto 36px;
	}
	
#content .bio img {
	float: left;
	margin: 5px 21px 21px 0;
	border: 0px solid rgb(255,255,255);
	}


div.itemcontent {
	margin: 12px 0 18px;
	padding: 0;
	}


div.broadsidecontent {
	background-color: rgb(255,255,255);
	margin: 12px 0 18px;
	padding: 18px 18px 18px;
	}
	
div.broadsidecontent img {
	float: left;
	}
	
.poemtext {
	width: 423px;
	float: right;
	text-align: left;
	margin: 0 0 18px;
	padding: 0;
	}


p.note { font-style: italic; }
p.note a { font-style: italic; }


p#contact {
	margin-top: 64px;
	font-style: italic;
	color: rgb(233,29,29);
	}

p#contact span {
	text-transform: uppercase;
	letter-spacing: 3px;
	color: rgb(53,52,51);
	}


input.buynow {
	margin: 10px 0 0;
	}


p.left-cover {
	float: left;
	margin-left: 80px;
	margin-top: 18px;
	}

p.book-quote {
	width: 200px;
	float: left;
	text-align: left;
	margin-left: 27px;
	margin-top: 18px;
	}
p.book-quote span.quote-byline {
	font-style: italic;
	}
	
.itemcontent form {
	margin-top: 18px;
	}