/*** GENERAL STYLES ***/

body {background: #a26833; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 12px; color: #683400;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 16px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #e87400;}

.hide {display: none;}
.small {font-size: 10px;}
.large {font-size: 13px; line-height: 17px;}
.alert {color: #d00; font-weight: bold;}
.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.line {clear: both; height: 1px; overflow: hidden; margin-bottom: 25px; border-bottom: 1px solid #e6cfaf;}


/*** STRUCTURAL STYLES ***/

#top {position: relative; height: 145px; background: #faf1dc url(/images/top.gif) repeat-x;}
#middle {background: #faf1dc;}
#bottom {position: relative; height: 38px; background: url(/images/bottom.gif) repeat-x; line-height: 38px; font-size: 9px; color: #e6cfaf;}

#top h1 {position: absolute; left: 0; top: 0;}
#top h1 a {display: block; width: 400px; height: 100px; background: url(/images/logo.gif); overflow: hidden; line-height: 300px;}
#top ul {position: absolute; left: 489px; top: 50px; width: 281px; height: 25px; background: url(/images/nav.gif);}
#top li {float: left;}
#top li a {display: block; height: 25px; overflow: hidden; line-height: 100px;}

#navbook a {width: 62px;}
#navauth a {width: 71px;}
#navcont a {width: 89px;}
#navhome a {width: 59px;}

#navbook a:hover {background: url(/images/nav.gif) 0 -50px;}
#navauth a:hover {background: url(/images/nav.gif) -62px -50px;}
#navcont a:hover {background: url(/images/nav.gif) -133px -50px;}
#navhome a:hover {background: url(/images/nav.gif) -222px -50px;}

#navbook.on a {background: url(/images/nav.gif) 0 -25px;}
#navauth.on a {background: url(/images/nav.gif) -62px -25px;}
#navcont.on a {background: url(/images/nav.gif) -133px -25px;}
#navhome.on a {background: url(/images/nav.gif) -222px -25px;}

#main {width: 730px; padding: 0 20px 60px 20px;}
#leftcol {float: left; width: 250px;}
#rightcol {float: right; width: 430px;}

#bottom p {padding: 0 25px;}
#bottom ul {position: absolute; left: 545px; top: 0; width: 200px; text-align: right;}
#bottom li {display: inline;}
#bottom a {color: #e6cfaf; text-decoration: none;}
#bottom a:hover {text-decoration: underline;}


/*** FEATURED STYLES ***/

.featuredbooks, .featuredauthors, .thisauthor, .thisbook {height: 35px; overflow: hidden; line-height: 100px;}
.featuredbooks {background: url(/images/featured-books.gif) 1px 10px no-repeat;}
.featuredauthors {background: url(/images/featured-authors.gif) 1px 10px no-repeat;}
.thisauthor{background: url(/images/this-author.gif) 1px 10px no-repeat;}
.thisbook {background: url(/images/this-book.gif) 1px 10px no-repeat;}

img.thumb {position: relative; float: left; width: 75px; border: 1px solid #cba373; margin: 0 10px 0 0; z-index: 5;}
p.byline {margin-bottom: 10px;}
p.description {height: 48px; overflow: hidden; margin-bottom: 0;}
div.continued {font-style: italic;}
a.more, a.buynow {position: relative; float: right; width: 53px; height: 23px; margin: 5px 0 0 2px; overflow: hidden; line-height: 100px;}
a.buynow {width: 68px;}

.leftitem {position: relative; margin-bottom: 10px; background: url(/images/featured.gif); padding: 6px 6px 5px 6px; height: 1px;}
	html>body .leftitem {height: auto;}
.leftitem  * {font-family: tahoma, arial, helvetica, sans-serif; font-size: 10px; line-height: 12px;}
.leftitem .top, .leftitem .bottom {position: absolute; left: 0; width: 250px; height: 29px;}
.leftitem .top {top: 0; background: url(/images/featured-top.gif);}
.leftitem .bottom {bottom: -1px; background: url(/images/featured-bottom.gif) left bottom no-repeat;}
	html>body .leftitem .bottom {bottom: 0;}
.leftitem .content {position: relative;}
.leftitem h2 {padding-top: 2px;}
	body.books .leftitem h2 {margin-bottom: 10px;}
.leftitem h2 a {color: #4f2400;}
.leftitem h2 a:hover {color: #e87400;}
.leftitem .description {float: right; width: 151px; margin-bottom: 3px;}
.leftitem div.continued {clear: right; float: right; width: 151px;}
.leftitem a.more {clear: right; background: url(/images/featured-more.gif) right top no-repeat;}
.leftitem a.buynow {background: url(/images/featured-buynow.gif) right top no-repeat;}

.rightitem {clear: both; position: relative; padding: 12px 3px 10px 3px; border-top: 1px solid #e6cfaf;}
.rightitem .thumb {margin: 0 20px 0 0;}
.rightitem div.continued {float: left;}
.rightitem a.more {background: url(/images/btn-more.gif) right top no-repeat;}
.rightitem a.buynow {background: url(/images/btn-buynow.gif) right top no-repeat;}

body.detail .rightitem {padding-top: 25px;}
body.detail .rightitem .photo {float: right; width: 150px; border: 1px solid #cba373; margin: 45px 0 20px 30px;}
body.detail .rightitem h2 {font-size: 16px; line-height: 20px;}
	body.authors .rightitem h2 {margin-bottom: 10px;}
body.detail .rightitem .subtitle {display: block; margin: 5px 0; font-size: 14px; line-height: 17px;}
body.detail .rightitem .description {height: auto; overflow: visible; margin-bottom: 1.5em;}
body.detail .rightitem a.buynow {position: absolute; right: 0; top: 25px; margin: 0;}


/*** CONTENT STYLES ***/

h1.title {height: 16px; margin-bottom: 30px; overflow: hidden; line-height: 100px;}
body.home h1.title {height: 39px; background: url(/images/h1-home.gif) no-repeat;}
body.books h1.title {background: url(/images/h1-books.gif) no-repeat;}
body.authors h1.title {background: url(/images/h1-authors.gif) no-repeat;}
body.contact h1.title {background: url(/images/h1-contact.gif) no-repeat;}


/*** FORM STYLES ***/

.button, .buttonhover {float: right; border: 0; background: #683400; text-transform: uppercase; text-decoration: none; padding: 0 10px; height: 20px; line-height: 20px; color: #faf1dc; font-weight: bold; margin-left: 10px; cursor: pointer; cursor: hand;}
.button:hover, .buttonhover {background: #e87400; color: #faf1dc;}

#contactform {position: relative; background: url(/images/contactform.gif); padding: 15px 0; height: 1px;}
	html>body #contactform {height: auto;}
#contactform .top, #contactform .bottom {position: absolute; left: 0; width: 430px; height: 5px; overflow: hidden; z-index: 1;}
#contactform .top {top: 0; background: url(/images/contactform-top.gif);}
#contactform .bottom {bottom: -1px; background: url(/images/contactform-bottom.gif);}
	html>body #contactform .bottom {bottom: 0;}

/*
#contactform .top, #contactform .bottom {position: absolute; left: 0; width: 430px; height: 5px; z-index: 1;}
#contactform .top {top: 0; background: url(/images/contactform-top.gif);}
#contactform .bottom {bottom: 0; background: url(/images/contactform-bottom.gif);}
*/

.formtable {border-collapse: collapse; z-index: 5;}
.formtable th, .formtable td {font-weight: normal; padding: 5px 10px;}
.formtable th {font-weight: bold; text-align: right; padding-right: 0;}
.formtable thead th, .formtable thead td {font-weight: bold; text-transform: uppercase; white-space: nowrap;}
.formtable tfoot td {text-align: right; padding-bottom: 0;}
.formtable tfoot input {width: auto; margin-left: 10px;}
.formtable textarea {width: 300px; height: 150px;}
.formtable input {width: 300px;}
.formtable input.checkbox, .formtable input.radio {width: auto; vertical-align: middle;}