/* General Page Structure
-------------------------------------------------------------------------------------- */
body {
  background: #af001d url(/images/bg.gif) repeat-x top left;
  margin: 0;
  padding: 0 0 20px;
}
#container {
  background: url(/images/shadow-sides.png) repeat-y top center;
  margin: 0 auto;
  width: 980px;
}
#wrapper {
  padding: 0 6px 0;
  width: 968px;
}
#page {
  background-color: #b3001e;
  border: 1px solid #8d0017;
  border-bottom: none;
  width: 966px;
}


/* General Styles
-------------------------------------------------------------------------------------- */
#content:after,
ul#callouts:after,
ul#menu-nav:after,
div.menu:after,
div.menu ul li:after,
div.comment div.meta:after,
div.location:after,
form div.row:after,
#footer div.inner:after,
.clear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

a img { border: none; }
form { margin: 0; padding: 0; }


/* General Typography
-------------------------------------------------------------------------------------- */
body {
	font: 12px/1.5 Arial, Helvetica, sans-serif;
	color: #fff;
}
h1, h2, h3, h4, h5, h6, p, ol, ul {
	margin: 0 0 12px;
}
h1, h2, h3 {
	color: #fff;
}
h1 {
	font-size: 16px;
	font-weight: normal;
}
h2 {
	font-size: 12px;
	font-weight: bold;
}
h3 {
  font-size: 1em;
}
p, li, .comment .meta {
  color: #c6a775;
}
.comment p {
  color: white;
}
ol, ul {
	margin-left: 40px;
	padding: 0;
}
a {
	color: #1e1e1e;
}
a:hover {
	color: #fff;
}

/* Header
-------------------------------------------------------------------------------------- */
#header {
	background: transparent url(/images/header-bg.gif) repeat-x bottom left;
	height: 102px;
}
a#logo {
	display: block;
	float: left;
	margin: 16px 0 0 31px;
}
a#logo img {
	display: block;
	float: left;
}

/* Nav
-------------------------------------------------------------------------------------- */
#nav {
	border-top: 1px solid #8d0017;
	border-bottom: 1px solid #8d0017;
	height: 31px;
	padding: 0 14px;
}
#nav ul {
	list-style: none;
	margin: 0;
}
#nav ul li {
	border-left: 1px solid #b3001e;
	border-right: 1px solid #b3001e;
  display: block;
  float: left;
	height: 31px;
	font-size: 18px;
	line-height: 31px;
	overflow: hidden;
	padding: 0 15px;
  margin-right: 5px;
}
#nav ul li a,
#supplementary_nav li a {
  color: #bc9c67;
  text-decoration: none;
}
#nav ul li a:hover,
#supplementary_nav li a:hover {
	color: #fff;
}
#nav ul li.home a img {
	display: block;
}

/*we don't use .active and .inactive for home because that triggers the sifr replacement*/
#nav ul li.home a:hover img,
body.home #nav ul li.home a img {
	margin-top: -31px;
}

body.home #nav ul li.home,
#nav ul li.active {
  background-color: #b3001e;
  border-top: 1px solid #8d0017;
  border-left: 1px solid #8d0017;
  border-right: 1px solid #8d0017;
  color: #fff;
  margin-top: -2px;
  padding-top: 1px;
  padding-bottom: 1px;
  position: relative;
}

body.home #nav ul li.home a,
body.food #nav ul li.food a,
body.reviews #nav ul li.reviews a,
body.locations #nav ul li.locations a {
  color: #fff;
  background-color: #b3001e;
}

/* Sharing tools
-------------------------------------------------------------------------------------- */

#supplementary_nav, #sharingtools {
  padding: 0;
  margin: 0;
  list-style: none;
  float: right;
}
#sharingtools {
  margin: 16px 30px 0 0;
}

#supplementary_nav {
  margin: 20px 10px 0 0;
  line-height: 1;
}

ul#supplementary_nav li,
ul#sharingtools li {
  float: left;
}

ul#supplementary_nav li {
  padding: 0 5px;
  border-right: 1px solid #bc9c67;
}

ul#supplementary_nav li.last {
  border: none;
}

ul#supplementary_nav li {
  padding-right: 5px;
}

ul#sharingtools li a {
  display: block;
  text-indent: -1000em;
  overflow: hidden;
  background: url('/images/sharing_buttons.gif') top left no-repeat;
  height: 22px;
}

ul#sharingtools li#twitter a {
  width: 80px;
}

ul#sharingtools li#twitter a:hover {
  background-position: 0 -22px;
}

ul#sharingtools li#share a {
  width: 72px;
  background-position: -80px 0;
}

ul#sharingtools li#share a:hover {
  background-position: -80px -22px;
}

/* Content
-------------------------------------------------------------------------------------- */
#content {
	clear: both;
	padding: 20px 31px;
}
#content div.section {
	width: 437px;
}
#content .left {
	float: left;
}
#content .right {
	float: right;
}


/* Home
-------------------------------------------------------------------------------------- */
.home #content {
  padding-top: 31px;
}

#teaser {
  height: 500px;
}

#teaser,
ul#callouts li {
	border: 1px solid #8d0017;
}

ul#callouts {
	list-style: none;
	margin: 0px 0 0 -20px;
}

ul#callouts li {
	display: block;
	float: left;
	list-style: none;
	width: 287px;
	height: 183px;
	margin: 0 0 10px 19px;
}


/* Food
-------------------------------------------------------------------------------------- */
ul#menu-nav {
	list-style: none;
	margin: 0 0 -5px;
}
ul#menu-nav li {
  font-size: 18px;
  line-height: 1.4;
	border-right: 1px solid #8d0017;
	display: inline;
  margin-right: 5px;
  padding: 6px 5px 0px 0;
}
ul#menu-nav li.last {
	border-right: none;
	margin: 0;
	padding: 0;
}
ul#menu-nav li a {
	color: #c6a775;
	text-decoration: none;
}
ul#menu-nav li a:hover,
ul#menu-nav li.active a {
	color: #fff;
}
ul#menu-nav li sup {
	font-size: 9px;
	text-transform: uppercase;
	color: #c6a775;
	position: relative;
	top: -3px;
	left: -4px;
}
div.menu div.category {
	margin: 0 0 20px;
}
div.menu h2,
div.menu p {
	margin: 20px 0 0 0;
}
div.menu ul {
	border-top: 1px dotted #c77b58;
	list-style: none;
	margin: 0;
}
div.menu ul li {
	padding: 5px 0;
	position: relative;
}

div.menu ul li h3,
div.menu ul li p {
	margin: 0;
	padding: 0 75px 0 0;
}
div.menu ul li span.drinkdescription {
  font-weight: normal;
	color: #c6a775;
	padding-left: 5px;
}
div.menu ul li span.price {
	position: absolute;
	right: 0;	
	text-align: right;
	top: 5px;
	width: 100px;
}

/* Reviews
-------------------------------------------------------------------------------------- */
div.pagination {
	color: #1e1e1e;
	padding: 10px 0;
}
div.pagination .disabled {
  display: none;
}
div.pagination a {
	font-weight: bold;
}
div.pagination a.next_page {
	text-decoration: none;
}
div.pagination .current {
	color: #c77b58;
}
#post-comment h1,
#comments h1,
div.menu ul li {
	border-bottom: 1px dotted #c77b58;
}

#comments div.listing {
	padding: 10px 0;
}
#comments div.comment {
	margin: 0 0 12px;
}
#comments div.comment div.content p {
	margin: 0 0 5px;
}
#comments div.comment div.meta div.rating {
	float: left;
	margin: 0 10px 0 0;
}
#post-comment form div.row {
	margin: 0 0 5px;
}
#post-comment form label,
#post-comment form span.label {
	display: block;
	float: left;
	width: 80px;
}
#post-comment form label {
	line-height: 23px;
}
#post-comment form input.text,
#post-comment form textarea {
	border: 1px solid #bbb;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 3px;
	width: 349px;
}
#post-comment form textarea {
  /* so the box doesnt jump around when resized in safari  */
  margin: -22px 0 0 80px;
}
#post-comment form span.notice {
	clear: left;
	display: block;
	font-size: 11px;
	margin-left: 80px;
	text-align: right;
}

#post-comment .control.row {
  margin-top: 15px;
}
#post-comment input.submit {
	background-color: #c7a877;
	border: 1px solid #ac9166;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #1e1e1e;
	cursor: pointer;
	float: right;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 2px 20px;
}
#rating {
	float: left;
}


/* Locations
-------------------------------------------------------------------------------------- */
div.location {
	border-top: 1px dotted #c77b58;
	color: #c6a775;
	padding: 12px 0;
}
div.location h2 {
	margin: 0;
}
div.location .address h2 {
  padding-top: 10px;
}
div.location div.info,
div.location div.hours {
	float: left;
	width: 192px;
	line-height: 1.4;
}
div.location div.info .address {
	font-style: normal;
}
div.location div.hours div.notes {
  margin-top: 16px;
	font-size: 11px;
	line-height: 1.5;
}
div.location div.map,
div.location div.visual {
	float: left;
	height: 130px;
	margin: 0 0 0 20px;
	overflow: hidden;
	width: 240px;
}
div.location div.map img,
div.location div.visual img {
	display: block;
}

div.location .map div,
div.location .gallery {
  display: none;
}

.embeddedmap {
  width: 100%;
  height: 100%;
}

.gallery {
  margin: 0 auto;
}
.gallery ul {
  margin: 5px auto;
  padding: 0;
  visibility:hidden;
}

.gallery ul li {
  display: inline;
  margin-left: 5px;
}

.gallery img.full {
  display: block;
  margin: 0 auto;
}

/* Footer
-------------------------------------------------------------------------------------- */
#footer {
	background: url(/images/shadow-bottom.png) no-repeat bottom center;
	color: #bc9c67;
	font-size: 11px;
	margin: 0 auto;
	padding: 0 38px 8px;
	width: 904px;
}
#footer div.inner {
	border-top: 1px dotted #c77b58;
	padding: 10px 0;	
}
#footer a {
	color: #1e1e1e;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer span {
	display: block;
}
#footer span.copyright {
	float: left;
}
#footer ul {
	float: left;
	list-style: none;
	margin: 0 0 0 20px;
}
#footer ul li {
	float: left;
	padding: 0 5px;
}
#footer span.brand {
	float: right;
}
#footer span.brand a {
	margin-left: 10px;
}