/* ========================================================================================== */
/* Inside Scoop Live 								 										  */
/* Stylesheet by Pantheon Design, Austin Texas, and Milano Italia 							  */
/* general stylesheet 																		  */
/* September 2006				 															  */
/* ========================================================================================== */


/* ========================================================================================== */
/* 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;
	font-family:		Georgia, serif; 
	font-size:			.80em;
	color:				#000;}

p {
	margin-bottom:		1em;
	line-height:		1.3em;}
	
#sidebar 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;}

#sidebar h2 {
	background-color:	#B9C2ED;
	margin-bottom:		4px;
	padding:			4px 0px 4px 4px;
	font-size:			1.1em;}

#authortitlegenrelist h2 {
	margin-bottom:		4px;}

div.LongList p {}
div.LongList p a {
	color: 				#00a;}

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! */
	float:				left;
	border:				none;
	margin-right:		.5em;
	margin-bottom:		.5em;}

td {vertical-align:		top;}

.clearleft {
	/* use when you need to force a block element to remain below a float */
	clear:				left;}

/* some classes on the individual author's page */
h2.authoronauthorpage 		{margin-bottom:	.5em;}
p.listentointerview 		{margin-bottom:	.25em;}
p.otherauthorlinks 			{margin-top:	.45em;}



/* ========================================================================================== */
/* Home page styles ------------------------------------------------------------------------- */
/* ========================================================================================== */
 table.HomePageWelcomeTable {
	margin-bottom:		0em;
	border-collapse:	collapse;
	border-top:			1px solid #fff;
	border-right:		1px solid #fff;
	border-bottom:		1px solid #fff;
	border-left:		1px solid #fff;}

td.Welcome {
	background-color:	#fff;
	padding:			4px; 0px 0px 4px;}


table.HomePageFeaturesTable {
	margin-bottom:		1.5em;
	border-collapse:	collapse;
	border-top:			1px solid #DDD9E7;
	border-right:		1px solid #DDD9E7;
	border-bottom:		1px solid #DDD9E7;
	border-left:		1px solid #DDD9E7;}

td.Featured {
	background-color:	#F6F4F9;
	padding:			4px; 0px 0px 4px;}

div.HomePagePodcastImages {
	width:				479px;
	clear:				both;
	padding-bottom:		0px;}

table.podcastLinksLayout td {padding: 0px 4px;vertical-align:top;}

div.HomePagePodcastImages img {
	float:				none;
	margin-bottom:		4px;}

div.HomePagePodcastImages a:link 	{border: 0px;}
div.HomePagePodcastImages a:visited	{border: 0px;}
div.HomePagePodcastImages a:focus 	{border: 0px;}
div.HomePagePodcastImages a:hover 	{border: 0px;}
div.HomePagePodcastImages a:active 	{border: 0px;}



/* ========================================================================================== */
/* Page layout styles ----------------------------------------------------------------------- */
/* ========================================================================================== */

div#pagewrapper {
	/* creates the 3D page-in-a-page look */
	background:			#fff;
	margin-top:			1.5em;
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		1.5em;
	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:		16px;
	padding-left:		14px;
	width:				720px;
	text-align:			LEFT;
	color:				#000;}
	
	div#upperlinks {
	margin-bottom:		2px;
	text-align:			right;}
	
	div#header {
	background-image:	url(header.gif);
	height:				110px;}
		
	div#contentandsidebarwrapper {
	clear:				both:}
	
	div#content {
	margin-right:		220px;
	border-right:		1px dotted gray;
	padding:			10px 10px 10px 0px;}
	
	div#sidebar {
	/* 220px wide total */
	float:				right;
	background-color:	#f1eff6;
	width:				200px;
	padding:			10px;
	font-size:			90%;}
	
	div#footer {
	clear:				both;
	border-top:			1px dotted gray;
	padding-top:		1.25em;
	text-align: 		center;
	font-size:			.75em;}

	div#secondarynavigation {
	/* this is inside the contentArea div */
	margin-top:			0em;
	margin-bottom:		.5em;
	padding:			0em;
	line-height:		1.75em;}
	
		span#secondarynavyouarehere {
		/* this is inside the contentArea div */
		color:				#000;}
	
		div#tertiarynavigation {
		margin-top:			0em;
		margin-bottom:		.75em;
		padding:			0em;
		line-height:		1.75em;}
		
			span#tertiarynavigationnavyouarehere {
			font-weight:		bold;
			color:				#000;}


	h2.genreHeading {}
	h2.genreHovered {}

	p.listOfBooksInGenre {}	

	/* these little tables are better than all that twisted float control code */
	table.simple {
	border:				none;
	border-collapse:	collapse; 
	border-spacing: 	0px;}
	
	table.simple td {
	margin:				0px;
	border:				0px;
	padding:			0px;}
	
	
	table.miscellaneous {
	/* currently just used on the status page */
	width:				719px;
	background-color:	#ffffff;
	margin-top:			.5em;
	margin-bottom:		1em;
	border-collapse:	collapse; 
	border-spacing: 	4px;
	border-top:			1px solid #BEBFEC;
	border-right:		1px solid #BEBFEC;
	border-bottom:		1px solid #BEBFEC;
	border-left:		1px solid #BEBFEC;
	font-size:			.85em; }
	
	table.miscellaneous td, th {
	width:				auto;
	padding:			.35em;
	border-spacing: 	4px;
	border:				1px solid #B9C2ED; }
		
	table.miscellaneous th {
	background-color:	#B9C2ED;
	text-align:			left;
	color:				#fff; }

	/* colorize the entire td, including margin and padding */
	.checkmarked {
	background-color:	#f1eff6;
	text-align:			center;
	vertical-align:		middle;
	font-weight:		900;
	font-size:			1em;}



/* ========================================================================================== */
/* General use links styles ----------------------------------------------------------------- */
/* ========================================================================================== */
	
.author {
	color: 				#00a;
	text-decoration:	none;}
	
a:link {
	/* a link with no mouse interaction */
	color: 				#00a;
	text-decoration:	none;}
	
a:visited {
	/* a link that has been clicked on before the current visit */
	color: 				#00a;
	text-decoration:	none;}
	
a:hover {
	/* when the mouse is over a link */
	background-color:	#eeeeff;
	color: 				#00a;
	text-decoration:	underline;}
	
a:active {
	/* when the mouse is down on a link */
	background-color:	#eeeeff;
	color: 				#00f;
	text-decoration:	underline;}
	


/* ========================================================================================== */
/* 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:			#3848B0;
	color: 				#fff;}

/* for the current main link */

#navigation ul li.youarehere a {
	background:			#fffff9;
	color: 				#000;}
	
#navigation ul li.youarehere a:hover {
	background:			#fffff9;
	color: 				#000;
	text-decoration: 	underlne;}

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



/* ========================================================================================== */
/* Individual pages ------------------------------------------------------------------------- */
/* ========================================================================================== */


.adjsize {
	/* adjusts the size of form fields */
	width:				64%;
	margin-bottom:		1em;}


/* contact us = submit an author */

#name, #email, #phone, #location, #author, #comments {width: 64%; margin-bottom: 1em; padding:3px;}
#comments {width: 64%; margin-bottom: 1em; padding:3px;}
#zsr74 {width: 174px; margin-bottom: 1em; padding:3px;}
#submitButton {width: 100px;}




/* ============================================================================== */
/* 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. */
/* ============================================================================== */



/* ============================================================================== */
/* end of styles */
/* ============================================================================== */