/****************************************************************************

Client: Bearfoot Bistro
Development by: Wallop Creative
Author: Stephen Saugestad
Last updated: 1/5/07

*****************************************************************************/

/* defaults ****************************************************************/

* {
	margin: 0;
	padding: 0;
} 

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	background:#000;
	color:#bbb;
	margin:48px 0 0 0;
}

body a {
	color:#0e94c9;
	text-decoration:underline;
}

body a:hover {
	text-decoration:none;
	color:#ffffff;
}

/* heading attibutes *************************************************/

h1, h2 {
}

h3 {
}

h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	color:#85b7d2;
	font-weight: normal;
	margin: 0px 0px 16px 0px;
	padding: 8px 0 0 0;
}

h5 {
	font-size:15px;
	color:#85B7D2;
	font-weight:normal;
}

/* removes the link underline from logo swap */

h1 a {
	text-decoration:none;
}

/* list items ********************************************/

ul, ol, li {
	margin:0;
	padding:0;
	list-style:none;
}

/* defaults **********************************************************/

a img {
	border:none !important;
}

/* hacks *************************************************************************/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac */

* HTML .clearfix {
	height: 1%;
}

/* box model hack */

sample {
	width: 100px;
	padding: 10px;
	border: 5px solid black;
	margin: 10px; 
}

* html sample {  /* tan hack */
	width: 130px; 
	w\idth: 100px; }




/* dotted line breaks */

.break p {
	margin:0;
	padding:0;
}

p.break {
	background: url(../images/dots.gif) repeat-x 0px 8px;
	height:12px;
}



/* text / copy styling ///////////////////// */

/* most text is textRegular */
.textRegular {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 22px;
}
.textRegular p {
	margin:0 0 16px 0;
}
.textRegular em {
	color:#aaa;
}
.textRegular ul {
	line-height:17px;
	margin:16px 0 12px 0;
}
.textRegular li {
	background:url(../images/bullet_list.gif) no-repeat 0px 7px;
	padding:0 0 10px 12px;
}

/* used for menus throughout the site */
.textMenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 20px;
	color: #ddd;
}
.textMenu p {
	margin: 0 0 14px 0;
}
.textMenu em {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #999;
	font-style: italic;
}


/* use the following on P and SPAN tags, to do special styling */

.price {
	color:#85b7d2;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

.finePrint {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border-top:1px solid #333;
	padding-top:5px;
}

.menuDescHighlight {
	color:#fff;	
}
/* use to highlight text, ie in reservations form */
.colorYellow {
	color:#c3972e;
	font-family: Georgia, "Times New Roman", Times, serif;
}
/* used on the 1st sentence(s) of pages with lots of copy */
.largerPrint {
	font-size: 16px;
	color: #eeeeee;
}
/* used, at least, for quote attribution, ie accolades page */
.smallerPrint {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#999;
	line-height: 18px;
}
/* used on "back to top" links and "or"s and others: */
.smallAllcaps {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #c3972e;
}
/* use on DIVs, to add a 1px border around it, ie on contact page */
.addBorder01 {
	border: 1px solid #333;
	padding: 20px 20px 5px 20px;
	background-color:#0d0d0d;
}
.addBorder01 P {
	margin: 0 0 16px 0;
}
.addBorder02 {
	border: 1px solid #333;
	padding: 20px;
}
/* used at least on new years registration page, and winemakers reg page */
ol.numbered li {
	list-style-type:decimal;
	list-style-position:inside;
	background-image:none;
	background:none;
	padding:0 0 10px 0;
	line-height: 22px;
}

/* for press release, article lists, video lists */
DIV.archiveEntry {
	background: url(../images/dots.gif) repeat-x 0px 0px;
	padding: 25px 0px 10px 0px;
	clear: left;
	/* border: 1px solid green; */
}
DIV.archiveEntry .archiveTitle {
	color: #c3972e;
}
DIV.archiveEntry IMG {
	float: left;
	padding: 5px;
	background-color: #dddddd;
	margin: 0px 20px 20px 0px;
}

/* used at least on logos in "latest award" on news page */
.imageLeft IMG {
	border: 5px solid #ddd;
	margin: 0 20px 10px 0px;
	float: left;
}


/* icons for "back to page" and "print" - applied to A tags */

.iconBack01 {
	background: url(../images/iconBack01.gif) no-repeat 0px 6px;
	padding: 0px 0px 0px 12px;
	margin-right: 20px;
}

.iconPrint01 {
	background: url(../images/iconPrint01.gif) no-repeat 0px 2px;
	padding: 0px 0px 0px 20px;
	margin-right: 20px;
}

/* for forms */

.form01 INPUT, .form01 TEXTAREA, .form01 SELECT {
	padding:2px;
	border:solid 1px #666;
	background:#333;
	color:#eee;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.form01 td {
	padding:10px;
}

.form01 INPUT.submitButton {
	background-color: #c3972e;
	/* text-transform:uppercase; */
	font-weight: bold;
	color: #000000;
	font-size: 12px;
}

/* override some Open Table styling */
#OT_searchWrapper, #OT_searchWrapperAll {
	background: none !important;
	height: 160px !important;
}
#OT_submitWrap input {
	padding: 0;
	border: none;
	background: none;
}
#OT_searchWrapper dl dt {
	color: #c3972e;
}
#OT_searchWrapper h2 {
	display: none;	
}




/* used on video pages */
div.movie {
	width:480px;
	height:376px;
	margin:0 16px 0 0;
	float:right;
}

/* used on bearfoot index page, for a spacing cheat */

.subText {
	height:145px;
}

#walloptag a {
	height:20px;
	width:68px;
	margin:0 0 20px 0;
	display:block;
	float:right;
	background: url(../images/wallop.gif) no-repeat 0 0;
}

#walloptag a:hover {
	background-position:0px -20px;
}

#walloptag a span {
	display:none;
}

/* main divs ********************************************************************/

/* main wrappers */

#wrap, #header, #content, #footer {
	width:1000px;
}

#content {
	/* border: solid 1px red; */
}

#wrap {
	margin:0 auto;
}

#header {
	width:1000px;
}

/* HTML nav for people without flash */

ul.noFlash {
	margin:0 0 20px 0;
}

ul.noFlash A {
	font-size: 9px;
	text-transform:uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.noFlash li {
	display:inline;
	margin:0 20px 0 0;
}

div#flashMessage {
	border:1px solid #333333;
	background-color:#131110;
	padding: 20px 20px 10px 20px;
	font-size:14px;
	clear:both;
}

div#flashMessage p {
	margin:0 0 10px 0;
	line-height:20px;
}

div#logoWrap {
	width:70px;
	height:140px;
	float:left;
	margin:0 20px 0 0;
	clear:right;
	display:inline; /* for DF bug */
}

a#logo, a#logoPopup {
	background:url(../images/logo.gif) no-repeat 0 0;
	text-indent:-9999px;
	width:70px;
	height:74px;
	display:block;
}

a#logoPopup {
	float:left;
}

a:hover#logo {
	background-position:0 -74px;
}

/* logo for the print style sheet */

div#logoPrint h1 {
	display:none;
}

/* this holds the left and right columns */

#content {
	margin:40px 0 40px 0;
}

/* secondary navigation on the top right */

ul#subNav {
	margin:10px 0 0 5px;
}

#subNav li {
	display:inline;
	margin:0 10px 0 0;
}

#subNav a {
	background:url(../images/bullet.gif) no-repeat 0px 6px;
	padding-left:8px;
	font:normal 15px Arial, Helvetica, sans-serif;
	text-transform: none;
	font-size:14px;
}

/* column with the titles and breadcrumbs */

#colTitle {
	width:985px;
	padding:0 0 0 15px;
	float:left;
	display:inline; /* for df bug */
	margin:0 0 40px 0;
}

#titleWrap {
	width:460px;
	float:left;
	display:inline; /* for df bug */
	/*border:solid 1px #666;  remove this on the final version */
}

#linkWrap {
	width:470px;
	float:right;
	display:inline; /* for df bug */
	/*border:solid 1px #666;  remove this on the final version */
}


/* for one big column */

#oneCol {
	padding: 0 15px 0 15px;
}

/* left column */

#colLeft {
	width:450px;
	padding:0 30px 0 15px;
	float:left;
	display:inline; /* for DF bug */
	/*border:solid 1px #555;  remove this on the final version */
}

/* right column */

#colRight, #colRightPhoto {
	width:450px;
	padding:0 15px 0 30px;
	float:right;
	display:inline; /* for DF bug */
	/*border:solid 1px #555;  remove this on the final version */
}

/* 2 column that for at least the photo gallery, and articles and videos pages */

#colOne80-20 {
	width:720px;
	padding:0 0 0 15px;
	float:left;
	display:inline; /* for df bug */
	margin:0 0 30px 0;
	/* border: solid 1px green; */
}

#colTwo80-20 {
	width:235px;
	float:right;
	display:inline; /* for df bug */
	margin:0 0 30px 0;
	/* border: solid 1px blue; */
}

/* 2 col layout, for at least the presskit page. */

#colOne70-30 {
	width:600px;
	padding:0 0 0 15px;
	float:left;
	display:inline; /* for df bug */
	margin:0 0 30px 0;
	/*  border: 1px solid red;*/
}

#colTwo70-30 {
	width:305px;
	float:right;
	display:inline; /* for df bug */
	margin:0 0 30px 0;
	/*  border: 1px solid red;*/
}


/* for photography page in News section */

/* for the categories box at the top */
DIV#newsPhotosCat {
	border: 1px solid #333;
	padding: 20px;
	background-color:#0d0d0d;
}
DIV#newsPhotosCat A {
	padding: 0 20px 0 0;
}

/* for the DIV wrapping the table */
DIV#newsPhotos {
	padding: 20px 0 30px 0;
}
DIV#newsPhotos TABLE TD {
	border-right: 5px solid #000000;
	border-bottom: 10px solid #000000;
	background-color: #111111;
}
DIV#newsPhotos TABLE TD IMG {
	border: 1px solid #aaaaaa;
}
DIV#newsPhotos TABLE TD P {
	/* the width and the horiz padding must add up to 188 */
	width: 168px;
	padding: 8px 10px 10px 10px;
	line-height: 20px;	
}
DIV#newsPhotos TABLE TD A {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 9px;
	font-weight: bold;
}
A#newsPhotoLoginLink { /* the link that takes user to photoThumbs page */
	font-size: 20px;
}


/* used on p container for the photos in the right column */

.photos {
	padding-top: 5px;
}

.photos img {
	margin:0 5px 5px 0;
	border:solid 5px #eee;
}

#photoPush {
	margin-top:73px;	
}

.photos img.noBorder {
	border:none;	
}

/* container for sub content in the tight column */

#footer {
	border-top:solid 1px #666;
	border-bottom:solid 1px #666;
	height:3px;
	clear:both;
	margin:0 0 6px 0;
	font-size:1px; /* to reduce height of empty div in IE */
}