/************************************************/
/* 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 {
	width: 800px;
	margin: 0 auto;
	padding: 25px;
}

/* method recommended by 'http://www.webaim.org/techniques/skipnav/#invisible' */
#skip_link a, #skip_link a:hover, #skip_link a:visited {
	color: rgb(255, 0, 0);
	font-family: Helvetica, 'Helvetica Neue', 'Nimbus Sans', Arial, sans-serif;
	font-size: 150%;
	font-style: normal;
	font-weight: 700;
	overflow: hidden;
	position: absolute;
		top: -500px;
		left: 0px;
	width: 1px; height: 1px;
}
	#skip_link a:active, #skip_link a:focus {
	position: relative;
		top: 0; /* needed, don't know why */
		left: 20px;
	}

	#masthead_image {
		width: 800px;
		height: 175px;
		margin: 0 auto;
		padding: 0;
	}
/* do not display the hand-held masthead		*/
	#masthead_hand {display: none;}

/* Upper rollover buttons in the masthead:		*/
	#buttonscontainer {
		position: relative;
		top: -145px;
		left: 15px;
		width: 150px;
	}
/* rollover buttons in the sidebar:		*/
	#sidecontainer {
		margin: 0 5px;
	}

	#page_footer {
		float: left;
		width: 700px;
		margin: 0 50px;
		padding:  1em 0;
		text-align: center;
	}

	/* Single-story pages: */
	#single_story {
		float: left;
		width: 600px;
		margin: 0;
		padding: 0 40px 0 0;
		text-align: left;
	}

	/* Full-page graphics: */
	#full_page {
		width: 800px;
		margin: 0 auto;
		padding: 0;
		text-align: left;
	}

	#sidebar_story {
		float: left;
		width: 160px;
		margin: 0.75em 0 0 0;
		padding: 0;
		text-align: left;
	}
	#slides_box {
		width: 720px;
		margin: auto;
		text-align: center;
	}
	#LEPmap {
		width: 796px;
		height: 896px;
		margin: 50px auto;
		border-top: 1px solid #736F6E;		/* gray */
		border-right: 3px solid #736F6E;
		border-bottom: 3px solid #736F6E;
		border-left: 1px solid #736F6E;
	}
	#LEPmap_simple {
		height: 904px;
		width: 804px;
		margin: auto;
	}

	/* The slideshow button bar...						*/
	.slide_show_buttons {
		margin: 0 0 0 160px;
		text-align: center;
	}
		/* ... 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;
	}

/* Caption box 'class' (for top & bottom notes):*/
	.caption_box {
		clear: both;
		width: 750px;
		margin: 0;
		padding: 0 25px;
		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: #e5dacf url(../images/LEPbackground.jpg) repeat-x; /* a pale, flesh-y color */
		background-color: #e5dacf;
		color: #331f0a; /* a deep, warm brown */
		}

/* Anchors & Links								*/

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

/* Headlines --									*/
/* Main Story Headlines:						*/
	h1 {
		font-size: 150%;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
		margin: 1.5em 0;
	}
/* 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: #C0C0C0;	/* light gray */
			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;
	}

/* 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;
	}
		.links_ul {
			color: #331f0a; /* a deep, warm brown */
			margin: 25px 0 15px 0;
			line-height: 100%;
			list-style-position: outside;
			list-style-type: none;
			text-decoration: none;
		}
			.links_ul a {
				color: #331f0a; /* a deep, warm brown */
				font-weight: 700;
				text-decoration: none;
			}
				.links_ul a:hover {
					color: #ff9933; /* orange */
					font-weight: 700;
					text-decoration: none;
				}
				.links_ul a:active {
					color: red;
					font-weight: 700;
					text-decoration: none;
				}

/* '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;
	}