/*
#60c3be: turquoise | highlights
*/

#backstretch {
    z-index: -1000;
    
}

/* BASE
----------------------------------------------------------------------------------------*/

html {
	background-color: #000;
	color: #ffffff;
}

body {
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.4;
}

h1 {
	font-family: Veneer, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 0.8;
	margin: 0 30px 30px 30px;
	padding: 0;
}

h1 p {
	margin:0;
}

h1 em, h1 strong {
	color: #60c3be;
	font-weight: normal;
}

h1.headline {
	font-size:100px;
}

h2 {
	color: #60c3be;
	font-family: Veneer, Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	font-weight: normal;
	line-height: 1;
	margin: 0 0 10px 0;	
}

h2 a {
	color: #60c3be;
}

h2 a:hover {
	color: #ffffff;
}

p+h2, img+h2, a+h2 {
	margin-top: 1em;
}

h3 {
	font-size: 1.286em;
	font-weight: normal;
	margin: 1.5em 0 0 0;	
}

ul, ol {
    margin: 0;
    padding: 0;
}

p {
	margin: 0 0 1.5em 0;
}

.intro {
	font-size: 1.286em;
}

a, a:visited {
	text-decoration: none; 
}

p a, p a:visited {
	font-weight:bold;
	color: #60c3be;
}

.group:before,
.group:after {
    content: "";
    display: table;
}
 
.group:after {
    clear: both;
}

.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

@media screen and (max-width: 730px) {
	h1 {
		margin: 0 5% 20px 5%;
	}
}

/* HRs */
.entry hr {
	background: url(/images/design/hr-cutlery.png) no-repeat center center;
	height: 59px;
	border: none;
}

.entry hr.drink {
	background-image: url(/images/design/hr-drink.png);
}

@media screen and (min-width: 730px) {

}

/* LAYOUT
----------------------------------------------------------------------------------------*/

.l-main {
	background-color: #000;
	float: right;
	padding-top: 45px;
	width: 518px;
}

.l-sidebar {
	float: left;
	padding-top: 24px;
	position: relative;
	text-align: center;
	width: 139px;
}

@media screen and (max-width: 730px) {
	.l-main {
		float: none;
		padding: 20px 0;
		width: 100%;
	}
	
	.l-sidebar {
		float: none;
		padding-top: 12px;
		width: 100%;
	}
	
	.l-background {
		display:none;
	}
	
}


.section { outline: none; }

/* MODULES
----------------------------------------------------------------------------------------*/

/*--- site logo ---*/
.logo {
	background: url("/images/design/steak-of-the-art.png") no-repeat 0 0;
	display: block;
	height: 143px;
	text-indent: -9999px;
	width: 139px;
}

@media screen and (max-width: 730px) {
	.logo {
		margin: 0 auto;
	}
}

/*--- site navigation---*/
.sitemenu {
	border-bottom: 1px solid #fff;
	list-style-type: none;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1;
	padding: 10px 0;
}

.sitemenu a {
	color: #ffffff;
}

.sitemenu li {
	font-size:40px;
	text-align:left;
	white-space: nowrap;
}

.sitemenu a:hover {
	color: #60c3be;
}

@media screen and (max-width: 730px) {
	.sitemenu {
		border: none;
		max-height: 0;
		display:none;
		padding: 0;
	}

	.sitemenu.expand {
		background-color: #60c3be;
		margin-top: 20px;
		max-height: 900em;
		padding: 5px 0;
		display:block;	
	}
	
	.sitemenu li {
		border-top: 2px solid #57abab;
		font-size: 1.429em !important;
	}
	
	.sitemenu li:first-child {
		border-top: none;
	}
	
	.sitemenu li a {
		display: block;
		padding: 6px;
	}
	
	.sitemenu li a:hover {
		color: #000;
	}
	
	.social {
		display: none;
	}
	
	.menuToggle a {
		background: url("/images/design/icon-menu.png") no-repeat 0 0;
		display: block;
		height: 46px;
		position: absolute;
		right: 20px;
		text-indent: -9999px;
		top: 12px;
		width: 46px;	
	}
}

/*--- Headings ---*/

.headline {
	text-transform: uppercase;
}

/*--- social icons ---*/
.social {
	background-image: url("/images/design/icons-social.png");
	background-repeat: no-repeat;
	display: inline-block;
	height: 35px;
	margin: 10px 4px;
	text-indent: -9999px;
	width: 35px;
}

.tw {
	background-position: 0 0;
}

.tw:hover {
	background-position: 0 -57px;
}

.fb {
	background-position: 0 -114px;
}

.fb:hover {
	background-position: 0 -171px;
}

.instagram {
	background-position: 0 -228px;
}

.instagram:hover {
	background-position: 0 -285px;
}

@media screen and (max-width: 730px) {
	.social {
		display: none;
	}
}

/*--- entries (used for main body content) ---*/

.entry {
	margin: 0 30px 30px 30px;
	padding: 0;
}

.entry p a {
	color: #fff;
	text-decoration: underline;
}

.entry p a:hover {
	color: #60c3be;
}

.entry p a.download-menu

 {
	display:block; background-image:url(/images/design/icon-download.png); background-position:top left; background-repeat:no-repeat;
	padding:3px 0px 0px 73px; 
	min-height: 56px; color: #60c3be; text-decoration:none; font-weight:normal;
	font-family: Veneer, Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	line-height:56px;
	vertical-align:middle;
	margin-top:20px;
	}

.entry p a.reservation,
a.reservation, h2.reservation
 {
	display:block; background-image:url(/images/design/icon-reservation.png); background-position:top left; background-repeat:no-repeat;
	padding:3px 0px 0px 70px; 
	min-height: 56px; color: #60c3be; text-decoration:none; font-weight:normal;
	font-family: Veneer, Arial, Helvetica, sans-serif;
	font-size: 2.4em;
	line-height:normal;
	vertical-align:middle;
	margin-top:20px;
	}

.entry p a.big-link, .entry p.big-link a, .entry ul.big-links > li {
	color: #60c3be; text-decoration:none; font-weight:normal;
	font-family: Veneer, Arial, Helvetica, sans-serif;
	font-size: 2em;
	list-style:none;
	margin: 0em 0;
}

.entry ul.big-links > li > a {
	color: #60c3be;	
}

.entry ul.big-links > li > span {
	color:#fff;
}
	
.entry p a.icon-take-tour,
.entry p a.icon-xmas-menu
 {
	display:block; background-image:url(/images/design/icon-tour.png); background-position:top left; background-repeat:no-repeat;
	padding:3px 0px 0px 73px; height:56px; color: #60c3be; text-decoration:none; font-weight:normal;
 	font-family: Veneer, Arial, Helvetica, sans-serif;
	font-size: 2.5em;
 }

.entry p a.icon-xmas-menu {
	background-image:url(/images/design/icon-xmas-menu.png);
}

.entry.tweet {
	background: url(/images/design/twitter-bird.png) no-repeat 0px center;
	padding-left: 63px;
	min-height: 35px;
}

.entry img {
	max-width:100%;
	height:auto !important;
}

@media screen and (max-width: 730px) {
	.entry {
		margin: 0 5% 20px 5%;
	}
	.entry p a.reservation {
		font-size:1.9em;
	}
}

/*--- feature links (mailing list, pdf downloads etc) ---*/

a.featurelink {
	background-color: #fff;
	color: #000;
	display: block;
	font-size: 1.286em;
	line-height: 1.3;
	margin-bottom: 30px;
	padding: 25px 30px 25px 90px;
}

a.featurelink:hover {
	color: #60c3be;
}

.signup {
	background: url("/images/design/icon-signup.gif") no-repeat 30px center;
}

.download {
	background: url("/images/design/icon-download.gif") no-repeat 30px center;
}

@media screen and (max-width: 730px) {
	a.featurelink {
		padding: 18px 5% 18px 19%;
		background-position: 5% center;
	}
}

/*--- images ---*/

img.inset {
	display: none;
}

@media screen and (max-width: 730px) {
	img.inset {
		display: block;
		height: auto; /* Override height to match resized width for correct aspect ratio. */
		max-width: 100%; /* When images are too wide for containing element, force them to fit. */
		margin-bottom: 20px;
	}
}

/*--- videos ---*/

.fluid-width-video-wrapper {
	margin: 1.5em 0;
}

/*--- listings ---*/

.listing {
	list-style-type: none;
}

.listing p a {
	color: #60c3be;
}

.listing p a:hover {
	color: #fff;
	text-decoration: underline;
}

.listing li {
	border-top: 1px solid #fff;
	margin-bottom: 20px;
	padding: 20px 30px 0 30px;
}

.noborder li:first-child {
	border-top: none;
	padding-top: 0;
}

.events h2 {
	margin-bottom: 0;
}

.date {
	background-color: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	color: #000;
	display: block;
	float: left;
	font-family: Veneer, Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	font-weight: normal;
	height: 60px;
	line-height: 1;
	margin-right: 15px;
	padding-top: 8px;
	text-align: center;
	width: 68px;
}

.date span {
	display: block;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

.time {
	display: block;
	font-size: 1.286em;
	margin-bottom: 1em;
}

.snippet {
	border-bottom: 1px solid #fff;
}

.snippet-title {
	padding: 0 30px;	
}

.snippet li {
	margin: 0;
	padding: 8px 30px;
}

.snippet h3 {
	font-size: 1.286em;
	margin: 0;
}

.snippet h3 a {
	color: #fff;
}

.snippet h3 a:hover {
	color: #60c3be;
}

@media screen and (max-width: 730px) {
	.listing li {
		padding: 20px 5% 0 5%;
	}
	
	.snippet li {
		padding: 8px 5%;
	}
	
	.snippet-title {
		padding: 0 5%;	
	}
}

/*--- forms ---*/

#contact-form-success {
	display:none;
}

#contact-form {
	background-color: #fff;
	padding: 20px 0;
}

#contact-form h2 {
	color: #000;
	margin-bottom: 14px;
	padding: 0 30px;
}

#contact-form label {
	color: #000;
	float: left;
	font-size: 1.286em;
	line-height: 2;
	margin: 0 10px 0 0;
	width: 76px;
}

#contact-form label.nofloat {
	float: none;
	font-size: 1em;
	line-height: 1.4;
}

#contact-form input[type="checkbox"] {
	margin: 0 4px 0 86px;	
}

#contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea, #contact-form select {
	background-color: #ebebeb;
	border: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.286em;
	margin: 0 0 10px 0;
	padding: 8px 7px;
	width: 356px;
}

#contact-form select { width:370px; }

#contact-form input[type="submit"] {
	background-color: #fff;
	border: none;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	float: right;
	text-transform: uppercase;
	padding: 0;
	margin: 20px 0 0 0;
}

#contact-form input[type="submit"]:hover {
	color: #60c3be;
}

.row {
	clear: both;
	margin: 0 30px;
	overflow: hidden;
	padding: 0;
}

.captcha-container {
width: 369px;
float: left;
color: #fff;
}
.captcha-container p {
color: #000;
margin: 7px 0;
}
.captcha-container img {}
.captcha-container input {}
/* Newsletter signup */
.signup {
	background: #fff;
	padding: 18px 33px;
	overflow: hidden;
	margin-bottom:2em;
}

.signup .subForm, .signup .signup-success {
	display: none;
}

.signup.show-form .subForm, .signup.show-success .signup-success {
	display: block;
}

.signup-success {
	color:#000;
	height: 35px;
	font-size: 16px;
}

.subForm label{
	background: url("/images/design/signup-icon.gif") no-repeat 0 0;
	display: block;
	float: left;
	height: 35px;
	margin-right: 6px;
	text-indent: -9999px;
	width: 35px;
}

.subForm input {
	float: left;
	background: #ebebeb;
	border: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	height: 35px;
	line-height: 35px;
	margin: 0 6px 0 0;
	padding: 0 8px;
	width: 18em;
	vertical-align:middle;
}

.subForm button {
	background: #fff;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 18px;
	height: 35px;
	border: none;
	margin: 0;
	padding: 0 10px;
}


@media screen and (max-width: 730px) {
	
	.subForm input {
		width:50%;
	}
	
	.signup {
		padding: 18px 23px;
	}

	#contact-form h2 {
		padding: 0 5%;
	}
	
	#contact-form label {
		float: none;
	}
	
	#contact-form input[type="checkbox"] {
		margin-left: 0;	
	}
	
	#contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea, #contact-form select {
		width: 99%;
	}
	
	.row {
		margin: 0 5%;
	}	
}

/*--- buttons ---*/

.btn-prev {
	background: url("/images/design/btns-direction.png") no-repeat 0 0;
	color: #fff;
	display: block;
	height: 59px;
	float: left;
	font-size: 1.286em;
	line-height: 59px;
	padding-left: 72px;
}

.btn-prev:hover {
	background-position: 0 -79px;
	color: #60c3be;
}

/*--- contact links ---*/

.contact-links {
	list-style-type: none;
	margin-top: 20px;
}

.contact-links li {
	background-image: url("/images/design/contact-links.png");
	background-repeat: no-repeat;
	height: 59px;
	line-height: 59px;
	margin-bottom: 1em;
	padding-left: 72px;
}

.contact-links li.reservation {background-image: url("/images/design/icon-reservation.png");}

.contact-links li.mail {
	background-position: 0 -79px;
}

.contact-links li.map {
	background-position: 0 -158px;
}

.contact-links a,
a.reservation  {
	color: #60c3be;
	font-family: Veneer, Arial, Helvetica, sans-serif;
	font-size: 2.5em;
}

.contact-links a:hover {
	color: #fff;
}



@media screen and (max-width: 730px) {
	.contact-links a {
		font-size: 1.5em;
	}
}

/*--- add this sharing ---*/

.addthis_toolbox {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 20px 30px;
	margin-bottom: 30px;
}

@media screen and (max-width: 730px) {	
	.addthis_toolbox {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		padding: 20px 5%;
	}
}

/* OpenTable winner badge */
html .ot-dc-badge-landscape-span {
	background: #555;
	font-size: 40px;
	border-radius: 24px;
	font-family: Veneer, Arial, Helvetica, sans-serif;
	white-space: nowrap;
}


/*-- The streetview tour ---*/
.tour-page {
    height: 100%;
    overflow: hidden;
}
.tour-page-main {
    height: 100%;
}
.tour-page .tour-header {
    height: 82px;
	position:relative;
}
.tour-page .tour-return {
    float: left;
    text-transform: uppercase;
    font-size: 22px;
    font-family: Veneer, Arial, Helvetica, sans-serif;
    color: #fff;
    font-weight: bold;
    margin-top: 21px;
    margin-left: 30px;
    line-height: 47px;
    padding-left: 55px;
    vertical-align: middle;
	background:url(/images/design/tour-home.png) no-repeat 0 center;
}
.tour-page .tour-logo {

    position: absolute;
    left: 50%;
	margin-left: -74px;
}
.tour-page .tour-logo img {
    /* margin-left: 0; */
}
.tour-page .tour-social {
    float: right;
    margin: 8px 14px 0 0;
}
.tour-page .tour-social a {}
.tour-page .tour-social a.fb {}
.tour-page .tour-social a.tw {}
.tour-page .tour-container {

}
.tour-page .tour-container iframe {
    width: 100%;
    height: 100%;
}
.tour-page-html {
    height: 100%;
}
@media screen and (max-width: 730px) {
	.tour-page .tour-header {
		height:0px;
		display:none;
	}
}