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

/* Correct HTML5 for IE */
header, nav, section, article, footer, time, address, aside{ display:block !important; }

body,html{ color:#431; background-color:#eee; }
h1, h2, h3, h4, h5{ color:#431; }
UL{ margin:0; padding:0; list-style-type:none; }
LI{  }
A{ text-decoration:none; color:#79a; font-weight:bold; } A:focus, A:hover{ color:#431; }
NAV B{ font-size:1.25em; }
.selected{ padding:1px 10px; color:#fff; background-color:#431; -moz-border-radius:8px; -moz-box-shadow:1px 2px 3px #444; -webkit-border-radius:8px;; -webkit-box-shadow:1px 2px 3px #444; text-shadow:none !important; } A.selected:hover, A.selected:focus{ position:relative; top:1px; left:1px; color:#fff; -moz-box-shadow:none; -webkit-box-shadow:none; }
.step{ color:#79a; }
.button{ padding:2px 10px; font-weight:bold; text-transform:uppercase; color:#fff; background-color:#79a; -moz-border-radius:8px; -webkit-border-radius:8px; }
.button:hover{ color:#431; }


HEADER{ margin:auto; width:960px; height:64px; }
	H1, #location, TIME{ position:relative; text-indent:-3000px; }
	H1{ z-index:99; width:284px; height:242px; background-image:url(/dev/imgs/logo.png); }
	#location{ z-index:1; top:-242px; left:322px; width:350px; height:48px; }
	TIME{ z-index:1px; display:block; top:-280px; left:728px; width:252px; height:41px; }
	
#container{ z-index:10; position:relative; margin:auto; width:960px; height:672px; background-image:url(/dev/imgs/background.jpg);
						 -moz-border-radius:16px; -moz-box-shadow:2px 2px 8px; -webkit-border-radius:16px; -webkit-box-shadow:2px 2px 8px #444; }
	#mainmenu{ height:64px; background-color:#431; }
		#mainmenu UL{ padding:40px 0 0 288px;  }
		#mainmenu LI{ float:left; margin:5px 7px; line-height:24px; }
		#mainmenu A{ padding:4px 6px; font-size:1.8em; font-weight:bold; color:#dee; text-transform:uppercase; }
		#mainmenu A.selected, #mainmenu A:hover{ background-color:#79a;
													-moz-border-radius:4px; -moz-box-shadow:1px 2px 3px #444; -webkit-border-radius:4px; -webkit-box-shadow:1px 2px 3px #444; }
	
	H2{ margin:24px 8px 24px; text-align:right; font-size:3.5em; font-weight:bold; letter-spacing:4px; text-shadow:3px 4px 4px #bbb; }
	
	#sidemenu{ float:left; height:428px; width:284px; margin-top:12px; }
		#sidemenu UL{ margin:24px 16px; font-size:1.75em; font-weight:bold; }
		#sidemenu LI{ float:left; margin:4px 8px; width:256px; line-height:36px; }
		#sidemenu A{ padding:4px 6px; color:#431; }
		#sidemenu A.selected, #sidemenu A:hover{ color:#fff; background-color:#431;
													-moz-border-radius:4px; -moz-box-shadow:1px 2px 3px #444; -webkit-border-radius:4px; -webkit-box-shadow:1px 2px 3px #444; }
		#sidemenu P{ font-weight:bold; margin:2em; text-align:justify;  }

	#photomenu{ float:left; height:428px; width:284px; }
		#photomenu UL{ margin:0 16px; font-size:.9em; font-weight:bold; }
		#photomenu LI{ float:left; }
		#photomenu .step{ text-transform:lowercase; }
		#photomenu .name{ position:relative; top:95px; text-align:center; background-color:#431; -webkit-border-radius:0 0 6px 6px; }
		#photomenu A{ display:block; margin:0 8px 16px; padding:0; height:112px; width:102px; opacity:.9; filter:alpha(opacity=90);
								color:#fff; background:#431 url(/dev/imgs/speaker.png) no-repeat; border:4px solid #431; text-transform:uppercase;
								-moz-border-radius:8px; -webkit-border-radius:8px; }
		#photomenu A.selected .name, #photomenu A:hover .name{ color:#431; background-color:#fff; }
		#photomenu A.selected, #photomenu A:hover{ background-color:#fff; opacity:1; filter:alpha(opacity=100); -moz-box-shadow:1px 2px 3px #444; -webkit-box-shadow:1px 2px 3px #444; }

	#content{ position:relative; margin:0 16px 0 284px; background-color:#f6faff; background-color:rgba(256,256,256,0.5); -moz-border-radius:8px; -webkit-border-radius:8px; }
	#content H3{ margin:0; padding:8px 8px 0; }
	#content P{ margin:0; padding:6px 12px; }
	#content A{ text-shadow:2px 2px 3px #ccc; } #content A.button{ text-shadow:none; }

	#billboard{ position:absolute !important; top:342px; left:136px; }
	#billboard A{ display:none; height:233px; width:684px; }

	#verse{ position:absolute; top:634px; width:920px; padding:0 16px; color:#dee; text-align:center; font-size:10px; line-height:11px; }
	#zoom_content{ background-color:#fff; }
	#zoom_content #verse_link{ color:#000 !important; font-weight:bold !important; }
	
FOOTER{  margin:auto; padding:10px 0; width:960px; }
	FOOTER NAV{  }
		FOOTER NAV UL{ margin:0 225px; }
		FOOTER NAV LI{ float:left; margin:12px 60px; }
		FOOTER NAV A{  }

#zoom{ z-index:999; }