/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/*****************************************************
RESET
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

html {
  min-height: 100%;
  margin-bottom: 1px; }

*:focus {
  outline: 0; }

body {
  line-height: 1;
  color: black;
  background: white; }

ol, ul {
  list-style: none; }

table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a {
  color: #3684cc;
  text-decoration: none; }

#header_the_cookery_logo {
  background: url(images/the_cookery_logo.png) no-repeat top left;
  width: 172px;
  height: 80px;
  position: relative;
  text-indent: -3333px;
  float: left; 
  bottom: -3px;
  z-index: 9999;
  }
  
.page-item-gallery {
  display: none;
}  

.thumbs a, .thumbs .tmb {
  display: block;
  float: left;
  clear: both;
  padding: 2px;
  border: 1px solid #D4D4D4;
  margin-bottom: 6px;
  background-color: #FFF;
  cursor: pointer;
}

.thumbs .tmb {
  opacity: 0.7;
}

.thumbs .active {
  opacity: 1;
}

.thumbs .tmb {
  float: left;
  clear: none;
}

.thumbs a img, .thumbs img {
  display: block;
}

.thumbs .tmb {
  margin-right: 2px;
}

#home .event_description, #home .event_location, #home .linkout {
  display: none;
}

#home .event_list h2{
  line-height: 18px;
}

#content_main .event_list li {
  margin-bottom: 22px;
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 12px;
}

.event_location {
  display: block;
}

.event_list em {
  font-weight: bold;
  color: #515151;
}

.date {
  color: #999;
  font-size: 10px;
  margin-bottom: 5px;
  line-height: 18px;
}

#dl {
  width: 540px;
  height: 300px;
  overflow: hidden;
  float: left;
}

#home .module_events .event_link {
  margin-bottom: 0;
}

#content_supp .module {
  clear: both;
}

.stripe {
  height: 300px;
  background-color: #FFF;
  position: absolute;
  top: 300px;
  width: 100%;
  opacity: .5; 
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  z-index: 1;
  }
#page .stripe {
  top: 295px;
}

.container {
  width: 550px;
  text-align: left;
  margin: auto;
  position: relative;
  z-index: 1;
  margin-top: 100px; }


#content {
  margin: 5px; }

body {
  background-color: #222020;
  font-size: 12px;
  font-family: "Lucida Grande";
  color: #646262;
  line-height: 22px; }

p, ul {
  line-height: 22px; }

.page_title {
  color: #c16c19;
  font-family: Georgia;
  font-size: 18px;
  line-height: 40px;
  margin-bottom: 0px;
  height: 40px;
  margin-top: 15px;
  font-weight: normal; }
  .page_title span {
    font-style: italic; }

#feat {
  float: left;
  z-index: 0;
  position: absolute;
  left: 50%;
  top: 0px;
  width: 120%;
/*  max-width: 2000px;*/
  min-width: 900px;
  margin-left: -50%;  
  }
  
#location {
  background: transparent url(images/location.png) no-repeat top left;
  width: 99px;
  height: 66px;
  position: absolute;
  right: -110px;
  top: 220px;
  text-indent: -3333px;
}

.bg_container {
  background-color: #FFF;
  float: left;
  width: 100%;
  z-index: 10;
 }

.content_container {
  width: 540px; 
  }

#page_description {
  margin-bottom: 22px; }

#content_main {
  text-align: left;
  margin: 0 10px 0 10px;
  float: left;
  display: inline;
  background-color: #FFF;
  width: 335px; }
#footer {
  font-family: Georgia;
  color: #524F4F;
  float: left;
  width: 100%;
  text-align: left;
  display: inline;
  margin-left: 25px;
  margin-top: 10px;
  margin-bottom: 110px;
}
#content_supp {
  width: 172px;
  border-left: 1px solid #CCC;
  margin-left: 10px;
  display: inline; 
  margin-top: 55px;
  }
  #content_supp .content {
    margin-left: 22px;
    display: inline;
    float: left; }

p {
  line-height: 22px;
  margin-bottom: 10px; }

.module p {
  line-height: 18px;
  margin-bottom: 15px; }

.module_promo img {
  display: block;
  float: left;
  margin-right: 10px; }
.module_promo .module_description {
  margin-left: 66px;
  }
.module_promo .module_headline {
  font-family: Georgia; }
.module_promo li {
  float: left;
  width: 100%;
  margin-bottom: 10px; }

#dress_code {
  float: left;
  width: 140px; }
#dress_code em {
  color: #AFAFAF;
}
.data_card h2 {
  margin-bottom: -15px;
}

.data_card dl {
  float: left;
  width: 100%;
}

.data_card {
  float: left;
  width: 195px; 
  margin-bottom: 22px;
  }
  .data_card .card {
    float: left;
    font-size: 11px; }
    .data_card .card dt {
      margin-top: 15px; 
      font-style: italic;
      }

.column {
  float: left; }

#content {
  text-align: left; }

#content_menu ul li {
  margin-bottom: 12px; }
  #content_menu ul li .price {
    color: #a6a4a1;
    font-size: 11px; }
    #content_menu ul li .price .menu_price {
      font-style: italic; }
  #content_menu ul li h2 {
    font-size: 12px;
    font-weight: bold;
    color: #000;
    clear: both;
    margin-bottom: 15px; }

h2 {
  font-size: 12px;
  font-weight: bold;
  color: #000;
  clear: both; }

.ui-tabs .ui-tabs-hide {
  display: none; }

ul.tabs {
  float: left;
  width: 100%;
  margin-left: -4px;
  margin-bottom: 10px; }
  ul.tabs li {
    float: left;
    margin-right: 5px; }
    ul.tabs li a {
      color: #888787;
      text-decoration: none;
      margin: 0 4px; }
    ul.tabs li a:hover {
      text-decoration: underline; }
  ul.tabs li a.current {
    color: #000;
    font-weight: bold; }

.module {
  float: left;
  width: 100%;
  margin-bottom: 22px; }
  .module .gallery_element {
    border: 1px solid #ededed;
    padding: 3px;
    float: left; }
    .module .gallery_element img {
      display: block; }

.read_next {
  font-size: 14px;
  font-family: Georgia;
  border-top: 1px solid #ededed;
  margin-top: 12px;
  padding-top: 12px;
  padding-bottom: 12px; 
  color: #303030;
  }

.module_headline {
  font-weight: bold;
  color: #222020; }

.gallery_elements {
  margin-top: 5px; }
  .gallery_elements li {
    margin-bottom: 5px; }

#home #content_supp .content {
  background-color: #f7f7f7;
  margin-left: 0;
  display: inline;
  padding-left: 12px;
  padding-top: 8px; }

#home .module {
  font-size: 11px; }
html {
  min-height: 101%;
}

#header {
  z-index: 11px;
  position: relative;
  margin-bottom: -27px;
  float: left;
  width: 100%;
}

#header_navigation {
  float: left;
  width: 378px;
  margin-top: 25px;
  }
  #header_navigation ul {
    float: right;
    font-family: Georgia;
    text-transform: uppercase;
    font-size: 14px; }
    #header_navigation ul li {
      float: left;
    }
      #header_navigation ul li a {
        text-decoration: none;
        display: block; }
          #header_navigation ul {
            float: right;
            font-family: Georgia;
            text-transform: uppercase;
            font-size: 14px; }
            #header_navigation ul li {
              float: left;
              margin-right: 6px; }
              #header_navigation ul li a {
                text-decoration: none;
                color: #FFF;
                display: block; }
#header_navigation ul li.current_page_item a, #header_navigation ul li.current_page_ancestor a {
  background-color: #FFF;
  color: #535353;
}


.read_next {
  float: left;
  width: 100%;
}

#primary_navigation {
  background: transparent url(images/navigation.png) no-repeat top left;
  float: left;
  width: 366px;
  line-height: 28px;
  overflow: hidden;
}

#primary_navigation li a {
  display: block;
/*  text-indent: -3333px;*/
  z-index: 10;
  height: 28px;
  
}

 a{
   position: relative;
 }

#primary_navigation li a span {
  display: none;
}
#primary_navigation li.selected a {
  background: transparent url(images/navigation.gif) no-repeat top left;  
}

#primary_navigation li.current_page_item a {

}



#primary_navigation li.page-item-home a {
  width: 59px;
  background-position: 0 0;
}

#primary_navigation li.page-item-about-us a {
  width: 65px;
  background-position: -65px 0;
}

#primary_navigation li.page-item-menu a {
  width: 60px;
  background-position: -135px 0;  
}

#primary_navigation li.page-item-events a {
  width: 70px;
  background-position: -202px 0;    
}

#primary_navigation li.page-item-contact a {
  width: 82px;
  background-position: -278px 0;  
}

/*OVERLAY
*/

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* the large image. we use a gray border around it */
#img {
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
/*  visibility:hidden;    */
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

.c {
  width: 99%;
  text-align: left;
  margin:auto;
  position: relative;
  overflow: hidden;
  margin-top: 5px;
  z-index: 4;
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;

}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 100%;
	height:81px;

	/* custom decorations */
	margin-top: 3px;

}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.page-template-gallery-php .bg_container {
  background: none;
}
.page-template-gallery-php #gallery_wrapper {
  float:left;
  width: 100%;
  background-color: #FFF;
  padding-top: 5px;
}
.page-template-gallery-php #content {
  margin: 0;
}
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
}

/* active item */
.scrollable .active {
	z-index:9999;
	position:relative;

}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../img/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;

	float:left;

	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}