/*
Table of Contents
	Typography
	Sub Titles
	Forms
	Layout
	Navigation
*/


/* TYPOGRAPHY
---------------------------------------------------------------------*/
/* Mass reset of margins on all block level elements*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
	} 
	
/* set a fixed base font-size */
/* relative values will refer to this size */
body {
	font-size:12px;
	font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
	color:#d8d8d8;
	}
	
/* Below typographic settings are styled to a vertical rhythm */
/* http://24ways.org/2006/compose-to-a-vertical-rhythm */
#content {
	line-height:1.5em;
	xwidth:550px;
	}
#content h2 {
	font-size:1.5em;
	line-height: 1em;
	margin-top: 0;
	margin-bottom: 1em; 
	}
#content h3 {
	font-size:1.333em;
	line-height:1.286em;
	margin-top:1.286em;
	margin-bottom:1.286em;
	text-transform:uppercase;
	}
#content h4 {
	font-size:1.333em;
	line-height:1.286em;
	margin-top:1.286em;
	margin-bottom:1.286em;	
	}
#content p {
	font-size:1em;
	margin-top:1.5em;
	margin-bottom:1.5em;
	}

	
#content ul {
	list-style:none;
	}
#content ul li {
	margin:1.5em 0 1.5em 0;
	}
p {
	clear:left;
	}

.feedbackGood {
	color:#F05524;
	font-weight:bold;
	}
.feedbackBad {
	color:#f00;
	font-weight:bold;
	}
	
	
#content a:link 	{color:#F05524;text-decoration:none;}
#content a:visited 	{color:#F05524;text-decoration:none;}
#content a:active 	{color:#d8d8d8;text-decoration:underline;}
#content a:hover 	{color:#d8d8d8;text-decoration:underline;}


/* SUB TITLES
---------------------------------------------------------------------*/
#content h2 {
	display:block;
	text-indent:-9999px;
	height:42px;
	}
#content h2#home {
	background:url('../images/subtitle-home.gif') top left no-repeat;
	}
#content h2#newsEvents {
	background:url('../images/subtitle-newsEvents.gif') top left no-repeat;
	}
#content h2#buy {
	background:url('../images/subtitle-buyTheBook.gif') top left no-repeat;
	}
#content h2#cast {
	background:url('../images/subtitle-castOfCharacters.gif') top left no-repeat;
	}
#content h2#contact {
	background:url('../images/subtitle-contact.gif') top left no-repeat;
	}
#content h2#govt {
	background:url('../images/subtitle-governmentDocument.gif') top left no-repeat;
	}
#content h2#map {
	background:url('../images/subtitle-mapOfTheMosque.gif') top left no-repeat;
	}
#content h2#photo {
	background:url('../images/subtitle-photoGallery.gif') top left no-repeat;
	}
#content h2#reviews {
	background:url('../images/subtitle-reviewsPraise.gif') top left no-repeat;
	}
#content h2#author {
	background:url('../images/subtitle-theAuthor.gif') top left no-repeat;
	}
#content h2#book {
	background:url('../images/subtitle-theBook.gif') top left no-repeat;
	}
	
	
/* FORMS
-----------------------------------------------------------*/
form {
	margin:0;
	padding:0;
	}
button {
	background:#E35022;
	color:#fff;
	font-size:.75em;
	font-weight:bold;
	border-style:outset;
	border-color:#be3f18;
	padding:3px;
	}
label {
	font-weight:bold;
	float:left;
	width:7em;
	}
input[type=text], input[type=password], textarea {
	font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size:1em;
	background:#efefef;
	color:#000;
	padding:3px;
	}
input[type=submit] {
	color:#fff;
	background:#E35022;
	font-weight:bold;
	}


/* LAYOUT
---------------------------------------------------------------------*/
body {
	background:#eadfae url('../images/body-bg.jpg') top center repeat;
	text-align:center;
	}

#site-wrapper {
	background:#000 url('../images/content-bg.gif') repeat-y top center;
	width:777px;
	margin:0 auto;
	text-align:left;
	}
#title {
	background:url('../images/theSiegeOfMecca.gif') no-repeat top center;
	width:777px;
	height:125px;
	text-indent:-9999px;
	}
#navigation {
	height:55px;
	margin:20px 30px 20px 30px;
	}
#divider {
	background:url('../images/divider.gif') no-repeat top center;
	height:27px;
	_margin:-85px 0 0 0; /* hack for IE6 */
	}
#content {
	margin:20px 30px 20px 30px;
	clear:left;
	}
#subnav {
	height:25px;
	}
#footer {
	background:url('../images/footer.gif') no-repeat top left;
	height:8px;
	line-height:8px; /* fix for IE6 */
	}
.floatRight {
	float:right;
	margin:5px 0 5px 10px;
	}
.floatLeft {
	float:left;
	margin:5px 10px 5px 0;
	}
	
.whitePhotoBorder {
	border:5px solid #fff;
	}
	
/* Styles for Buy the Book */
ul#buyBookList li {
	float:left;
	width:150px;
	height:114px;
	margin:0 25px 10px 0;
	}

/* Styles for Declassified documents */
.document-date {
	display:block;
	width:75px;
	float:left;
	padding:0 0 0 5px;
	}
.document-number {
	display:block;
	width:75px;
	float:left;
	text-align:center;
	padding:0 0 0 5px;
	margin:0 0 1px 0; /* prevents Title column from wrapping underneath */
	}
.document-title {
	_float:left; /* only needed for IE6 */
	display:block;
	clear:right;
	width:715px;
	_width:540px;
	padding:0 0 0 5px;
	}
.document-header {
	text-align:center;
	background:#F05524;
	color:#fff;
	font-weight:bold;
	padding:2px 0 2px 5px;
	}



/* NAVIGATION
---------------------------------------------------------------------*/	
#navigation ul,
ul#subnav {
	list-style:none;
	}
#navigation ul li, #navigation ul li a, ul#subnav li, ul#subnav li a {
	display:block;
	float:left;
	height:20px;
	}
	
#navigation ul li#home {
	margin:0 55px 10px 0;
	width:40px;
	}
#navigation ul li#home a {
	width:40px;
	background:url('../images/nav-home.gif') 0 0 no-repeat;
	text-indent:-9999px;
	}
#navigation ul li#home a:hover {
	background-position:0 -20px;
	}
		
	
#navigation ul li#newsEvents {
	margin:0 45px 10px 0;
	width:91px;
	}
#navigation ul li#newsEvents a {
	width:91px;
	background:url('../images/nav-newsEvents.gif') 0 0 no-repeat;
	text-indent:-9999px;
	}
#navigation ul li#newsEvents a:hover {
	background-position:0 -20px;
	}	
	
	
#navigation ul li#map {
	width:132px;
	margin:0 35px 10px 0;
	}
#navigation ul li#map a {
	width:132px;
	background:url('../images/nav-map.gif') 0 0 no-repeat;
	text-indent:-9999px;
	}
#navigation ul li#map a:hover {
	background-position:0 -20px;
	}	
	
	
#navigation ul li#photos {
	margin:0 50px 10px 0;
	width:93px;
	}
#navigation ul li#photos a {
	width:93px;
	background:url('../images/nav-photos.gif') 0 0 no-repeat;
	text-indent:-9999px;
	}
#navigation ul li#photos a:hover {
	background-position:0 -20px;
	}
	
	
#navigation ul li#govt {
	margin:0 0 10px 0;
	width:168px;
	}
#navigation ul li#govt a {
	width:168px;
	background:url('../images/nav-govt.gif') 0 0 no-repeat;
	text-indent:-9999px;
	}
#navigation ul li#govt a:hover {
	background-position:0 -20px;
	}	
		
		
#navigation ul li#author {
	margin:0 40px 0 0;
	width:76px;
	}
#navigation ul li#author a {
	width:76px;
	background:url('../images/nav-author.gif') 0 0 no-repeat;
	text-indent:-9999px;
	}
#navigation ul li#author a:hover {
	background-position:0 -20px;
	}


#navigation ul li#book {
	margin:0 45px 0 0;
	width:64px;
	}
#navigation ul li#book a {
	width:64px;
	background:url('../images/nav-book.gif') 0 0 no-repeat;
	text-indent:-9999px;
	}
#navigation ul li#book a:hover {
	background-position:0 -20px;
	}


#navigation ul li#reviews {
	margin:0 50px 0 0;
	width:108px;
	}
#navigation ul li#reviews a {
	width:108px;
	background:url('../images/nav-reviews.gif') 0 0 no-repeat;
	text-indent:-9999px;
	}
#navigation ul li#reviews a:hover {
	background-position:0 -20px;
	}
	
	
#navigation ul li#cast {
	margin:0 50px 0 0;
	width:124px;
	}
#navigation ul li#cast a {
	width:124px;
	background:url('../images/nav-cast.gif') 0 0 no-repeat;
	text-indent:-9999px;
	}
#navigation ul li#cast a:hover {
	background-position:0 -20px;
	}


#navigation ul li#contact {
	margin:0 0 0 0;
	width:52px;
	}
#navigation ul li#contact a {
	width:52px;
	background:url('../images/nav-contact.gif') 0 0 no-repeat;
	text-indent:-9999px;
	}
#navigation ul li#contact a:hover {
	background-position:0 -20px;
	}
	
/* seperated below two styles to fix for Safari */	
#navigation ul li#buy {
	float:right;
	position:relative;
	z-index:5;
	left:65px;
	top:-10px;	
	}
#navigation ul li#buy a {
	width:152px;
	height:91px;
	background:url('../images/nav-buyTheBook.gif') 0 0 no-repeat;
	text-indent:-9999px;
	}
	
	
	
/* Sub nav on The Book pages */
ul li#subnav-synopsis  {
	margin:0 45px 0 30px;
	width:64px;
	}
ul li#subnav-synopsis a {
	width:64px;
	background:url('../images/subnav-synopsis.gif') 0 0 no-repeat;
	text-indent:-9999px;
	}
ul li#subnav-synopsis a:hover {
	background-position:0 -20px;
	}
ul li.active#subnav-synopsis a {
	background-position:0 -20px;
	}
	
ul li#subnav-excerpt  {
	margin:0 45px 0 0;
	width:50px;
	}
ul li#subnav-excerpt a {
	width:50px;
	background:url('../images/subnav-excerpt.gif') 0 0 no-repeat;
	text-indent:-9999px;
	}
ul li#subnav-excerpt a:hover {
	background-position:0 -20px;
	}
ul li.active#subnav-excerpt a {
	background-position:0 -20px;
	}
	
ul li#subnav-intlEditions  {
	margin:0 0 0 0;
	width:153px;
	}
ul li#subnav-intlEditions a {
	width:153px;
	background:url('../images/subnav-intlEditions.gif') 0 0 no-repeat;
	text-indent:-9999px;
	}
ul li#subnav-intlEditions a:hover {
	background-position:0 -20px;
	}
ul li.active#subnav-intlEditions a {
	background-position:0 -20px;
	}