@charset "utf-8";

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
body { line-height:1; color:black; background:white; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; } /* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }


/* HTML */
body { background:#333; margin:0px; padding:0px; }
a { color:inherit; }
strong { font-weight:bold; }
em { font-style:italic; }

#site { }
#facebook { bottom:0; left:0; position:absolute; }

#mobileSite { display:none; }

@media all and (max-device-width: 480px) {

/* HTML */
body { background:#333 url(../mobile/images/bg.jpg) center no-repeat fixed; }
p { line-height:18px; margin-bottom:18px; }
	p:last-child { margin:0; }
hr { background:#FFF; border:none; height:1px; margin:-9px 0 9px; width:100%; }

#site { display:none; }
#mobileSite { display:block; }

#mobileContainer { background:rgba(17,17,17,.75); color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; margin:15px; padding:15px; }
h1 { background:url(../mobile/images/n.png) no-repeat 0 5px; border-bottom:solid 1px #FFF; font-size:26px; margin:0 0 10px 0; min-height:52px; padding:0 0 5px 0; }
	h1 a { display:block; padding:0 0 0 40px; text-decoration:none; }
h2 { font-size:22px; margin:15px 0; }
h3 { font-size:18px; margin:0 0 6px; }

#nav {  }
	#nav li { margin-bottom:5px; }
	#nav a, #back { background:rgba(17,17,17,.75); display:block; padding:15px; margin:0 0 15px; text-decoration:none;
		-o-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	}
		.icon { background:url(../mobile/images/navIcons.png) no-repeat; display:inline-block; height:32px; margin:-6px 12px -6px -6px; width:32px; vertical-align:middle; }
			#navMenus .icon { background-position:0px 0px; }
			#navReservations .icon { background-position:-64px 0px; }
			#navDirections .icon { background-position:-32px 0px; }
			#navHours .icon { background-position:0px -32px; }
			#navEvents .icon { background-position:-32px -32px; }
			#navPhotos .icon { background-position:0px -64px; }
#back { margin:15px auto; width:70px; }
	#back .icon { background-position:-64px -32px; }

	#nav a:active, #back:active { background:rgba(17,17,17,.85); position:relative; top:1px; }

.contentList { }
	.contentList li { margin:0 0 18px 0; }
	
#menus { font-size:18px; }
	#menus a { display:block; margin:0 0 2px -7px; padding:7px; }
.hours { display:inline-block; margin:0 10px 0 0; width:140px; }
#photos img { height:auto; max-width:100%; }
#photos li { margin-bottom:10px; }

form { margin-bottom:9px; }
	input { font-size:14px; margin:0 0 15px; padding:5px; width:230px; }
	input#submit { width:auto; }

#footer { border-top:solid 1px #FFF; font-size:12px; margin:15px 0 0; padding:10px 0 0; }
	#footer li { display:inline-block; padding:2px 0; }
		#footer li:after { content:" | "; }
		#footer li:last-child:after { content:""; }
	#footer a { text-decoration:none; }

}