/*
HOOKAH HUTT WEB SITE

Colors
Content = #e0e0e0
Links =  #FFF
Header = #EEE
Footer = #AAA/#e0e0e0
Background = #270c0c
*/

/* Resets/Body
-------------------------------------------------- */
* { margin:0; padding:0; }
body { background:url(images/background2.png) top center no-repeat #270c0c; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; }

/* Content
-------------------------------------------------- */
.container { }
.content { background:url(images/contentbg.png) repeat-x #141615; color:#c6c5c5; width:800px; margin:150px auto 0 auto; border:1px solid #512525; padding:10px; line-height:1.4em; }
	.content a { text-decoration:none; color:#dc4b4b; }
	.content a:hover { text-decoration:underline; }
	.content .logo { margin-top:-137px; margin-left:19px; position:absolute; }
	.content .gallery { position:absolute; margin-left:475px;  }
		.seemore { margin-top:-18px; margin-left:240px; position:absolute; }
		.content .gallery img { padding:3px; background:#111; border:1px solid #585858; margin-left:12px; }
		.content .gallery img:hover { border:1px solid #777; }
		.content .gallery a { font-style:italic; }
		.content .gallery a:hover { text-decoration:underline; }
	.content .hours { position:absolute; }
		.content .hours ul { margin-top:10px; margin-left:5px; }
		.content .hours li { list-style:none; }
	.content .main { width:460px; }
	.content .updates { width:300px; margin-left:170px; }
		.content .updates h2 { margin-bottom:9px; }
		.content .updates p { margin:0px auto 15px; }
	.content p { margin-bottom:20px; margin-top:10px;  }
	.content .nav { word-spacing:10px; margin:-50px 400px; position:absolute; width:390px; height:200px; }
		.content .nav a { text-decoration:none; color:#FFF; font-size:18px; background:url(images/navbg.png); padding:2px 10px; }
		.content .nav a:hover { background:url(images/navbgactive.png); overflow:visible; }
		.content .nav .active { background:url(images/navbgactive.png); overflow:visible; }
		.content .nav li { display:inline; overflow:visible; }
	.content .sidebar { position:absolute; margin-left:500px; font-size:16px; }
	.content .gallerypage { margin-left:35px; }
		.content .gallerypage img { padding:3px; background:#111; border:1px solid #585858; margin-left:25px; }
		.content .gallerypage img:hover { border:1px solid #777; }
		.content .gallerypage a { font-style:italic; }
		.content .gallerypage a:hover { text-decoration:underline; }
	.content .menu li { list-style:none; overflow:visible; }
	.content .menu ul { margin-top:10px; margin-left:5px; overflow:visible; }
		.content .menu .list1 { margin-left:385px; position:absolute; overflow:hidden;  }
		.content .menu .list2 { margin-left:185px; position:absolute; overflow:hidden;  }
		.content .menu .list3 { margin-left:385px; position:absolute; overflow:hidden;  }
		.content .menu .list4 { margin-left:585px; position:absolute; overflow:hidden;  }

/* Footer
-------------------------------------------------- */
	.footer { margin:10px auto; position:absolute; color:#AAA; font-size:10px; }
	.footer p { margin-bottom:0px; }
	.footer a { color:#e0e0e0; text-decoration:none; }
	.footer a:hover { text-decoration:underline; }
	.footerie { margin:10px auto; position:absolute; color:#AAA; font-size:10px; overflow:hidden; }
	.footerie p { margin-bottom:0px; }
	.footerie a { color:#e0e0e0; text-decoration:none; }
	.footerie a:hover { text-decoration:underline; }
	
/* Typography
-------------------------------------------------- */
h1 { font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#EEE; margin-bottom:20px; }
h2 { font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#EEE; }