/*css document 
DOC Restaurant
http://docpdx.com
MurmurCreative
J Daniel Gonzalez
http://murmurcreative.com
http://jdanielgonzalez.com
april 2010
Tristan MacInnis additions and fixes:
September 2010 + July 2010
*/
@import url('reset.css');
@import url('grid.css');
html, body, div#wrapper, div#mainBody{
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

body{
	background: #fff url('../images/htbg.gif');
	font-size:10px;/*1 em*/
	color:#695E4A;
	font-family: "Helvetica Neue",Helvetica,Verdana,sans-serif;
	font-weight:lighter;
}
.cleartool {
clear: both;
}
h3{
	text-transform:lowercase;
}
a{
	text-decoration:none;
}
#header {
height:80px;
}
#wrapper{
background: url('../images/doc-stitch.png') top center repeat-y;
padding:0 0 20px;
width: 960px;
margin: 0 auto;
}
#fold{
	background:url('../images/bg.png') repeat-x;
}
h1{
	width:74px;
	padding-top:25px;
	padding-left:30px;
}
h1 a{
	height:0;
	overflow:hidden;
	display:block;
	background:url('../images/logo.png') no-repeat 0 0;
	padding-top:28px;
}
#stitch{
	background: url('../images/doc-stitch.png') top center repeat-y;
	padding:0 0 20px 0;
}
div#header_info{
	font-size:1.1em;
	margin-top:36px;
}
div#header_info p{
	padding-left:45px;
}
.tel {
margin-left: 34px;
color: #bd4343;
}
div#left{
}
div#left ul{
	font-size:1.4em;
	padding-top:35px;
	padding-left:30px;
}
div#left ul li{
	line-height:2em;
}
div#left ul li a{
	color:#695E4A;
	
}

#page-food div#left ul li.food a,
#page-wine div#left ul li.wine a,
#page-chef div#left ul li.chef a,
#page-gallery div#left ul li.gallery a,
#page-press div#left ul li.press a,
#page-news div#left ul li.news a,
#page-contact div#left ul li.contact a,
div#left li.active a, div#left a:hover{
	color:#BD4343;
}
div#left div#left_content{
}
div#center{
	font-size:1.2em;
	line-height:1.7em;
}
div#center .mainContent{
	margin-top:40px;
	padding:0 45px;
	overflow:hidden;
}
h3, h3 a {
color: #bd4343;
font-size: 14px;
margin-bottom: 5px;
font-weight: 300;
}
div#right{
	font-size:1.2em;
	padding-top:39px;
	line-height:1.7em;
}
div#right h3, div#right a{
	padding-left:5px;
}
#right a{
	color:#695E4A;
}
#right a:hover{
	color:#bd4343;
}
.img-shadow {
float: left;
background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
background: url(../images/shadow.gif) no-repeat bottom right;
margin: 10px 3px 0 !important;
margin: 10px 0 0 5px;
}
.img-shadow img {
display: block;
position: relative;
background-color: #fff;
border: none;
margin: -3px 13px 13px -3px;
}
div#imagecontainer {
width: 545px;
margin: 0 10px;
}
.chefopac {
width: 534px;
/*background-color: #aaa;*/
height: 350px;
}
.mainContent img{
  margin-bottom:15px;
}

#page-press #cboxOverlay {
  background: #fff;
}

#page-press #cboxCurrent, #page-press #cboxNext, #page-press #cboxPrevious{
  display:none;
  height:0px;
  width:0px;
}

#presscontainer {
  width:640px;
  margin:0 10px;
}

.pressbox {
  float:left;
  margin: 10px 35px 20px 0;
  line-height: 1.5em;
}

.pressbox img {
  -moz-box-shadow: 3px 3px 7px #ccc;
  -webkit-box-shadow: 3px 3px 7px #ccc;
  box-shadow: 3px 3px 7px #ccc;
}

.pressbox .date {
  color:#c14149;
}

.mainContent .pressbox img {
  margin-bottom:8px;
}

.blogPostSummary {
margin: 0 0 15px;
padding: 0 0 15px;
border-bottom: 1px dashed #bbb;
}

#map_canvas {
height:400px
}

/* color box stuff */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url() 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url() 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:8px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:8px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

.desc {
margin-right: 50px;
padding-bottom: 15px;
}
.desc h4{
	padding-top:10px;
	font-weight:300;
}
.desc p {
letter-spacing: 0.01em;
line-height: 16px;
font-size: 12px;
font-weight:300;
}
.map small a{
padding-top:5px;
	color:#bd4343;
}
.ditto_info {
	padding-bottom:10px;
}
p.ditto_link
{
	padding-bottom:20px;
}
div#facebook {
	margin-left:28px;
	margin-top:14px;
}
div#facebook a {
	height:0;
	overflow:hidden;
	display:block;
	width:33px;
	background:url('../images/doc_fb2.png') no-repeat;
	padding-top:31px;
}
div#facebook a:hover{
	background:url('../images/doc_fb2.png') no-repeat 0 -31px;
}

div#twitter{
	margin-left:28px;
	margin-top:3px;
}
div#twitter a {
	height:0;
	overflow:hidden;
	display:block;
	width:33px;
	background:url('../images/doc_twit.png') no-repeat;
	padding-top:31px;
}
div#twitter a:hover {
	background:url('../images/doc_twit.png') no-repeat 0 -31px;
}
div#rss_feed{
	margin-left:27px;
	margin-top:3px;
}
div#rss_feed a{
	height:0;
	overflow:hidden;
	display:block;
	width:33px;
	background:url('../images/DOC_RSS.png') no-repeat;
	padding-top:31px;
}
div#rss_feed a:hover{
	background:url('../images/DOC_RSS.png') no-repeat 0 -32px;
	
}
.mainContent a {
	color:#bd4343;
}
form#ContactForm{
	padding-left:3px;
	padding-bottom:10px;
}
form#ContactForm p input{
	color:#695E4A;
}
form#ContactForm p input#cfContact{
	margin-top:-23px;
	margin-left:130px;

}
.submit_button{
	float:right;
	height:0;
	display:block;
	padding-top:23px;
	width:23px;
	overflow:hidden;
	background:url('../images/DOC_subscribe.png') no-repeat;
	
}
.submit_button:hover{
	background:url('../images/DOC_subscribe.png') no-repeat 0 -23px;
	
}
/* Open Table style */

#OT_searchWrapperAll {width:140px;margin:0;padding:10px 0 20px 3px}
#OT_searchWrapper {border:none;margin:0}
#OT_searchWrapper .OT_feedTitle {}
#OT_searchWrapper dt {width:140px; padding:5px 0 0}
#OT_searchWrapper dd {width:140px}
#OT_partySizeLbl {}
#OT_partySize {margin:0;padding:0}
#OT_dateLbl {}
#OT_date {}
#OT_timeLbl {}
#OT_time {margin:0}
#OT_empty {padding:0;margin:0}
#OT_submitWrap {margin:10px 0 0 0;z-index:5}
#OT_logo {width:100%;padding:0;margin:0 5px 0 0;display:block;background:inherit;text-align:left;z-index:5}
#OT_logoLink {width:100%;display:block;background:inherit;text-align:left;z-index:5}
#OT_logoLink a {padding:0 0 0 10px}
#OT_imglogo {border:0;margin:0 0 0 10px}
#OT_searchWrapper form {margin:0;padding:0}
#OT_searchWrapper input.hidden {display:none}
#OT_searchWrapper .feedFormField,#OT_searchWrapper .feedFormField option {}
#OT_searchWrapper #startDate,#OT_searchWrapper .OT_feedFormfieldCalendar {margin:0;width:85px}
#OT_searchWrapper #dateDisplay {margin:0 0 0 5px}
#OT_searchWrapper .imgCal {position:absolute;display:none;z-index:100}
#OT_searchWrapper #imageCal table {font-size:12px;width:150px;font-family:arial;font-weight:bold;background:#FFF}
#OT_searchWrapper #imageCal td {padding:0;text-align:center}
#OT_searchWrapper .clickableDays {color:#000;text-decoration:none;height:18px}
#OT_searchWrapper .nonclickableDays {color:#CCC;height:18px}
#OT_searchWrapper .months {color:#FFF;text-decoration:none}
#OT_searchWrapper .weekdays {color:#000;text-decoration:none;color:#666;background-color:#EFEFEF;width:14%}