@charset "UTF-8";
/* CSS Document */

html, body {
	margin:0px 0px 20px 0px;
	padding:0;
	background: #000000;
	font-size: 100%; /* Fixes bug in older versions of IE */
	}
	
.clearFloat {
	clear:both;
	display:block;
	}
	
	h1 { 
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1em;
		font-weight: bold;
		color: #bdc4cb;
		color: #97b0ca;
		}
	
	p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: .9em;
		font-weight: normal;
		color: #818181;
		}
		
	 a {text-decoration: underline;color: #818181;}
	 a:hover {color: #97b0ca; text-decoration: none;}
	 
	 .smallCaps {
		font-size: .75em;
		text-transform:capitalize;
		}
			
#containerJoan {background: url(../images/BG_Joan.jpg) no-repeat top left;}
#containerCosimo {background: url(../images/BG_Cosimo.jpg) no-repeat top left;}
#containerMafia {background: url(../images/BG_Mafia2.jpg) no-repeat top left;}
#containerBenandanti {background: url(../images/BG_Benandanti.jpg) no-repeat top left;}
#containerValparuta {background: url(../images/BG_Valparuta.jpg) no-repeat top left;}
#containerAuthor {background: url(../images/BG_author.jpg) no-repeat top left;}
#containerExcerpt {background: url(../images/BG_excerpt.jpg) no-repeat top left;}
#containerBook {background: url(../images/BG_theBook.jpg) no-repeat top left;}
	
#titleBox {
	margin: 0px 0px 0px 578px;
	padding-top: 43px;
	width: 361px;
	height: 126px;
	}
	
#mainNavContainer {
	margin: 56px 0px 0px 383px;
	width: 595px;
	height: 24px;
	}		
			
#mainNavContainer ul	{
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	}
	#mainNavContainer li { display: inline; color: #97b0ca; padding: 0 .5em;}
	#mainNavContainer li a {text-decoration: none;color: #818181;}
	#mainNavContainer li a:hover {color: #97b0ca; text-decoration: none;}
	
#characterNav {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 40px 0px;
	list-style-type: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: .8em;
	text-align: center;
	}
	#characterNav li { display: inline; border-right: 1px solid #818181; color: #97b0ca; padding: 0 1.2em 0 .5em;}
	#characterNav li a {text-decoration: none;color: #818181;}
	#characterNav li a:hover {color: #97b0ca; text-decoration: none;}
	#characterNav li.last {border-right:none;}
	
	#contentContainer {
		width: 603px;
		margin: 0px 0px 40px 375px;
		background: url(../images/BG_textBox.jpg) no-repeat;
		}
		
	#contentContainerJoan {
		width: 603px;
		margin: 0px 0px 0px 375px;
		background: url(../images/BG_textJoan.jpg) no-repeat;
		}
	
	#contentContainerMafia {
		width: 603px;
		margin: 0px 0px 0px 375px;
		background: url(../images/BG_textMafia.jpg) no-repeat;
		}
		
	#contentContainerCosimo {
		width: 603px;
		margin: 0px 0px 0px 375px;
		background: url(../images/BG_textCosimo.jpg) no-repeat;
		}
		
	#contentContainerBenandanti {
		width: 603px;
		margin: 0px 0px 0px 375px;
		background: url(../images/BG_textBenandanti.jpg) no-repeat;
		}
		
	#contentContainerValparuta {
		width: 603px;
		margin: 0px 0px 0px 375px;
		background: url(../images/BG_textValparuta.jpg) no-repeat;
		}
	
		#content {
			width:560px;
			margin: auto;
			}
			
	#purchase {
		float:left;
		width:260px;
		}
				
	#publishing {
		float:right;
		width:290px;
		}
		
	#funding {
		width:560px;
		}
		
	#audiobook {
		float:left;
		width:260px;
		}
				
	#audioClip {
		float:right;
		width:290px;
		}
		
/* ===================== Trivia Box ====================== */
		
#triviaCallout {float:left;width:340px;margin: 200px 0px 0px 20px;}
		#errorMessage{
			margin:auto;
				border-top:1px solid #97b0ca;
				border-bottom:1px solid #97b0ca;
				border-left:1px solid #97b0ca;
				border-right:1px solid #97b0ca;
				color:#97b0ca;
				width:300px;	
				text-align:center;
				padding:5px;	
				background-color:#000000;	}
			
			#triviaContainer {
				width:340px;
				height: 230px;
				background: url(../images/BG_trivia.png) no-repeat;
				}
				
			#choiceContainer {width:240px; margin:auto; padding-top:138px;}
			.labelRow {padding-bottom:17px;}
			#submitContainer {padding-top:30px;width:240; text-align: center;}