/* Site Styles */

html {}
body {
	font-size: 12pt;
}
body.ffFix {
	border-top: 3px solid #000;
}


p {
	font-family: 'Special Elite';

	line-height: 175%;
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 0.9rem;
	zoom: 1;
}
p.moo {
	letter-spacing: 1px;
}
label { font-family: 'Special Elite'; font-weight: normal; }
h1,h2,h3,h4,h5,h6 {
	font-family: 'Oswald';
	color: #434343;
}

h1.logo {
	font-size: 4.2rem;
	font-family: 'Coquette';
	letter-spacing: -2px;
}
h1.logo a {
	text-decoration: none;
}

header {
	margin-bottom: -20px;
}
header .nav { margin-top: 20px; margin-bottom: 15px;}
header .nav ul { text-align: center; }
header .nav li {
	display: inline;
	zoom: 1;
	*display: inline;
	padding: 0 10px;
}
header .nav a {
	text-decoration: none;
	font-family: 'Special Elite';
	padding: 0 5px 2px 5px;
}
header .nav a:hover {
	border-bottom: 2px solid #666;
}
header .nav a.active {
	border-bottom: 2px solid #666;
}
header .reservations {
	text-align: right;
	margin: 0;
	padding: 0;
	z-index: 999;
}
header .logo {
	margin-top: -30px;
	text-align: center;
	display: inline-block;
}
section {
	margin: 10px 0;
}
footer {
	margin-top: 50px;
}
footer h5 {
	font-weight: bold;
	margin-bottom: 10px;
}
footer p.legal {
	text-align: center;
	margin: 25px 0;
	font-size: 0.8rem;
}
footer ul.links {}
footer ul.links a {
	text-decoration: none;
	font-family: 'Special Elite';
}
footer hr {
	display: none;
}


/* page specific styles */

.contactForm {}
.contactForm input[type=text] {
	width: 95%;
}
.contactForm textarea {
	width: 95%;
}
.contactForm input[type=submit] {
	background: #434343;
	border-radius: 0;
	border: none;
	text-shadow: none;
	color: #fff;
	padding: 10px 25px;
	letter-spacing: 1px;
	font-weight: normal;
}



.entry {
	padding: 5px;
	border-radius: 3px;
	background: #fff;
	-webkit-transition: all 0.3s;
}
.entry:hover {
	background: #fdfdfd;
}
#twitter-feed {
	font-size: 0.9rem;
	font-family: 'Special Elite';
}

#twitter-feed a {
	color: #0084B4;
	text-decoration: none;
}


.padded {
	padding: 0 0 0 40px;
}
.current {
	background: url(../img/finger.png) no-repeat left center;
}


/* Google Map */
#map {
	width: 100%;
	height: 325px;
	margin-bottom: 25px;
	background: #fff;
}

#infoWindowContent {
	width: 375px;
}

/* Menu page FOOD and DRINK menus */
ul.menuNav {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 20px;
}
ul.menuNav li {
	display: inline;
	padding: 0 5px;
}
ul.menuNav li.first {
	font-family: 'Oswald';
	font-weight: bold;
	font-size: 12pt;
	vertical-align: middle;
}
ul.menuNav a {
	text-decoration: none;
	padding: 0 5px;
	font-family: 'Special Elite';
	font-size: 0.9rem;
}
ul.menuNav a:hover {
	border-bottom: 2px solid #666;
}
ul.menuNav a.active {
	color: #ff9900;
	border-bottom: 2px solid #666;
	border-bottom: 2px solid #ff9900;

}

ul#filters {
	text-align: center;
}
ul#filters li {
	display: inline;
	padding: 0 10px 0 0;
	font-size: 0.8rem;
}
ul#filters a {
	text-decoration: none;
	
}
ul#filters a:hover {
	text-decoration: underline;
}
ul#filters a.filterActive {
	text-decoration: underline;
	color: #ff9900;
}

#gallery {
	padding-bottom: 50px;
}
.item {
	width: 320px;
}
.item img {
	-webkit-transition: all 0.4s;
	width: 100%;
}
.item:hover {
	opacity: 0.8;
}

/* newsletter signup form */

.newsletterSignup {}
.newsletterSignup input[type=text] {
	width: 97%;
}
.newsletterSignup input[type=submit] {
	background: #545454;
	border-radius: 0;
	padding: 10px 20px;
	border: 0;
	color: #fff;
	text-shadow: none;
	font-weight: normal;
}

/* gift card signup form */
.giftcardSignup {}
.giftcardSignup select.state, .giftcardSignup select.cardValue {
	width: 100px;
}
.giftcardSignup select {
	padding: 5px;
}
.giftcardSignup textarea {
	height: 110px;
}
.giftcardSignup input[type=submit] {
	background: #545454;
	border-radius: 0;
	padding: 10px 20px;
	border: 0;
	color: #fff;
	text-shadow: none;
	font-weight: normal;
}

#sort {
	margin-top: 25px;
}


/* blog styles */
.postedOn {
	background: #323232;
	color: #fff;
	padding: 3px 5px;
}


/* helper styles */
.alignRight { text-align: right; }
.alignCenter { text-align: center; }

.floatRight { float: right; }
.fullWidth { width: 100%; }
.borderBottom { border-bottom: 1px dotted #bbb; padding: 10px 0 0 0; }
.uppercase { text-transform: uppercase; }

/*img.framed {
	padding: 7px;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);
	box-shadow: 0 8px 9px -9px rgba(0,0,0,0.5);
}
*/
.error {
	padding: 5px 10px;
	border: 1px solid #fbeed5;
	background: #fcf8e3;
}
.success {
	padding: 5px 10px;
	border: 1px solid #d6e9c6;
	background: #dff0d8;
}


/* media query stuff */
.showOnPhone {
	display: none !important;
}

h1.slogan {
	font-family: 'Oswald';
	font-weight: bold;
	text-transform: uppercase;
	background: #fff;
	display: inline;
	text-indent: 10px;
	font-size: 2.1rem;
	padding-top: 1px;
	padding-left: 50px;
	padding-right: 10px;
	color: #000;
	-webkit-font-smoothing: antialiased;
	box-shadow: 2px 4px 4px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 4px 4px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 4px 4px 0 rgba(0,0,0,0.3);
	-khtml-box-shadow: 2px 4px 4px 0 rgba(0,0,0,0.3);
}
p.slogan {
	color: #000;
	text-transform: uppercase;
	font-family: courier;
	background: #fff;
				display: inline;
				padding-top: 5px;
				padding-left: 50px;
				padding-right: 10px;
				padding-bottom: 5px;
				box-shadow: 2px 4px 4px 0 rgba(0,0,0,0.3);
				-moz-box-shadow: 2px 4px 4px 0 rgba(0,0,0,0.3);
				-webkit-box-shadow: 2px 4px 4px 0 rgba(0,0,0,0.3);
				-khtml-box-shadow: 2px 4px 4px 0 rgba(0,0,0,0.3);
			}
			.tag {
				_padding: 10px;
				_padding-left: 40px;
				margin-top: 75px;
				position: relative;
				_width: 300px;
			}
			.tag .fixed {
				position: absolute;
				top: 50px;
				left: 0;

			}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property:    -moz-transform, opacity;
	-ms-transition-property:     -ms-transform, opacity;
	-o-transition-property:      -o-transform, opacity;
	transition-property:         transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}
/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	#gallery {
		width: 100%;
		min-width: 100%;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#gallery {
		width: 100%;
		min-width: 100%;
	}
		span.oom {
		display: block;
	}


}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#gallery {
		width: 100%;
		min-width: 100%;
	}
		span.oom {
		display: block;
	}

	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.showOnPhone {
		display: block !important;
	}

	.notOnPhone { display: none !important; }

	.noMobile { display: none !important; }



	/* mobile header styles */
	header {
		padding-top: 40px;
	}

	header .reservations {
		display: none !important;
	}
	header .mobileReservations {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 999;
	}
	header .mobileReservations p {
		background: #212121;
		color: #fff;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	header .mobileReservations a {
		color: #fff;
		padding: 6px 0;
		text-decoration: none;
		display: block;

	}

	header .logo {
		margin-top: 0;
	}

	h1.logo {
		font-size: 3.5rem;
	}

	header nav {
		display: none;
	}
	header nav.mobileNav {
		position: absolute;
		z-index: 999;
		top: 0;
		left: 0;
		width: 100%;
		background: rgba(0,0,0,0.9);
	}
	header nav.mobileNav ul { padding: 0; margin: 0; }
	header nav.mobileNav li { margin: 0; }
	header nav.mobileNav li:hover { cursor: pointer; }

	header nav.mobileNav li.first { padding: 10px 5px; color: #fff; font-size: 1.5rem; }
	header nav.mobileNav li.mobileSub { padding: 5px 7px; display: none; font-size: 1rem;}
	header nav.mobileNav a { padding: 5px; margin: 0; font-size: 1rem; font-family: 'Special Elite'; color: #fff; text-decoration: none;}
	header nav.mobileNav a:hover { cursor: pointer; }

	.slider { display: none; }

	input[type=submit] { -webkit-appearance: none; width: 100%; }

	img.menuMobile { height: 30px; width: 30px; }

	.menuNav { display: none; }

	.mobileSub ul {
		margin-left: 10px !important;
		padding-bottom: 10px !important;
	}

	.mobileSub ul li {
		padding: 5px 0;
	}
	.mobileSub ul li a {
		font-size: 0.8rem !important;
	}

	.person {
		display: block !important;
	}

	.person img {
		width: 35%;
	}
	.bioPhone {
		float: left;
	}
	.bioNotPhone { display: none !important; }

	.item {
		width: 33% !important;
	}
	.item img {
		width: 97%;
	}

	.blogPhone {
		display: none;
	}


	/* mobile footer styles */
	footer {
		padding-bottom: 30px;
	}
	footer hr { display: block; }
	footer p, footer h5, footer ul {
		text-align: center !important;
	}
	footer h5 {
		font-size: 1.5rem;
	}
	footer img.cheers { width: 100%; }

	p.moo {
		width: 100% !important;
	}

		span.oom {
		display: block;
	}




}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	p.moo {
		width: 100% !important;
	}

	.showOnPhone {
		display: block !important;
	}

	.noMobile { display: none !important; }



	/* mobile header styles */
	header {
		padding-top: 40px;
	}

	header .reservations {
		display: none !important;
	}
	header .mobileReservations {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 999;
	}
	header .mobileReservations p {
		background: #212121;
		color: #fff;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	header .mobileReservations a {
		color: #fff;
		padding: 6px 0;
		text-decoration: none;
		display: block;

	}

	header .logo {
		margin-top: 0;
	}

	h1.logo {
		font-size: 3.5rem;
	}

	header nav {
		display: none;
	}
	header nav.mobileNav {
		position: absolute;
		z-index: 999;
		top: 0;
		left: 0;
		width: 100%;
		background: rgba(0,0,0,0.9);
	}
	header nav.mobileNav ul { padding: 0; margin: 0; }
	header nav.mobileNav li{ margin: 0; }
	header nav.mobileNav li.first { padding: 10px 5px; color: #fff; font-size: 1.5rem; }
	header nav.mobileNav li.mobileSub { padding: 5px 7px; display: none; font-size: 1rem;}
	header nav.mobileNav a { padding: 5px; margin: 0; font-size: 1rem; font-family: 'Special Elite'; color: #fff; text-decoration: none;}
	header nav.mobileNav a:hover {}

	.slider { display: none; }

	input[type=submit] { -webkit-appearance: none; width: 100%; }

	img.menuMobile { height: 30px; width: 30px; }

	.menuNav { display: none; }

	.mobileSub ul {
		margin-left: 10px !important;
		padding-bottom: 10px !important;
	}

	.mobileSub ul li {
		padding: 5px 0;
	}
	.mobileSub ul li a {
		font-size: 0.8rem !important;
	}

	.person {
		display: block !important;
	}

	.person img {
		width: 35%;
	}
	.bioPhone {
		float: left;
	}
	.notOnPhone { display: none !important; }


	.item {
		width: 33% !important;
	}
	.item img {
		width: 97%;
	}

	.blogPhone {
		display: none;
	}


	/* mobile footer styles */
	footer {
		padding-bottom: 30px;
	}
	footer hr { display: block; }
	footer p, footer h5, footer ul {
		text-align: center !important;
	}
	footer h5 {
		font-size: 1.5rem;
	}
	footer img.cheers { width: 100%; }
	span.oom {
		display: block;
	}





}

@font-face {
    font-family: 'Oswald';
    src: url('../lib/oswald-regular-webfont.eot');
    src: url('../lib/oswald-regular-webfont.eot#iefix') format('embedded-opentype'),
         url('../lib/oswald-regular-webfont.woff') format('woff'),
         url('../lib/oswald-regular-webfont.ttf') format('truetype'),
         url('../lib/oswald-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Special Elite';
    src: url('../lib/specialelite-webfont.eot');
    src: url('../lib/specialelite-webfont.eot#iefix') format('embedded-opentype'),
         url('../lib/specialelite-webfont.woff') format('woff'),
         url('../lib/specialelite-webfont.ttf') format('truetype'),
         url('../lib/specialelite-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{ 
	font-family: 'Coquette';
	src: url('../lib/coquette.eot');
	src: url('../lib/coquette.eot#iefix') format('embedded-opentype'),
	     url('../lib/coquette.woff') format('woff'),
	     url('../lib/coquette.ttf') format('truetype'),
	     url('../lib/coquette.svg') format('svg');
}