@charset "utf-8";

/*
|--------------------------------------------------------------------------
| Thevolstead.com > Frontend > Global Style Sheet
|--------------------------------------------------------------------------
|
| @package		The Volstead
| @subpackage	Frontend
| @company		Amedia Creative, Inc.
| @phone		310/651/8733
| @fax			310/388/1210
| @author		Joey Avino
| @email		joey@amediacreative.com
| @link			http://www.amediacreative.com
| @copyright	2009 Amedia Creative, Inc.
|
*/

/*
|--------------------------------------------------------------------------
| Amediacreative.com > Frontend > Global Style Sheet > Primary Site Colors
|--------------------------------------------------------------------------
|
| White 			white
| Black	 			black
| Med Grey			#8a8a8a
| Maroon			#b30202
|
*/

/*
|--------------------------------------------------------------------------
| The Volstead > Frontend > Global Style Sheet > Global Images
|--------------------------------------------------------------------------
|
| Declares all global images and some positioning.
| Additional positioning can be found following this section.
|
*/

	/* ----- Main Section. -------------- */
	html, body { 						background: black url('../../images/layout/bg-global.jpg') repeat top left; }





	/* ----- Logo. -------------- */
	h1#logo { 								background: url('../../images/layout/volstead-logo.gif') no-repeat top left; }





	/* ---- Center Main Menu. -------------- */
	#center_main_menu_bg { 	 					background: url('../../images/layout/bg-center.png') no-repeat top left; }





	/* ---- Twitter. -------------- */
	#twitter a { 	 					background: url('../../images/layout/twitter.gif') no-repeat top left; }





	/* ---- Page BGs. -------------- */
	#page_events #center_cover { 	 	background: black url('../../images/events/bg-events.jpg') no-repeat 7px 7px; }
	#page_directions #center_cover { 	background: black url('../../images/directions/bg-directions.jpg') no-repeat 7px 7px; }
	#page_contact #center_cover { 	 	background: black url('../../images/contact/bg-contact.jpg') no-repeat 7px 7px; }





	/* ---- Map. -------------- */
	#map { background: url('../../images/directions/map.gif') no-repeat center; }









/*
|--------------------------------------------------------------------------
| The Volstead > Frontend > Global Style Sheet > Global Classes
|--------------------------------------------------------------------------
|
*/

	/* ----- Global Divs. -------------- */
	div { position: relative; text-align: left; }
	img { border: 0px; }
	.left { float: left; display: inline; }
	.right { float: right; display: inline; }
	.clear { clear: both; }
	.spacer { width: auto; height: 10px; }





	/* ----- Header Styles. -------------- */
	h1 { }
	h2 { color: white; text-transform: uppercase; font-size: 13px; }
	h3 { color: white; font-size: 14px; }
	h4 { color: white; font-weight: bold; }
	 p { margin-bottom: 10px; }





	/* ----- Links And Text Classes. -------------- */
	a { color: white; text-decoration: none; outline: none; }
		a:hover { color: #b30202; }





	/* ----- Selections. -------------- */
	::-moz-selection { }
	::selection { }





	/* ----- Selections. -------------- */
	.no_right_margin { margin-right: 0px !important; }
	.no_bottom_margin { margin-bottom: 0px !important; }





	/* ----- Menus. -------------- */
	ul { list-style: none; }
		li { list-style: none; display: inline; }









/*
|--------------------------------------------------------------------------
| The Volstead > Frontend > Global Style Sheet > Global Layout
|--------------------------------------------------------------------------
|
*/

	html, body { 	height: 100%; margin: 0px; padding: 0px; text-align: left; font: 12px Arial, Helvetica, sans-serif;
					line-height: 18px; color: #8a8a8a; }




	/* ----- Global Wrapper. -------------- */
	#global_wrapper { min-height: 100%; top: 0px; }
		* html #global_wrapper { height: 100%; margin: 0px; padding: 0px; }




		/* ----- Logo And Top. -------------- */
		#global_header { padding-top: 70px; }
			h1#logo { width: 254px; height: 28px; margin: auto; }
				h1#logo a { display: block; width: 254px; height: 28px; text-indent: -9999px; outline: none; }




				/* ----- Main Menu. -------------- */
				#global_header #main_menu { width: 450px; margin: auto; padding: 14px 0px 0px 0px; }
					#global_header #main_menu ul { }
						#global_header #main_menu li { margin-right: 14px; }
							#global_header #main_menu li a { color: #8a8a8a; font: bold 12px Georgia, "Times New Roman", Times, serif; text-transform: uppercase; }
								#global_header #main_menu li a:hover { color: #b30202; }





	/* ----- Center Content. -------------- */
	.global_content { padding-bottom: 40px; }
		#center_piece { width: 978px; margin: auto; height: 581px; }
			#center_content { height: 515px; width: 910px; position: absolute; z-index: 6; top: 34px; left: 38px; }
			#center_close { position: absolute; top: 36px; right: 34px; z-index: 6; font-weight: bold; font-size: 15px; }
			#center_cover { background: black; height: 515px; width: 910px; position: absolute; z-index: 5; top: 34px; left: 38px;
								opacity: .8; -moz-opacity: .8; filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); }
			#time_out { position: absolute; top: 5px; right: 8px; z-index: 3; width: 115px; height: 55px; display: none; }


								/* ----- Custom Styles - Landing Page. -------------- */
								#page_landing { }
									#page_landing #center_close { display: none; }
									#page_landing #center_content { display: none; }
									#page_landing #center_cover { display: none; }
									#page_landing #time_out { display: block; }

								/* ----- Custom Styles - Menu. -------------- */
								#page_menu { }
									#page_menu li#menu a { color: white; }
									#page_menu .main { width: 550px; margin: 67px auto; }
										#page_menu .main .padding_wrapper { }
											#page_menu .main .thumb { height: 70px; margin: 6px 0; width: 550px; }
												#page_menu .main .thumb a span { background: #b30202; display: none; position: absolute; width: 526px; height: 21px; margin: 2px;
																opacity: .8; -moz-opacity: .8; filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
																font-size: 50px; color: black; padding: 10px; padding-top: 35px; cursor: pointer; }
													#page_menu .main .thumb a:hover span { display: block; }

								/* ----- Custom Styles - Events. -------------- */
								#page_events { }
									#page_events li#events a { color: white; }
									#page_events #center_cover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }
									#page_events .main { width: 350px; float: right; height: 100%; padding-top: 6px; padding-right: 10px; }
										#page_events .main .padding_wrapper { }
											#page_events #sub_menu { width: 100%; margin-bottom: 10px; }
												#page_events #sub_menu li a { text-align: left; }
											#event_content { height: 425px; overflow: auto; overflow-x: hidden; }

								/* ----- Custom Styles - Gallery -------------- */
								#page_gallery { }
									#page_gallery li#gallery a { color: white; }
									#page_gallery .main { width: 550px; margin: 38px auto;  }
										#page_gallery .main .padding_wrapper { height: 100%; /* For IE6 */ }
											#page_gallery .main .thumb { float: left; height: 90px; margin: 10px; width: 115px; }

								/* ----- Custom Styles - Press. -------------- */
								#page_press { }
									#page_press li#press a { color: white; }
									#page_press .main { width: 716px; margin: 43px auto;  }
										#page_press .main .padding_wrapper { height: 100%; /* For IE6 */ }
											#page_press .main .thumb { float: left; height: 200px; margin-right: 10px; margin-top: 10px; width: 111px; }

								/* ----- Custom Styles - Directions. -------------- */
								#page_directions { }
									#page_directions li#directions a { color: white; }
									#page_directions #center_cover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }
									#page_directions .main { width: 350px; float: right; height: 100%; padding-top: 20px; padding-right: 10px; }
										#page_directions .main .padding_wrapper { }
											#page_directions .main h2 { }
											#page_directions .main p { }
											#page_directions #sub_menu { position: absolute; top: 324px; right: 370px; }
											#map { height: 100px; width: 280px; }

								/* ----- Custom Styles - Contact. -------------- */
								#page_contact { }
									#page_contact li#contact a { color: white; }
									#page_contact #center_cover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }
									#page_contact .main { width: 350px; float: right; height: 100%; padding-top: 14px; padding-right: 7px; }
										#page_contact .main .padding_wrapper { }

											.formset { padding-top: 1px; }
												.formset .formfield input, .formfield textarea { width: 250px; padding: 2px;
																					font-family: Georgia, "Times New Roman", Times,serif; color: #8A8A8A; }
												.formset.formfield label { font-family: Georgia, "Times New Roman", Times,serif; color: #8A8A8A; }

												.formfield input.submit { color: #B30202; border: 1px solid #B30202; background: black; width: 75px; cursor: pointer; }
												.formfield input.submit_over { color: white; border: 1px solid #B30202; background: #B30202; width: 75px; cursor: pointer; }



			/* ----- Center Menu. -------------- */
			#center_main_menu { width: 978px; height: 581px; position: absolute; z-index: 3; }
				#center_main_menu_bg { width: 978px; height: 581px; position: absolute; z-index: 2; }

				#center_main_menu .box { position: absolute; opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); text-transform: lowercase; font-size: 35px; overflow: hidden; }
					#center_main_menu .box a:hover { text-indent: 0px; background: #b30202; }

					#center_main_menu #center_events { top: 64px; left: 682px; width: 236px; height: 72px; }
						#center_main_menu #center_events a { width: 236px; height: 72px; padding: 10px; }

					#center_main_menu #center_menu { top: 64px; left: 69px; width: 286px; height: 72px; }
						#center_main_menu #center_menu a { width: 286px; height: 72px; padding: 10px; }

					#center_main_menu #center_gallery { top: 166px; left: 509px; width: 409px; height: 226px; }
						#center_main_menu #center_gallery a {  width: 409px; height: 226px; padding: 10px; }

					#center_main_menu #center_press { top: 284px; left: 258px; width: 221px; height: 236px; }
						#center_main_menu #center_press a { width: 221px; height: 236px; padding: 10px; }

					#center_main_menu #center_directions { top: 166px; left: 69px; width: 159px; height: 354px; }
						#center_main_menu #center_directions a { width: 159px; height: 354px; padding: 10px; }

					#center_main_menu #center_contact { top: 421px; left: 509px; width: 409px; height: 98px; }
						#center_main_menu #center_contact a { width: 409px; height: 98px; padding: 10px; }



						#center_main_menu a { text-indent: -9999px; color: black !important; display: block; }
							#center_main_menu .box a:hover { text-indent: 0px; background: #b30202; }




			#runner { width: 912px; height: 20px; left: 36px; top: 585px; }
				#runner .left ul li { margin-right: 14px; }
				#runner .right { width: 198px; }
					#runner .right ul { list-style: none; }
						#runner .right ul li { display: inline; float: left; }
							#runner .right ul li#twitter_li { margin-left: 30px; }





				#sub_menu { width: 170px; }
					#sub_menu ul { }
						#sub_menu li { }
							#sub_menu li a { color: #b30202; text-transform: uppercase; padding: 1px 2px; display: block; text-align: right; }
								#sub_menu li a:hover { background: #b30202; color: white; }





				/* ---- Twitter. -------------- */
				#twitter, #twitter a { display: block; height: 22px; width: 94px; }
					#twitter {  }
						#twitter a { text-indent: -9999px; }





	/* ----- Footer. -------------- */
	#global_footer {  width: 100%; font-size: 11px; margin-top: -20px; }
		#amctag { padding-left: 7px; }