/************************************************/
/* Cascading Style Sheet for					*/
/* Little Eva Presents							*/
/************************************************/

/* Initialize the HTML5 semantic tags
	All HTML5 semantic tags on the site contain a 'div' which takes formatting & ID's
	This will change when IE changes, or when someone figures out a way to make them work
	without requiring JavaScript.
*/
article, aside, details, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/* Container for the entire site:				*/
#page_content {}
	#masthead_image {display: none;}
	#masthead_hand {
		width: 320px;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}

#skip_link {display: none;}

/* Upper rollover buttons in the masthead:		*/
	#buttonscontainer {display: none;}
/* rollover buttons in the sidebar:		*/
	#sidecontainer {
		margin: 0 5px;
	}

	#page_footer {
		margin: 0 5px;
		text-align: center;
	}

	/* Single-story pages: */
	#single_story {
		margin: 0 5px;
		text-align: left;
	}

	/* Full-page graphics: */
	#full_page {
		width: 320px;
		margin: 0 5px;
		text-align: left;
	}

	#sidebar_story {
		margin: 0 5px;
		text-align: left;
	}
	#slides_box {
		width: 320px;
		text-align: center;
	}
	#LEPmap {
		width: 320px;
		height: 320px;
		margin: 0 auto;
	}
	#LEPmap_simple {
		height: 320px;
		width: 320px;
		margin: auto;
	}

	/* The slideshow button bar...						*/
	.slide_show_buttons {
		margin: 0 0 0 160px;
		text-align: center;
		margin: 0 auto;
	}
		/* ... and the buttons.					*/
		.single_button {
			float: left;
			margin: 0;
			padding: 0;
		}

/* Used on various pages for cross-links.*/
/*	#crosslinks_box {
		float: left;
		margin: 1em 0 0 80px;
		padding: 0;
		text-align: left;
	} */
	#crosslinks_box {display: none;}

/* Caption box 'class' (for top & bottom notes):*/
	.caption_box {
		clear: both;
		width: 320px;
		margin: 0;
		padding: 0;
		font-size: 10pt;
		font-style: italic;
		font-weight: 400;
		line-height: 100%;
		text-align: center;
	}

/************************************************/
/* Redefine HTML standard text styles			*/
/************************************************/

/* Default style for everything, UON:			*/
	body {
		padding: 0;
		font-family: Helvetica, 'Helvetica Neue', Verdana, Arial, sans-serif;
		font-size: 1em;
		font-style: normal;
		font-weight: 400;
		line-height: 100%;
		margin: 0 0 0.5em;
		background-color: #e5dacf;
		color: #331f0a;
		}

/* Anchors & Links								*/

/* FireFox fix, for image-link borders	 		*/
/* regardless of 'a' setting:					*/
	a img {
		border: none;
		background-color: #e5dacf;
		text-decoration: none;
	}
	a {
		color: black;
/*		background-color: #e5dacf; */
		font-weight: 400;
		text-decoration: underline;
	}
	a:link {
		color: black;
/*		background-color: #e5dacf; */
		text-decoration: underline;
	}
	a:active {
		color: red;
/*		background-color: #e5dacf; */
		text-decoration: underline;
	}
	a:visited {
		color: black;
		background-color: #e5dacf;
		text-decoration: underline;
	}
	a:hover {
		color: #ff9933; /* orange */
/*		background-color: #e5dacf; */
		text-decoration: underline;
	}

/* Headlines --									*/
/* Main Story Headlines:						*/
	h1 {
		font-size: 150%;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
		margin: 1em 0;	/* 1.5 em at the others	*/
	}
/* Subheads heads:								*/	
	h2 {
		font-size: 125%;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
		margin: 1em 0;
	}
/* Sidebar headlines: 							*/
	h3 {
		font-size: 100%;
		font-style: italic;
		font-weight: 700;
		line-height: 100%;
		margin: 0.5em 0;
	}
/* Sub-Subheads (none currently on site):		*/
	h4 {
		font-size: 100%;
		font-style: italic;
		font-weight: 400;
		line-height: 100%;
		margin: 0.5em 0;
	}


	ol {
		margin: 1em 0 1em 1em;
		line-height: 100%;
		list-style-position: outside;
		list-style-type: decimal;
	}
	ul {
		margin: -0.5em 0 0 -1em;
		line-height: 100%;
		list-style-type: none;
	}

/************************************************/
/* Site-wide LEP specific text styles:			*/
/************************************************/

/* 'Dead' button for the current location:		*/
		.button {
			border: 2px solid;
			background-color: #99918a;
			border-color: #ccbeb8 #332e29 #332e29 #ccbeb8;
			padding-top: 1px;
			padding-right: 1px;
			padding-bottom: 1px;
			padding-left: 10px;
			line-height: 100%;
			font-family: Helvetica, 'Helvetica Neue', Verdana, Arial, sans-serif;
			font-size: 83.33%;
			font-weight: 800;
			color: #faf3f0;
			text-align: left;
			text-decoration: none;
			display: block;
			margin: 0;
			width: 135px
		}
/* Unactivated button:							*/
		.buttons a {
			border: 2px solid;
			background-color: #99918a;
			border-color: #ccbeb8 #332e29 #332e29 #ccbeb8;
			padding-top: 1px;
			padding-right: 1px;
			padding-bottom: 1px;
			padding-left: 10px;
			line-height: 100%;
			font-family: Helvetica, 'Helvetica Neue', Verdana, Arial, sans-serif;
			font-size: 83.33%;
			font-weight: 800;
			color: #faf3f0;
			text-align: left;
			text-decoration: none;
			display: block;
			margin: 0;
			width: 135px
		}
/* Activated button:							*/
		.buttons a:link {
			border: 2px solid;
			background-color: #99918a;
			border-color: #ccbeb8 #332e29 #332e29 #ccbeb8;
			color: #faf3f0;
		}
/* Activated button:							*/
		.buttons a:active {
			border: 2px solid;
			background-color: #99918a;
			border-color: #ccbeb8 #332e29 #332e29 #ccbeb8;
			color: #faf3f0;
		}
/* Activated button:							*/
		.buttons a:visited {
			border: 2px solid;
			background-color: #99918a;
			border-color: #ccbeb8 #332e29 #332e29 #ccbeb8;
			color: #faf3f0;
		}
/* Activated button:							*/
		.buttons a:hover {
			border: 2px solid;
			background-color: #99918a;
			border-color: #332e29 #ccbeb8 #ccbeb8 #332e29;
			color: #ff9933;
		}

/* alternates within the body text:				*/
	.sidebar_text {
		font-style: italic;
	}
	.footer_text {
		font-size: 0.83em;
		font-style: normal;
		font-weight: 400;
		text-align: center;
	}
/* Text menu inside footer						*/
	.menu_text {
		font-size: 1.2em;
		font-style: normal;
		font-weight: 400;
		line-height: 100%;
		text-align: center;
	}

	.caption_text {
		font-size: 0.83em;
		font-style: italic;
		font-weight: 400;
		line-height: 94%;
		text-align: center;
	}
	.QT_download {
		text-align: center;
	}

/* As-needed stuff, for various places.			*/

	.inset_text {
		margin-left: 48px;
	}
	.inset_body {
		margin: 12pt;
		text-indent: -12pt;
	}
	.centered_text {
		text-align: center;
	}
	.separation_rule {
		margin: auto;
		width: 480px;
		text-align: center;
	}

/************************************************/
/* Page specific text styles.					*/
/************************************************/

/* 'index.html' (Entry/Exit buttons).			*/

.warning_box {
	margin: 1em;
	padding: 0 2em 1em;
	color: #331f0a;
	background-color: #e5b27e;
	border: 2px #331f0a solid;
}

/* 'questions.html' (list alignment stuff).		*/

	.Q {					/* Question 'Q.'	*/
		float: left;
		margin: 0;
		padding: 0;
	}
	.QL {					/* Question Line.	*/
		margin: 0 0 0 1.5em;
		padding: 0 0 1em;
	}
	.A {					/* Answer 'A.'		*/
		float: left;
		margin: -1em 0 0 0;
		padding: 0;
	}
	.AL {					/* Answer Line.		*/
		margin: -1em 0 0 1.5em;
		padding: 0 0 1em;
	}
	.B {						/* 'Bare' line (not starting	*/
		margin: 0 0 0 1.5em;	/* with  Q or A.)				*/
		padding: 0 0 1em;
	}
	.AH {						/* Answer Head (of a list).		*/
		margin: -1em 0 -1em 1.5em;
		padding: 0;
	}
	.LB {						/* 'Bare' line inside a list.	*/
		margin: 0 0 1em 1em;
		padding: 0;
	}

/* 'map.html' table to hold input form.			*/
	.input_table {
		width: 646px;
		text-align: center;
	}
/* used in 'Trailer' pages						*/
	.warning_text {
		color: #331f0a; /* a deep, warm brown */
		text-align: left;
		margin-left: 8em;
	}
	.video_player {
		border-top: 1px solid gray;
		border-right: 3px solid gray;
		border-bottom: 3px solid gray;
		border-left: 1px solid gray;
	}

/* does 'hover' make sense in a handheld device? */
/* 'rollover' button styles for the PayPal buttons */
.buy_now_btn {
	background: url('../buttons/PayPal/PPbtn_buynow122x47.gif') no-repeat top left;
	display: block;
	height: 47px;
	width: 122px;
}
	.buy_now_btn:hover {
		background-position: 0 -47px;
	}
	.buy_now_btn:active {
		background-position: 0 -94px;
	}
.add_cart_btn {
	background: url('../buttons/PayPal/PPbtn_addcart120x26.gif') no-repeat top left;
	display: block;
	height: 26px;
	width: 120px;
}
	.add_cart_btn:hover {
		background-position: 0 -26px;
	}
	.add_cart_btn:active {
		background-position: 0 -52px;
	}
.view_cart_btn {
	background: url('../buttons/PayPal/PPbtn_viewcart107x26.gif') no-repeat top left;
	display: block;
	height: 26px;
	width: 107px;
}
	.view_cart_btn:hover {
		background-position: 0 -26px;
	}
	.view_cart_btn:active {
		background-position: 0 -52px;
	}