/* Reader Views 								 					*/
/* Stylesheet by Pantheon Design, Austin Texas, and Milano Italia 	*/
/* general stylesheet 												*/
/* May 2006				 											*/
/* transitional markup, full quirks mode 							*/


/* General selectors ------------------------------------------------------------------------ */

html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset {
	/* set every browser's assumptions to 0. Later we set them to what we want */
	margin:				0em;
	padding:			0em;
	border:				0em;}
	
body {
	background:			#000;
/* 	background-image:	url(background.gif); */
	font-family:		Georgia, serif; 
	font-size:			.80em;
	color:				#000;}

p {
	margin-bottom:		1em;
	line-height:		1.3em;}
	
h1 {
	margin-bottom:		.5em;
	font-family:		Georgia, serif; 
	font-size:			1.35em;}

h2 {
	font-size:			1.1em;}

h3 {
	font-size:			1em;}

ul, ol {
	margin-left:		2em;
	margin-bottom:		1em;}

li {
	margin-left:		0em;
	margin-bottom:		.5em;}

img {
	/* ALL images are floated left! */
	border:				none;
	float:				left;
	margin-right:		.5em;
	margin-bottom:		.5em;}

td {
	vertical-align:		top;}
	
a:link {
	color: 				#CC0001;
	text-decoration:	none;}
	
a:visited {
	color: 				#CC0001;
	text-decoration:	none;}
	
a:hover {
	color: 				#E23437;
	text-decoration:	underline;}
	
a:hover .booktitle  {
	color: 				#554EA0;
	text-decoration:	underline;}
	
a:active {
	color: 				#f77;
	text-decoration:	underline;}
	



/* ============================================================================== */
/* containtheimage system. This expands a box so it always encloses its floated children */
/* http://www.positioniseverything.net/easyclearing.html */
/* ============================================================================== */
/*	put this class on an element that contains a float and you want the
	element's background to extend to the bottom of the floated element, 
	avoiding having the floated element stick down below the container. */

.containtheimage:after {
    content: 			"."; 
    display: 			block; 
    height: 			0; 
    clear: 				both; 
    visibility: 		hidden;}

.containtheimage {display: inline-table;}

/* Hides from IE-mac \*/
* html .containtheimage {height: 1%;}
.containtheimage {display: block;}
/* End hide from IE-mac */

/* end of containtheimage system. */
/* ============================================================================== */



/* ============================================================================== */
/* Page structure --------------------------------------------------------------- */
/* ============================================================================== */

div#pagewrapper {
	/* creates the 3D page-in-a-page look */
	background:			#fff;
	margin-top:			1.5em;
	margin-left:		auto;
	margin-right:		auto;
	border-left:		solid 1px #eee;
	border-top:			solid 1px #eee;
	border-right:		solid 1px #777;
	border-bottom:		solid 1px #777;
	padding-top:		2px;
	padding-right:		15px;
	padding-bottom:		12px;
	padding-left:		14px;
	width:				780px; /* sets the width the "page" in the browser window */
	text-align:			LEFT;
	color:				#000;}
	
div#header {
	background:			#CC0001;
	background-image:	url(header.gif);
	background-repeat:	no-repeat;
	height:				110px;}

div#upperlinks {
	text-align:			right;
	margin-bottom:		.25em;}

	#upperlinks a {
		font-size:		1em;}

div#contentWrapper {
	/* this forces the content under the navigation which is floated */
	/* this wraps the entire table that makes the two column layout */
	clear: 				both;}
	
div#contentArea {
	/* this is inside the first td of the table that makes the two column layout */
	/* NOTE: there is a hack in the containing TD, width="500", in order to get DW
	   design view to recognize the width. If you change the width, you will have to 
	   set it there also. RL NOTE: this width was removed from the TD on the index page
	   by RL. It still might exist on other pages/templates. */
	width:				560px;
	margin-top:			1em;
	padding:			.5em;}
	
div#secondarynavigation {
	/* this is inside the contentArea div */
	margin-bottom:		0em;
	padding:			0em;
	line-height:		1.75em;}
	
span#secondarynavyouarehere {
	/* this is inside the contentArea div */
	color:				#000;}
	
div#sidebar {
	/* this is inside the second td of the table that makes the two column layout */
	border-left:		1px dashed #E96769;
	padding-top:		.5em;
	padding-right:		0em;
	padding-bottom:		.5em;
	padding-left:		.5em;
	font-size:			90%;}
	
div#footer {
	border-top:			1px dashed #E96769;
	padding-top:		1.25em;
	text-align: 		center;
	font-size:			.75em;}

/* end of page structure ----------------------------------------------------------------------- */
/* ============================================================================== */



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

#navigation ul {
	float: 				left;
	clear: 				both;
	width: 				100%;
	background:			#000;
	margin:				0;
	padding:			0;
	color: 				White;}
	
#navigation ul li { 
	display: 			inline;}
	
#navigation ul li a {
	float: 				left;
	background:			#000;
	padding: 			0.5em 1.2em;
	color: 				#fff;
	text-decoration: 	none;}
	
#navigation ul li a:hover {
	background:			#CC0001;
	color: 				#fff;}

/* for the current main link */

#navigation ul li.youarehere a {
	background:			#fffff9;
	color: 				#CC0001;}
#navigation ul li.youarehere a:hover {
	background:			#fffff9;
	color: 				#CC0001;}

div.alphabetnavigation {
	margin:				0em;
	padding:			0em;}


/* alphabet pages that have so many reviews that they need to be paged */

div#reviewsMultiPageNavigation {
	overflow:			auto;
	zoom:				1;
	zborder-bottom:		1px solid #cc0001;
	padding-top:		19px; 
	margin-bottom:		10px; 
	font-weight: bold;
	font-style: normal;
}

div#reviewsMultiPageNavigation a.multiPageTab {
	width:								19%;
	float:								left;
	
	border:							1px solid #CC0001;
	
	zborder-top:							1px solid #CC0001;
	zborder-right:						1px solid #CC0001;
	zborder-bottom:						1px solid #ffffff;
	zborder-left:						1px solid #CC0001;
	
	
	-webkit-border-top-left-radius:		3px;
	-webkit-border-top-right-radius:	3px;
	-moz-border-radius-topleft:			3px;
	-moz-border-radius-topright:		3px;
	border-top-left-radius:				3px;
	border-top-right-radius:			3px;
	padding:							1px 0px 1px 0px;
	text-align:							center;
	text-decoration:					none;
	color:								#000;}

div#reviewsMultiPageNavigation a:link.multiPageTab				{}
div#reviewsMultiPageNavigation a:visited.multiPageTab			{}
div#reviewsMultiPageNavigation a:focus.multiPageTab				{}
div#reviewsMultiPageNavigation a:hover.multiPageTab				{background-color:#edebec; }
div#reviewsMultiPageNavigation a:active.multiPageTab			{}

div#reviewsMultiPageNavigation a.multiPageTabSelected			{border-bottom:1px solid #fff; cursor:default;}
div#reviewsMultiPageNavigation a:link.multiPageTabSelected		{}
div#reviewsMultiPageNavigation a:visited.multiPageTabSelected	{}
div#reviewsMultiPageNavigation a:focus.multiPageTabSelected		{}
div#reviewsMultiPageNavigation a:hover.multiPageTabSelected		{background-color:#fff;}
div#reviewsMultiPageNavigation a:active.multiPageTabSelected	{color:#000;}




/* end of navigation ----------------------------------------------------------------------- */
/* ============================================================================== */




/* end of styles */