/*CSS Reset*/

html, body, div, dl, dt, dd, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }

address, caption, cite, code, dfn, var { font-style: normal; font-weight: normal; }

input, select, textarea, table { font-size: 100%; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th { text-align: left; font-weight: normal; font-style: normal; }

acronym, abbr, fieldset, img { border: 0;}

/* basic styles */

a:link { color: #c71b23; }
a:visited { color: #880202; }
a:active, a:hover { color: #ff0000; }

body {
	background: #000;
	text-align: center;
	font: 16px Georgia, 'Times New Roman', Times, serif;
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
}

h3 { font-size: 24px; font-weight: bold; margin: 24px 0px 16px 0px; }

p {
	margin-bottom: 16px;
}

/* classes */
.aligncenter { text-align: center; }
.alignleft { text-align: left; }
.alignright { text-align: right; }

.bullet { margin: 0px; padding: 0px; list-style: none; }
	.bullet a:link, .bullet a:visited {
		background: url('images/base/bullet.gif') no-repeat; 
		padding: 5px 0px 7px 35px;
		display: block;
	}

.clear { clear: both; }

.external { background: url('images/base/icon-external.gif') no-repeat left center; padding-left: 15px; }

.floatleft { float: left; margin: 0px 1em 1em 0px; }
.floatright { float: right; margin: 0px 0px 1em 1em; }

.intro { font: 18px Helvetica, Arial, sans-serif; }

.pdf { background: url('images/base/icon-pdf.gif') no-repeat left center; padding-left: 15px; }

.pic { text-align: center; font: italic 12px Helvetica, Arial, sans-serif; }

/* layout */

#container {
	margin: 0px auto;
	width: 950px;
	text-align: left;
	color: #000;
	background: #fff;
}

#top {
	background: #880202;
	height: 65px;
	position: relative;
}

	#logo {
		width: 360px;
		height: 65px;
		margin: 0px;
		background: url('images/base/logo.gif') no-repeat 50% 50%;
	}
		#logo a {
			display: block;
			width: 360px;
			height: 65px;
			background: url('images/base/logo.gif') no-repeat 50% 50%;
			text-indent: -9999px;
		}
	
	#menu {
		margin: 0px;
		padding: 0px;
		list-style: none;
		position: absolute;
		right: 25px;
		top: 22px;
	}
		#menu li { display: inline; padding-left: 25px; }
		#menu a:link, #menu a:visited { 
			color: #f6c123; 
			font: 24px Helvetica, Arial, sans-serif; 
			text-decoration: none; 
			text-transform: lowercase;
		}
		#menu a:active, #menu a:hover { color: #fff; }
	
#content {
	background: url('images/base/mainpic-1.jpg') no-repeat;
	position: relative;
	padding: 255px 25px 25px 265px;
	min-height: 275px;
}
	.page-about #content { background-image: url('images/base/mainpic-2.jpg'); }
	.page-authors #content { background-image: url('images/base/mainpic-3.jpg'); }
	.page-reviews #content { background-image: url('images/base/mainpic-4.jpg'); }
	.page-order #content { background-image: url('images/base/mainpic-5.jpg'); }

#cover {
	position: absolute;
	left: 25px;
	top: 165px;
}

#title {
	color: #fff;
	font: bold 44px Helvetica, Arial, sans-serif;
	position: absolute;
	left: 265px;
	top: 191px;
	text-transform: lowercase;
}

#photo-description { 
	position: absolute;
	top: 10px;
	right: 25px;
	color: #fff;
	font: italic 12px Helvetica, Arial, sans-serif;
	-moz-opacity: .6;
	opacity: .6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity=60);
}

#footer {
	background: #880202;
	padding: 5px 25px;
	color: #fff;
	font: 12px Helvetica, Arial, sans-serif;
	clear: both;
}