/*
Theme Name: Tabla (v3)
Theme URI: http://tablabistro.com
Description: Tabla WP theme
Version: 3
Author: Nate Laffan
Author URI: http://www.laffandesign.com/

*/


/* Navigation */
		
/* Firefox Dotted Outline Fix */
a:active { outline: none;}
a:focus { -moz-outline-style: none;}
		
a:hover {text-decoration: underline;}  
ul {list-style: none; padding: 0;}
p, ul, h1, h2, h3 {font-family: Helvetica, Arial, sans-serif;}
p, ul {font-size: .85em; color: #383838;}
p {line-height: 1.8em;}
h2 {font-size: 1.2em;}

p, h2 {color: #555555;}

body {
background: url(assets/bg.png);
}

#page {
width: 802px;
margin: 0 auto;}


.tablalogo {
background: url(assets/title.png) no-repeat;
width: 113px;
height: 75px;
display: block;
margin: 10px;
margin-left: 344px;
}



.nav {
height: 49px;
background: url(assets/navbar.png) no-repeat top;
position: relative;
z-index: 1000;
padding-left: 80px;
}


.nav a {
display: block;
}

.nav li a {
height: 12px;
display: block;
margin: 20px 21px 10px 0 ;
}

.menu-tabla {
background: url(assets/nav_tabla.png) no-repeat;
width: 37px;
}

.menu-menus {
background: url(assets/nav_menus.png) no-repeat;
width: 44px;
}


.menu-video {
background: url(assets/nav_video.png) no-repeat;
width: 41px;
}

.menu-wine {
background: url(assets/nav_wine.png) no-repeat;
width: 32px;
}

.menu-bar {
background: url(assets/nav_bar.png) no-repeat;
width: 25px;
}


.menu-blog {
background: url(assets/nav_blog.png) no-repeat;
width: 36px;
}


.menu-private {
background: url(assets/nav_private.png) no-repeat;
width: 96px;
}

.menu-press {
background: url(assets/nav_press.png) no-repeat;
width: 37px;
}


.nav li a:hover {
background-position: 0 -12px;
}



.nav, .nav ul { 
	list-style: none;
	margin: 0;
}

.nav ul {padding: 0;}

.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  display: block;
  padding: 0 9px;
}


#nav-one li:hover a, 
#nav-one li.sfHover a {color: #000;}

#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
margin: 0;
padding: 10px 10px 15px 20px; /* determines where the subnav text displays inside its box */
background: #f6f2e4;
color: #8b673c;	
text-transform: uppercase;
text-decoration: none;
border-top: solid #e1d6c3 1px;
}



#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  color: #877b4c;	
  text-decoration: none;
    background: #e1dac0;

}

.nav ul {
  list-style: none;
  margin: 0;
  width: 100px;
  position: absolute;
  z-index: 200;
  top: -999em;
  left: -1px;

}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 36px;
  padding-top: 12px;
}
.nav ul li {
margin-left: -15px;
  border: 0;
  float: none;
}
.nav ul a {

  padding: 20px;
  width: 130px;
  white-space: nowrap;
}
.nav ul a:hover {
  color: #000;
}

/* MAIN CONTENT */

.content {
background: #f6f2e4;
padding: 2px;
margin-top: -2px;
}

#internal {
background: url(assets/bg_sub_2col.png) repeat-y;
margin-left: -1px;
}

#press {
background: url(assets/bg_press.png) repeat-y;
margin-left: -1px;


}

.presshead {
margin-left: -1px;
}

.subheader {
margin-left: -1px;
}

.subcontent { 
margin-left: 65px;
width: 420px;

}

#subc_menu {text-align: center;}
#subc_internal {text-align: left;}

#subc_internal blockquote{
margin-top: -10px;
}

#subc_internal blockquote h2{
text-align: center;
}

.doubleline { 
height: 3px;
width: 485px;
display: block;
border-top: 3px double #DDDDDD;
margin: 15px 0 0 -30px;

}

.subcontent blockquote {
position: absolute;
width: 200px;
margin: -80px 0 0 480px;
font-size: .8em;
line-height: 1.3em;
}

.subcontent blockquote p {
text-align: left;
}


.menu_notice {
border-top: double #efebe5 3px;
border-bottom: double #efebe5 3px;
font-size: .75em;
padding: 0 75px 0 75px;
width: 337px;
margin: 20px 0 0 -30px;

}

.menu_notice p {color: #653600;}

/* Footer content */
.footlines {
width: 731px;
display: block;
margin: 0 auto;}


#footer {
margin: 20px 0 20px 0 ;
}

#footer p, #footer a{
color: white;
text-align: center;
}

 #footer a {
text-decoration: none;
font-weight: bold;
}

 #footer a:hover {
text-decoration: underline;

}

/* Blog Styles */

.blogsection {
background: url(assets/bg_blog.png) repeat-y;
background-position: -1px 0;
}

.blogcontent {
width: 490px;
margin: 10px 0 0 36px;	
padding: 20px 40px 0 40px;
border-top: double #efebe5 3px;
}

#sidebar {
width: 100px;
position: absolute;
top:0;
margin: 400px 0 0 630px;;
*margin-top: 420px;
}

#sidebar ul {
padding-left: 0;
margin-left: 0;
}

small {
font-family: Trebuchet MS, Helvetica ,sans-serif;
font-size: 11px;
text-transform: uppercase;

}

h2 a, small {
color: #522c00;
text-decoration: none;
margin: 0;
}


.entryfoot {
border-bottom: double #efebe5 3px;
display: block;
width: 570px;
margin: 0 0 40px -40px;
}

ul {
font-size : 13px;
line-height: 20px;
}

ul a {
color: #494949;
text-decoration: none;
}


/* INDEX STLYES */

.index_btns {
position: absolute;
z-index: 300;
margin: -203px 0 0 400px ;
}
.index_btns a {
background: red;
width: 300px;
height: 50px;
display: block;
background: url(assets/homebtns.png) no-repeat;

}


#mailinglist {background-position: -300px 0;}
#reserve:hover  {background-position: 0 -50px;}
#mailinglist:hover {background-position: -300px -50px;}


#subc_internal {


}


.homeslides {
display: block;
}


.homeslides img {
width : 798px;
height: 455px;
}



/* FACEBOX */


#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 9998;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


/* PRESS SECTION */

.pressnav {
float: left;
width: 216px;
padding-top: 20px;
}

.pressnav li {
margin-bottom: 10px;
}

.scroll {
width: 450px;
}

.panel p {margin-left: 40px; font-size:11px;}
.panel a {color: black; text-decoration: none;}
.panel a:hover {text-decoration: underline;}