body {
font: 1em "Times New Roman", "Georgia", Times, serif;
color: #f8f8ed;
background: #330800 url('../images/page_bg.jpg');
margin: 0;
}

a:link, a:visited, a:active {color: #f8d67a;}
a:hover {color: #ffe6a1;}
img {border: 0;}
dt {font-weight: bold; padding: 6px 12px 2px 10px;}
dd {margin-left: 0; padding-left: 12px;}
blockquote {line-height: 1.4; margin-left: 0; margin-bottom: 24px; padding-left: 10px; border-left: 3px solid #ddd;}
acronym {border-bottom: 1px dotted #666; cursor: help;}
input, textarea {font: .8em Verdana, Arial, Helvetica, sans-serif;}

.bright {font-weight: bold; color: #ffe6a1;}
.no-bullet {list-style: none; margin-left: 0; padding-left: 12px; margin-top: 0; padding-bottom: 12px;}
.underline {text-decoration: underline;}
.secondary-text {color: #E8E8DF;}
.float-left {float: left; margin-right: 6px;}
.bio-image {float: right; margin-right: 6px; margin-bottom: 2px; border: 2px solid #653526;}
.sizeup {font-size: 1.1em;}
.clear {clear: both;}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html .clearfix {height: 1%;} /* Hides from IE-mac \*/

#topper {
width: 100%;
height: 34px;
background-image: url('../images/leather_bg.jpg');
}

#container {
width: 760px;
margin: 0 auto;
}

#header {
position: relative;
height: 207px;
background: url('../images/header_bg.jpg') no-repeat top center;
}
#header h1 {margin: 0; padding: 0;}
#header h1 a {
position: absolute;
top: 16px;
left: 20px;
text-decoration: none;
width: 418px;
height: 33px;
}
#header h1 span {display: none; margin-left: -9999px;}
#header p.quote {
position: absolute;
	top: 170px;
	left: 230px;
font-style: italic;
font-size: 17px;
margin-top: 0;
}

ul#navigation {
position: absolute;
	top: 69px;
	left: 25px;
list-style: none;
font: 12px Georgia, "Times New Roman", Times, serif;
margin: 0;
padding: 0;
}
ul#navigation li {display: inline; position: relative; /*position relative fixes ie bug of not showing the bottom borders*/}
ul#navigation li a:link, ul#navigation li a:visited, ul#navigation li a:active {margin: 5px 6px; text-decoration: none; color: #fff9f7;}
ul#navigation li a:hover {border-bottom: 4px solid #97806b; color: #fff; padding-bottom: 1px;}
ul#navigation li #current {border-bottom: 4px solid #7d6450; color: #bfaea0; padding-bottom: 1px;}

#content h1 {
font: 24px Georgia, "Times New Roman", Times, serif;
height: 38px;
background: url(../images/heading_bg.jpg) repeat-x;
padding: 5px 0 0 20px;
margin-top: 0;
}
#content p {padding-left: 12px; padding-right: 12px; line-height: 1.4;}

#recommendations {
list-style: none;
}
#recommendations li {
line-height: 1.4;
padding: 10px;
margin-bottom: 20px;
border-top: 1px solid #45251a;
border-right: 1px solid #45251a;
border-bottom: 1px solid #45251a;
border-left: 3px solid #45251a;
}
#recommendations li.color1 {background-color: #5e3728;}
#recommendations li.color2 {background-color: #370d00;}
#recommendations li.color3 {background-color: #471c15;}
#recommendations li.color4 {background-color: #4d1e17;}
#recommendations li:hover {background-color: #3e1407;}

#sidebar {
float: right;
width: 200px;
background-color: #370d00;
border: 1px solid #653526;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 12px;
}
#sidebar h2 {
font: 18px Georgia, "Times New Roman", Times, serif;
border-bottom: 1px solid #653526;
padding-left: 4px;
margin-top: 2px;
}

#books-sidebar {
float: right;
width: 250px;
text-align: center;
background-color: #370d00;
border: 1px solid #653526;
padding-bottom: 5px;
margin-left: 12px;
}
#books-sidebar h2 {
font: 18px Georgia, "Times New Roman", Times, serif;
text-align: left;
background-color: #653526;
border-top: 1px solid #653526;
padding: 4px 2px;
margin-top: 0;
}
#books-sidebar h2.first {border: 0;}
#books-sidebar p {margin-top: 0; padding-top: 0;}

.product-container {
clear: both;
width: 700px;
background-color: #370d00;
border: 1px solid #512b1e;
padding: 10px;
margin: 12px 0;
}
.product-container h2 {
margin-top: 2px;
margin-bottom: 2px;
font: 18px Georgia, "Times New Roman", Times, serif;
}
p.author-name {
margin-top: 0;
padding-top: 2px;
}

#footer {
clear: both;
width: 100%;
height: 34px;
color: #f8d0c0;
background-image: url('../images/leather_bg.jpg');
margin-top: 50px;
}
#footer p {
width: 760px;
text-align: right;
margin: 0 auto;
padding: 5px 4px 0 0;
}
#footer a {color: #f8d0c0;}