/*
Theme Name: Bistro Campagne
Theme URI: http://www.bistrocampagne.com/
Description: Custom theme for Bistro Campagne
Version: 1.0
Author: Lauren Johnson, goodspark.com
*/


@charset "UTF-8";
/* CSS Document */

img, div 	{ behavior: url(iepngfix.htc) }
html, body 	{ margin: 0; padding: 0; }
body		{ font: 12px/18px Georgia, "Times New Roman", Times, serif; color: #381c09; margin: 0; padding: 0; background: #594b38; }
#page		{ width: 850px; margin: 10px auto; text-align: left; }
#header		{ padding: 0; margin: 0; height: 125px; text-align: right; position: relative; }
#reserve	{ position: absolute; right: 0; }
#topnav		{ position: absolute; right: 0; top: 70px; text-align: right; margin: 0; padding: 0; }
#content	{ clear: both; background: #ffffff; padding: 20px; min-height: 485px; }
#footer		{ clear: both; margin: 0; padding: 10px 0; color: #ffffff; text-align: center; }

a:link		{ text-decoration: none; font-weight: bold; color: #db8008; }
a:visited	{ text-decoration: none; font-weight: bold; color: #eda950; }
a:hover		{ text-decoration: none; font-weight: bold; color: #eda950; }
hr			{ color: #fff; background-color: #fff; border: 1px dotted #575757; border-style: none none dotted; margin: 0 20px 20px 20px; } 
dl 			{ margin: 10px 0 0 0; }
dt 			{ width: 125px; float: left; padding-top: 5px; }
dd 			{ margin-bottom: 0;  }
dd input 	{ width: 175px; }
dd textarea { width: 250px; }

.clearfloat 	{ clear:both; height:0; font-size: 1px; line-height: 0px; }
#leftbox		{ width: 395px; float: left; background: #ded5c9; margin: 20px 10px 0 0; min-height: 150px; }
#leftbox p		{ padding: 0 10px; }
#leftbox img	{ margin: 10px 10px 0 10px; padding: 0; }
#rightbox		{ background: #ded5c9; margin: 20px 0 0 10px; min-height: 150px; width: 395px; float: right; }
#rightbox p		{ padding: 0 10px; }
#rightbox img	{ margin: 10px 10px 0 10px; padding: 0; }
.half			{ width: 405px; float: left; text-align:center;  }
.half p			{ padding: 5px 15px; margin: 0; }

.third			{ width: 270px; float: left; text-align:center;  }
.third p		{ padding: 5px 15px; margin: 0; }

img.centered 	{ display: block; margin-left: auto; margin-right: auto; }
img.alignright 	{ padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft 	{ padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright 	{ float: right; }
.alignleft 		{ float: left; }


a#logo { background-image:url(images/logo.gif); height: 125px; width:120px; display:block; float: left; }
a#logo span { display:none; }

.split { background-image:url(images/nav-split.gif); height: 50px; width:30px; display:block; float: left; }
.split span { display:none; }

a#ot { background-image:url(images/header-opentable.gif); height: 30px; width:310px; display:block; }
a#ot span { display:none; }
a#ot:hover { background-image:url(images/header-opentable-on.gif); }

a#home { background-image:url(images/nav-home.gif); height: 50px; width:43px; display:block; float: left; }
a#home span { display:none; }
a#home:hover { background-image:url(images/nav-home-on.gif); }

a#about { background-image:url(images/nav-about.gif); height: 50px; width:59px; display:block; float: left; }
a#about span { display:none; }
a#about:hover { background-image:url(images/nav-about-on.gif); }

a#menus { background-image:url(images/nav-menus.gif); height: 50px; width:58px; display:block; float: left; }
a#menus span { display:none; }
a#menus:hover { background-image:url(images/nav-menus-on.gif); }

a#bar { background-image:url(images/nav-bar.gif); height: 50px; width:36px; display:block; float: left; }
a#bar span { display:none; }
a#bar:hover { background-image:url(images/nav-bar-on.gif); }

a#events { background-image:url(images/nav-events.gif); height: 50px; width:61px; display:block; float: left; }
a#events span { display:none; }
a#events:hover { background-image:url(images/nav-events-on.gif); }

a#contact { background-image:url(images/nav-contact.gif); height: 50px; width:70px; display:block; float: left; }
a#contact span { display:none; }
a#contact:hover { background-image:url(images/nav-contact-on.gif); }
