/*
Theme Name:     bluecorn
Description:    
Author:         Penner Web Design
Template:       responsive-mobile

(optional values you can add: Theme URI, Author URI, Version)
*/


@import url("../responsive-mobile/style.css");

body {
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'Slabo 13px', serif;
 font-size: 16px;
}
body {
    color: #610505;
}
body.home {
	color: #e3b847;}
	body .OT_wrapper { 
	height:auto;}
	a, a:hover, a:focus {
   color: #610505;
}
body.home a, body.home a:hover, body.home a:focus {
   color: #e3b847;
}
 html { overflow-x: hidden; }
 #footer-widget .footer-widget {
    float: none;
    width: 100%;
    text-align: center;
}
iframe html, iframe body {
   
    overflow: visible !important
}
#reservations {
	background-color:#1e1959 !important;}
h1, .h1, h2, .h2, h3, .h3, #main-menu, .header-left {

font-family: 'Love Ya Like A Sister', cursive;
font-weight:normal !important;
}
h1.entry-title a {
	text-decoration:none}

#footer-base, #footer-base a {
	
    color: #e3b847;
}
	.header-top {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2d2b68), color-stop(1, #3e3d77) );
	background:-moz-linear-gradient( center top, #2d2b68 5%, #3e3d77 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d2b68', endColorstr='#3e3d77');
	background-color:#2d2b68;
	  margin: 0 0 0;
	
	  padding: 3px 0 0;
	  
	}
		.header-top:after {
content: " ";
    display:block;
    position: relative;
top:0px;left:0px;
    width:100%;
    height:22px;
    background: linear-gradient(#353271 0%, transparent 0%), linear-gradient(135deg, #7c2429 33.33%, transparent 33.33%) 0 0%, #7c2429 linear-gradient(45deg, #7c2429 33.33%, #353271 33.33%) 0 0%;
     background: -webkit-linear-gradient(#353271 0%, transparent 0%), -webkit-linear-gradient(135deg, #7c2429 33.33%, transparent 33.33%) 0 0%, #7c2429 -webkit-linear-gradient(45deg, #7c2429 33.33%, #353271 33.33%) 0 0%;
   background: -o-linear-gradient(#353271 0%, transparent 0%), -o-linear-gradient(135deg, #7c2429 33.33%, transparent 33.33%) 0 0%, #7c2429 -o-linear-gradient(45deg, #7c2429 33.33%, #353271 33.33%) 0 0%;
    background: -moz-linear-gradient(#353271 0%, transparent 0%), -moz-linear-gradient(135deg, #7c2429 33.33%, transparent 33.33%) 0 0%, #7c2429 -moz-linear-gradient(45deg, #7c2429 33.33%, #353271 33.33%) 0 0%;
  background-repeat: repeat-x;
    background-size:0 100%, 11px 28px, 11px 28px;
	 z-index: 0;
	 margin-top:-10px
    }
	
	.header-top p {
		margin:0;
		padding:0;
		z-index:99;
		position:relative}
		
		
		
.header-left {
	padding-top:5px;
	float:left;
	width: 70%;
	color:#e3b847;}
	#header {
		padding-top:0;
	}
	
	#secondary-header {
		width:30%;
		float:right;
		padding:0;
		margin:0
	}
	
	i.fa {
		color:#e3b847;
		font-size:1.8em;
		padding:0 3px 0 3px;}
		
		header#header {
			background-image:url("images/wood-bg.jpg");
			background-repeat:repeat-x;
			
			background-color:#a53037;
			background-position: 0 20px;
			padding-bottom:0;
			 min-height: 244px;}
			
			
			header#header:after {
				content: " ";
    display:block;
    position: relative;
top:0px;left:0px;
    width:100%;
    height:22px; background: linear-gradient(#A32C32 0%, transparent 0%), linear-gradient(135deg, #1e1959 33.33%, transparent 33.33%) 0 0%, #1e1959 linear-gradient(45deg, #1e1959 33.33%, #A32C32 33.33%) 0 0%;
    background: -webkit-linear-gradient(#A32C32 0%, transparent 0%), -webkit-linear-gradient(135deg, #1e1959 33.33%, transparent 33.33%) 0 0%, #1e1959 -webkit-linear-gradient(45deg, #1e1959 33.33%, #A32C32 33.33%) 0 0%;
    background: -o-linear-gradient(#A32C32 0%, transparent 0%), -o-linear-gradient(135deg, #1e1959 33.33%, transparent 33.33%) 0 0%, #1e1959 -o-linear-gradient(45deg, #1e1959 33.33%, #A32C32 33.33%) 0 0%;
    background: -moz-linear-gradient(#A32C32 0%, transparent 0%), -moz-linear-gradient(135deg, #1e1959 33.33%, transparent 33.33%) 0 0%, #1e1959 -moz-linear-gradient(45deg, #1e1959 33.33%, #A32C32 33.33%) 0 0%;
  background-repeat: repeat-x;
    background-size:0 100%, 11px 28px, 11px 28px;}
	


			
			#site-branding {
    float: none;
    width: 163px;
	margin:0 auto;
	padding:0
}
#logo {
    float: none;
      margin: 6px auto -2px;
  
    position: relative;
    text-align: center;
    width: 163px;
    z-index: 20;
}

#logo a {
    display: block;
    position: relative;
    z-index: 2147483647;
}

#logo a img {}
.post-meta {
	display:none}
#main-navigation .main-nav ul li a {
    color: #fefefe;
   font-weight:normal !important;
    margin:7px 34px 7px 0;
    text-shadow: none;
    text-transform: uppercase;
	font-size: 21px;
}

#main-navigation .main-nav ul li.menu-right a {
	margin:7px 0 7px 30px;}
#main-menu-container {
    background-color: transparent;
    margin-top: -147px;
    padding-bottom: 48px;
}
.header-row {
display: table;
    float: none;
 margin: 0 auto;
  
    position: relative;
    text-align: center;
    width: 159px;
    z-index: 20;
}
#reservations .OT_title {
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
	padding: 4px 0 0;
	  width: 210px;
}
#reservations .OT_subtitle {
	display:none;}
#reservations ul.OT_list li {
	float:left;
	display:block}
	#reservations .OT_wrapper {
		background-color:transparent !important;
		border:none !important;
		 height: auto !important}
	#reservations .OT_wrapper, #reservations #OT_form  {
		width:100% !important;
		display: inline-block;}
	#reservations .OT_day, #reservations .OT_time, #reservations .OT_party, #reservations .OT_submit {
    background-image: url("https://secure.opentable.com/frontdoor/img/icons_final_light.png");
    background-repeat: no-repeat;
    border-left: none;
    display: table;
    float: left;
    height: auto;
    list-style: outside none none;
  border:none;
    padding: 4px 0 4px 35px;
    position: relative;
    width: 161px;
	   margin: 0 0 0 10px;
}
#reservations a.OT_Find_a_Table:link, #reservations a.OT_Find_a_Table:visited, #reservations a.OT_Find_a_Table:hover, #reservations a.OT_Find_a_Table:active {
	 background-color: #9d0002;
    background-image: none;
    color: #fff;
    display: table;
    float: left;
    margin: -2px 0 0;
    padding: 3px 15px 4px;
    text-shadow: none;}
	.slider {
		clear:both;
		}
		#reservations  #OT_form .OT_wrapper  {height: auto !important}
		 #mobile-current-item {
    color: #eeeeee;
    font-size: 1.3em;}
		#reservations .container:after {
			display: block;}
#reservations .OTButton, #reservations #OTButton {	width: auto;}
#reservations .OT_list {
margin: 0;
 width: 70%;
 float:right
}

#reservations .OT_header {
    float: left;
    width: 20%;
}
#main-navigation .main-nav ul li.first-right-item {
	margin: 0 0 0 195px;}
	
	#wrapper {background-image:url("images/red-bg.jpg");
			background-repeat:repeat;
		}
		
		.content-area {
    background-color:transparent;
   
}

#reservations .container {
	padding:0 70px;}
	
	h1, .h1 {
    font-size: 46px;
}

.column-wrap {
	color:#473a25;
	font-size:	0.9em;
	background-color:#f5f3eb;
	 margin-top: -10px;
    padding: 19px 0 0;}
	.column-wrap p {
		padding: 0 9px}
.three-column-title {
	font-size:	1.3em;
	text-align:center}
	
	
	
	.column-wrap:after {
content: " ";
    display:block;
    position: relative;
top:0px;left:0px;
    width:100%;
    height:22px;
    background: linear-gradient(#f5f3eb 0%, transparent 0%), linear-gradient(135deg, #7c2429 33.33%, transparent 33.33%) 0 0%, #7c2429 linear-gradient(45deg, #7c2429 33.33%, #f5f3eb 33.33%) 0 0%;
    background: -webkit-linear-gradient(#f5f3eb 0%, transparent 0%), -webkit-linear-gradient(135deg, #7c2429 33.33%, transparent 33.33%) 0 0%, #7c2429 -webkit-linear-gradient(45deg, #7c2429 33.33%, #f5f3eb 33.33%) 0 0%;
    background: -o-linear-gradient(#f5f3eb 0%, transparent 0%), -o-linear-gradient(135deg, #7c2429 33.33%, transparent 33.33%) 0 0%, #7c2429 -o-linear-gradient(45deg, #7c2429 33.33%, #f5f3eb 33.33%) 0 0%;
    background: -moz-linear-gradient(#f5f3eb 0%, transparent 0%), -moz-linear-gradient(135deg, #7c2429 33.33%, transparent 33.33%) 0 0%, #7c2429 -moz-linear-gradient(45deg, #7c2429 33.33%, #f5f3eb 33.33%) 0 0%;
  background-repeat: repeat-x;
    background-size:0 100%, 11px 28px, 11px 28px;
	 z-index: 0;
	 margin-top:-10px
    }
	
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  
   .header-top:after, header#header:after, column-wrap:after {background:none}
}
	
	.blue-btn, div.read-more a {
	background-color:#383772;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	    padding: 7px 20px;
	  display: inline-block;
	
	}
	
	div.read-more a {
		color: #e3b847;}
	.footer-wrapper {
		background-image:url("images/dark-red-bg.jpg");
			background-repeat:repeat;}
			
			.footer-wrapper-top {background-image:url("images/footer-top.jpg");
			background-repeat:repeat-x;
			background-position:top center;
			padding-top: 23px;}
	#footer {
		margin-top:0;    background-color: transparent;
    color: #deb034;
	border:none;
	}
	#menu-social-container {
		border:none;}
	#footer-base .copyright {
    float: none;
    text-align: center;
    width: 100%;
	
}
#footer h2 {
    color: #ad2020;
    font-size: 2.6em;
}

#footer h3 {
    color: #ad2020;
}

.entry-meta {
	display:none;}
	footer.post-data {
		margin:0;
		padding:0}
		
		#main-navigation .main-nav ul li > ul {
   background-color: #f5f3eb;
	color: #473a25;
		}
			#main-navigation .main-nav ul li > ul li a {
		color: #473a25;
		padding: 10px;
			}
			body .OT_wrapper .OT_searchTimeField, body .OT_wrapper .OT_searchDateField, body .OT_wrapper .OT_searchPartyField {
    background: url("images/downarrow_gray.gif") no-repeat scroll right 0 #fff;
    border: 1px solid #3b1c00;
    border-radius: 5px;
    color: #42382c;
    cursor: pointer;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
 height: 24px;
    margin: 0;
    padding: 2px 3px 2px 5px;
    width: 115px;
    margin: 0;
}
		body .OT_day, body .OT_time, body .OT_party, body .OT_submit { 
		border:	none;}
		
	body .OT_submit {
    padding-top: 14px;
}
			#reservations .OT_wrapper .OT_day {
    background-position: -11px -16px;
}

#widgets .OT_wrapper {
	 padding: 13px 0;
	   margin: 0 0 20px;}
#reservations .OT_wrapper .OT_time {
    background-position: -11px -65px;
}
#reservations .OT_wrapper .OT_party {
    background-position: -11px -112px;
}
#reservations .OT_wrapper .OT_submit {
	background-image:none;}
		.ls-container {
    z-index: -1;
}	

#content, #content-full, #content-blog-excerpt, .archive .content-area {
	background-color:rgba(245,243,235,1);
	}
	
	body.home #content-full {
		background-color:transparent}
	h5, .h5 {
    font-size: 14px;
    font-weight: bold;
}

a {
	text-decoration:underline}

			 @media screen and (max-width: 1200px) {
				 #main-navigation .main-nav ul li a {
				   font-size: 18px;
				 }
	#main-navigation .main-nav ul li.first-right-item {
    margin: 0 0 0 25%;
}
#main-navigation .main-nav ul li.menu-right a {
    margin: 7px 0 7px 20px;
}
#main-navigation .main-nav ul li a {
 margin: 7px 24px 7px 0;
			 }
			 
			 
			 }
			 
			 @media screen and (max-width: 1120px) {
			#main-navigation .main-nav ul li a {
    font-size: 17px;
}	 
#main-navigation .main-nav ul li.first-right-item {
    margin: 0px 0 0 23%;
}
#reservations .container:after {
			display: inline-block;}
			 }
			  @media screen and (max-width: 991px) {
			 #main-menu-container {
				 clear:both;
				 margin-top:0;
				 padding-bottom: 0;
				  background-color: #1e1959 !important;
				}
				  #mobile-nav-button  
				  {
					  background-color: #1e1959 !important;}
				header#header { 
			    min-height: 217px;
				}
			
				 #main-navigation .main-nav ul li > ul {
    background-color: #1e1959;
    color: #fff;
}
#main-navigation .main-nav ul li > ul li a {
    color: #fff	;
    padding: 10px;
}
#main-navigation .main-nav ul li a {
    font-size: 18px;
    line-height: 38px;
}
#main-navigation .main-nav ul li.first-right-item {
    margin: 0 0 0 0%;
}
#main-navigation .main-nav ul li.menu-right a {
    margin: 7px 0 7px 0;
}
#reservations .container {
    display: table;
    float: none;
    margin: 0 auto;
    padding: 0;
}
#main-menu-container {
    border-bottom: 1px solid #111;
 
}
	
			  }

	  @media screen and (max-width: 850px) {
.columns div {
	padding:10px !important}
.columns div.column-wrap {
	padding:10px 0 0 0 !important;}
	
	#footer h2 {
    font-size: 1.7em;
}

.footer-columns div {
	padding:0 10px !important;}
	body h1.OT_title {
	font-size:15px;}

	  }
	  @media screen and (max-width: 670px) {  
	  #footer h2 {
    font-size: 1.3em;
}

#reservations .OT_title, #reservations .OT_header, #reservations .OT_list  {
	display:block;
	width:100%;
	text-align:center;
	float:none;
	font-size:22px;
	margin:0 auto;}
 #reservations .OT_list {
	 padding-left:10%;}

	  }
	  	  @media screen and (max-width: 600px) {
			  .columns img {
				  width: 100%;}
				  .footer-columns div {
	padding:0 0 !important;}
	
	.footer-columns img.aligncenter {
		float:left;
		margin:0 0 ;
		padding: 10px;}
		  }