*{ margin:0; padding:0; outline:none;  list-style-type:none;}
html, body {height: 100%;}
body { background:none repeat scroll 0 0 #1a1619; color: #333333; font-family:helvetica, arial, sans-serif; font-size:14px; line-height: 20px;}
h1, h2, h3, h4, h5 , h6 { font-weight: normal; }
a{ color:#92c73e; text-decoration: none; }
img{border:none;}
/* generics */
.wrap { float:left; width:100%; }
.left { float: left; }
.right {float: right; }
.clear {clear:both; }
.last { margin:0; }
.container{ width:960px; margin:0 auto; }
/* logo */
header{ height:80px; padding-top:20px; background:url(../img/hd_bg.png) repeat-x 0 0; width:100%; display:block; z-index:2;}
header h1 a{ display:block; width:100%; height:100%;}
header h1 a:hover{background:transparent;}

/*menu*/
menu { background:url(../img/menu_bg.png) repeat-x 0 0; width:100%; height:56px; z-index:3; position:relative;}
menu li { float:left; margin-top:14px; margin-right:28px; }
menu li a{ color:#66a206; font-size:14px; }
menu li.selected a { color:#92c73e; }
menu li a:hover{ color:#adef43; padding:0; background:transparent;}
menu li.selected{ background: #00190e ; display: inline-block;color: #92c73e;text-decoration: none;font-weight: bold;line-height: 1;-moz-border-radius: 5px;-webkit-border-radius: 5px;-moz-box-shadow: 0 1px 3px #000d07	;-webkit-box-shadow: 0 1px 3px #000d07;text-shadow: 0 -1px 1px #000d07;border: 1px solid #000d07;position: relative;cursor: pointer; padding:6px; margin-top:10px;} /*url(../img/overlay-button.png) repeat-x*/
menu li.selected:hover{ background:#00370e; color:#adef43;}	

/* main content */
#wrap { background:#FFF; padding-top:21px; margin-top:-7px; z-index:1; position:relative; display:block; min-height: 100%;}
#main{ overflow:auto;padding:0 20px 100px 20px;}
#main h2{ background:#191919;color:#FFF; display:block; padding: 13px 20px 10px 20px; font-size:36px; font-weight:bold; line-height:36px;-moz-border-radius: 10px;-webkit-border-radius: 10px; -moz-box-shadow: 0 1px 3px #000d07	;-webkit-box-shadow: 0 1px 3px #000d07;}
#main h3{ color:#191919;  font-size:28px; font-weight:bold; line-height:36px;text-shadow: 0 2px -2px #ddd}
#main h4{ color:#191919;  font-size:16px;  margin: 0 0 0 0; text-shadow: 0 2px -2px #ddd}
#main h5{ color:#191919;  font-size:14px;  margin: 0 0 0 0; text-shadow: 0 2px -2px #ddd}

#main .left {width:595px;  margin-right:10px;}
#main .left img { max-width:100%;}
#main .left h4 { margin-bottom: 7px;}
#main .left h5 { font-weight: bold; margin:7px 0;}
#main .left p { margin-bottom:7px; }
#flickr{ margin:28px 0;}

#related{ margin:14px 0; }
#related h6{ font-size:16px; font-weight:bold; border-bottom: 1px dashed #666; padding-bottom:7px; margin-bottom:7px;}

#main .right{width:300px; }
.pod { padding-bottom:15px; margin-bottom:15px;  float:left; clear:both; width:100%;}
#main .right .pod h3 { background:url(../img/h3_bg.png) repeat-x 0 0; color:#FFF; text-shadow: 0 -2px 2px #000d07; line-height:15px; font-size:18px; font-weight:bold; padding:15px 15px 10px;}
#main .right .pod li { padding: 7px 7px 5px; border-bottom:1px dashed #000;}
#main .right .pod ol li { padding:0; border:none;} 
.pod.feature { padding-bottom:0; }
#main .right .pod.feature a:hover{ padding:0; background:transparent; }
#fsqr h3{ margin-bottom:0; }
#main .right #fsqr { font-size:13px; color:#333; }
#main .right #fsqr .img{ float:left; margin:0 14px;   }
#main .right #fsqr .mayor_wrap { float:left; width:298px; padding:14px 0 7px 0; margin-bottom:7px; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; }
#main .right #fsqr .mayor { font-size:18px; color:#333333; font-weight:bold;}
#fsqr_checkins { float:right; text-align:right; clear:both; width: 100%; font-size:18px !important; font-weight:bold; color:#002e05; padding-right:7px; }


#menus{ margin:14px 0 0; padding: 0 14px;}
#main #menus h4, #main #menus h5{ font-weight:bold; float:left;width:100%; margin: 0 0 0 0;}
#menus h5{ margin: 5px 0 0 0;}
#menus .pod{ clear:both;}

#beers{ margin:14px 0 0; padding: 0 14px;}
#beers h4, #beers h5{ font-weight:bold; float:left;}
#beers h5{ margin: 0 0 0 7px;}
#beers .pod{ clear:both;}

/* reservation form */
#contact_form  input[type="text"], #contact_form textarea{ width:98%; padding:4px;border:1px solid #AAAC62;-moz-border-radius:3px;  }
#contact_form  input[type="submit"]{-moz-border-radius:8px 8px 8px 8px;background:-moz-linear-gradient(center top , #F1F1D4, #E6E49F) repeat scroll 0 0 #E6E49F;border:1px solid #AAAC62;color:#333333;font-weight:normal;min-width:0;padding:4px 8px;text-decoration:none;text-shadow:0 1px 0 #FFFFFF;}
#contact_form  input[type="submit"] {display:inline;font-size:110%;width:auto;}
#contact_form .wrap{ margin: 0 0 14px 0;  }
#contact_form .wrap label { float:left;width:100%;}
#contact_form p { margin-bottom:7px; color:#999;}
#contact_form span.req { color:#999; }
#contact_form_success_message { opacity:0;}

#promos { margin:15px;}

#homepage_promos{ margin:28px 0 0; height:422px; display:block; position:relative; }
#homepage_promos a:hover{ margin:0 !important; padding:0 !Important; background:transparent !important;}
#first_promo { float:left; width: 48%; margin-right: 21px; }
#second_promo { float:left; width:48%;}
#promo { width:100%; }
#promo ul { float:left; clear:both;}
#promo ul li { float:left; width: 200px; margin-right:21px;}

#flickr_photos{ margin: 0 0 0; }
#flickr_photos li{ margin-bottom:14px;}
#flickr_photos h5 { margin:0 0 14px 0; float:left; width:100%; clear:both; }

#email_sign_up input.emailer{ background:url(../img/email_signup_field_bg.png) no-repeat 0 0; width:218px;  float:left;height:32px; border:none; padding:0 0 0 14px; font-family:helvetica; font-size:14px; line-height:16px;}
#email_sign_up #email_signup_submit {width:68px; height:32px; float:right; }
#email_sign_up #email_signup_submit a{ background:url(../img/email_signup_button.png) no-repeat 0 0; text-indent:-9999px; display:block; height:100%;} 

/*footer*/
footer{ position:relative;  background:#00210c; color:#666666; width:100%; margin-top: -100px; /* negative value of footer height */height: 100px;clear:both; display:block; z-index:1;} 
footer .left { margin:14px 0 0 14px; }
footer .right { margin: 14px 14px 0 0; text-align:right;}
footer a{ color:#92c73e; }
footer a:hover{ background:#92c73e; color:#000; padding:2px 0 0 0; }
/*footer .vcard { margin: 0 0 14px 0; }*/
.country-name, .phone, footer .category, .geo{ display:none; }


/*Who uses Opera, anyway?*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}

/* debug dawg */
.cake-debug{ background:#FFF; padding:14px; clear:both; display:block; }

/* superfish css */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	background: #00190e; border-left:1px solid #000d07; border-right: 1px solid #000d07; border-bottom:1px solid #000d07; color: #92c73e; font-weight:normal; margin:22px 0 0 7px; padding:7px 7px 0 7px; 
	position:		absolute;
	top:			-999em;
	opacity: 0.95;
	width:150px;
}
.sf-menu li:hover { visibility:		inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative;}


.sf-menu li ul li { margin:0 0 14px 0; padding:0; width:100%;}

.sf-menu a { display: block; position:relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			14px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

table#photo_gallery_menu {
    width:          592px;
}

table#photo_gallery_menu td {
    width:          148px;
    text-align:     center;
}