/*	Reset
================================================= */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,  strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}
body {
	line-height: 1;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
section, article, aside, header, footer, nav, dialog, figure {
	display:block;
}


/*	Reusable Classes
================================================= */

.hide {display: none !important;}
.clear {clear: both !important;}
.noborder {border: none !important;}
.nopadding {padding: 0 !important;}

.small {
	font-size: 8pt;
	line-height: 11pt;
}

.errorlist {
	font-size: 8pt;
	line-height: 11pt;
	padding-bottom: 0px;
	color: red;
}

.errorlist li {
	border-bottom: 0px;
}

hr {
	border: 0;
	background-color: #d5c9ba;
	height: 1px;
	margin: 20px 0;
}

/*	Structure
================================================= */

html {
	background: url(/media/background.png) #cdd7de;
	-webkit-text-stroke: .5px transparent;
	font: 10.5pt 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	color: #714a26;
	line-height: 15pt;
}

a {
	color: #956232;
}

body {
	width: 500px;
	margin: 0 auto;
}

h1 {
	padding-top: 50px;
	margin-bottom: 25px;
}

h1 a {
	display: block;
	background: url(/media/logo.png) no-repeat;
	width: 436px;
	height: 41px;
}

nav {
	margin: 25px 0;
	background: url(/media/paper_bottom.png) bottom repeat-x #f6f3ec;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .35);
	-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, .35);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, .35);
	border-top: 1px solid #fdfcfa;
	padding: 20px;
	
}

/*	Navigation
================================================= */

nav ul {
	list-style: none;
}

nav li {
	float: left;
	border-right: 1px solid #d5c9ba;
}

nav li a {
	display: block;
	width: 209px;
	height: 55px;
	background: center no-repeat;
}

nav li a#post {
	background-image: url(/media/post.png);
	margin-right: 20px;
}

nav li a#find {
	background-image: url(/media/find.png);
	margin-left: 20px;
}

/*	Content
================================================= */

article {
	margin: 25px 0;
	background: url(/media/paper_bottom.png) bottom repeat-x #f6f3ec;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .35);
	-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, .35);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, .35);
}

article header {
	height: 51px;
	width:  460px;
	padding: 0 20px;
	background: #554e40 url(/media/section_header.png) repeat-x;
	display: table-cell;
	
	vertical-align: middle;
	font-size: 18pt;
	color: #FFF;
	text-align: right;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

article header h2 {
	width: 360px;
	font-weight: bold;
	float: left;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
}

article header .button {
	background-color: #9cafbb;
	border-top: 1px solid #cbd5db;
	padding: 3px 7px;
	margin: 4px 0 0;
	float: right;
	
	font-size: 9pt;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .35);
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .35);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, .35);
}


article section {
	padding: 20px;
}

section div.book {
	float: left;
	width: 340px;
}

section div.price {
	float: right;
	width: 110px;
	text-align: right;
	margin-top: 3px;
	font-size: 22pt;
}

section ul {
	padding-bottom: 5px;
}

section li {
	list-style: none;
	border-bottom: 1px solid #d5c9ba;
}

section li a {
	height: 100%;
	display: block;
	text-decoration: none;
	color: #714a26;
	padding: 15px 20px 17px;
}

section li a:hover {
	background-color: #efe9dc;
}

section li h3 {
	font-size: 16pt;
}

section li p {
	padding-top: 2px;
	color: #bc9471;
}

/*	Footer
================================================= */

footer {
	margin-top: 50px;
	margin-bottom: 15px;
	color: #7f919d;
	font-size: 9pt;
	font-weight: bold;
}

footer a {
	color: #596973;
	text-decoration: none;
}

/*	Book Details
================================================= */

table th {
	width: 90px;
	text-align: right;
	padding-right: 20px;
	vertical-align: top;
	padding-bottom: 15px;
}

table td {
	vertical-align: top;
	padding-bottom: 15px;
}

/*	Forms
================================================= */

input,
textarea {
	padding: 6px;
	border: 2px solid #dbc6b3;
	width: 320px;
	background-color: #fdfcfc;
	color: #392818;
	font: 9pt "Helvetica Neue","Helvetica","Arial",sans-serif;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.prepend {
	padding: 6px 0px 6px 0px;
	color: #392818;
	font: 9pt "Helvetica Neue","Helvetica","Arial",sans-serif;
}

input#id_price {
	padding: 6px 6px 6px 0px;
	width: 50px;
}

input:focus,
textarea:focus {
	outline: none;
	border-color: #c0946d;
	background-color: fffdfd;
}

button {
	background: url("/media/submit.png") top left no-repeat;
	width: 82px;
	height: 34px;
	vertical-align: middle;
	border: none;
	color: #FFF;
	font: bold 10pt "Helvetica Neue","Helvetica","Arial",sans-serif;
	text-transform: uppercase;
	cursor: pointer;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, .2);
}

button:active {
	background-position: bottom left;
}

select {
	font-family: 'Lucida Console', Monaco, monospace;
}


select:focus {
	outline: none;
}

.formth {
	padding-top: 8px;
}

/*	Pagination
================================================= */

pagination previous {
	float: left;
}

pagination next {
	float: right;
}

pagination .button {
	background-color: #554e40;
	border-top: 1px solid #554e40;
	padding: 3px 7px;
	margin: 4px 0 0;
	
	font-size: 9pt;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .35);
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .35);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, .35);
}

/*	Controls
================================================= */

controls dropdown {
	height: 51px;
	width:  460px;
	padding: 0 20px;
	background: #554e40 url(/media/section_header.png) repeat-x;
	display: table-cell;
	
	vertical-align: middle;
	font-size: 18pt;
	color: #FFF;
	text-align: right;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

controls dropdown h2 {
	width: 360px;
	font-weight: bold;
	float: left;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*	Text
================================================= */

.prose {
	line-height: 1.6;
}

.prose h2 {
	font-size: 18pt;
	padding: 0px 6px 0px 0px;
}

.prose h3 {
	font-size: 14pt;
	padding: 0px 6px 0px 0px;
}

.prose p {
	padding: 0px 6px 8px 0px;
}