@import url("reset.css");
@import url("helpers.css");

html, body {
	height: 100%;
	text-align: center;
}

#siteContainer {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

#sidebar {
	width: 130px;
}

	#sidebar ul {
		list-style: none;
		margin: 100px 0 0 15px;
		font: 11px Arial, "sans-serif";
	}
	
	#sidebar ul li a {
		color: #990000;
		text-decoration: none;
		line-height: 20px;
	}
	
	#sidebar ul li a:hover, 
	#sidebar ul li a:active {
		color: #ccc;
		text-decoration: underline;
	}
	
#content {
	width: 750px;
	color: #000
}

	#content h1 {
		font: 32px "Helvetica Neue", Helvetica, Arial, "sans-serif";
		margin: 32px auto;
	}
	
	#content h2 {
		font: 24px "Helvetica Neue", Helvetica, Arial, "sans-serif";
		line-height: 24px;
		margin: 0 auto 20px;
	}
	
	#content h3 {
		font: 20px "Helvetica Neue", Helvetica, Arial, "sans-serif";
		line-height: 20px;
		font-weight: bold;
		margin: 50px 0 20px 0;
	}
	
	#content a {
		color: #990000;
		text-decoration: underline;
	}
	
	#content a:hover, 
	#content a:active {
		color: #ccc;
		text-decoration: none;
	}
	
	#content p {
		font: 14px Arial, "sans-serif";
		line-height: 24px;
		margin-bottom: 14px;
	}

	#content #booklist img {
		width: 222px;
		padding: 0 12px 18px 0;
		border: 0px solid #000;
	}
	
	#content blockquote {
		font: 14px Georgia, "serif";
		line-height: 24px;
		font-weight: normal;
		margin: 20px 50px 20px 50px;
	
	}