/* get other css */
@import url("reset.css");
@import url("uni-form.css");
@import url("typography.css");



/* SNIPPETS */
img { border:0; }
input { vertical-align:middle; }
.float-left { float:left; }
.float-right { float:right; }
.text-left { text-align:left !important; }
.text-right { text-align:right !important; }
.text-center { text-align:center !important; }
.text-justify { text-align:justify; }
.clear:after { content: "."; display:block; height:0; clear:both; visibility:hidden;}
.clear { display: inline-block; }
html[xmlns] .clear { display: block; }
* html .clear { height: 1%; }
.icon {position: relative; top:.1em;}
em { font-style: italic; }

/* ************ Begin General Layout Styles ************ */

/* BODY */
body { background: #535708 url(../images/bg.png) top center repeat-y; }


/* CONTAINER */
#wrapper { width: 960px; margin: auto; text-align: center;}


/* HEADER */
#header { background: url(../images/menubg.png) 0 35px repeat-x; width: 100%; height: 120px; position: relative; text-align: left; }
#logo a { background: url(../images/slate.png) 0 0 no-repeat; width: 302px; height: 92px; text-indent: -9999px; position: absolute; top: 12px; left: 4px;  }
#menu {position: absolute; top:30px; left:305px; }
#menu li { float: left; margin-right: 10px; }
#menu li a { display: block; text-indent: -9999px; background-image: url(../images/menuitems.png); background-repeat: no-repeat;  }
#menu li a:hover, #menu li.on a { display: block; text-indent: -9999px; background-image: url(../images/menuitemson.png); background-repeat: no-repeat;  }
#menu li.home a{ 	background-position: 0 0; 		height: 63px; width: 77px;}
#menu li.dinner a{ 	background-position: -88px 0; 	height: 63px; width: 84px;}
#menu li.drinks a{ 	background-position: -184px 0; 	height: 63px; width: 84px;}
#menu li.bar a{ 	background-position: -586px 0; 	height: 63px; width: 57px;}
#menu li.brunch a{ 	background-position: -286px 0; 	height: 63px; width: 94px;}
#menu li.about a{ 	background-position: -388px 0; 	height: 63px; width: 80px;}
#menu li.contact a{ background-position: -478px 0; 	height: 63px; width: 96px;}

/* SECTION */
#section { text-align: left; float:right; width: 651px; padding: 0 15px;}
.box { background:#faf8f0; border: 2px solid #fbe3b7; margin-bottom: 15px;}
.box-pad { background:#faf8f0; border: 2px solid #fbe3b7; padding: 20px; margin-bottom: 15px; }

/* ASIDE */
#aside { text-align: left; float: left; width: 220px; color: #fff5d3; margin-left: 29px; padding: 0 15px; }
#aside p, #aside li { color: #fff5d3; }
#aside h4, #aside h5 {color: #FBE3B7;}
#aside a { color: #CCC; }
#hours { clear: both;}
#hours dt{ clear: both; float: left; font-size: 14px; margin-bottom: .7em;}
#hours dd { float: right; width: 150px; font-size: 14px; margin-bottom: .7em;}
#map {margin-bottom: 15px; }
#social li {float:left; padding:0 6px; }


/* FOOTER */
#footer { margin: 15px;  border-top: 1px dashed #535708; padding: 15px 0; }
#footer p { font-size: 12px;}
#footer .copy {float:left;}
#footer .furley {float:right; }

/* ************ Begin Specific Layout Styles ************ */


/* HOME PAGE */
#slideshow { height: 300px; width: 650px;}
.tweet .tweet_list { overflow:none; width: 220px; list-style-type:none; margin:0 0 10px 0; padding:0; background-color: #5F5C12; -moz-border-radius: 3px; -webkit-border-radius:3px; }
.tweet .tweet_list li { overflow:none; padding:.5em; font-size: 11px; }
.tweet .tweet_list li a { color:#0C717A; }
.tweet .tweet_list .tweet_even { background-color:#7F7C37; }
.tweet .tweet_list .tweet_avatar { padding-right:.5em; float:left; }
.tweet .tweet_list .tweet_avatar img { vertical-align:middle; }
.padit {padding: 5px;}
.home-section { width: 65%; float: left;}
.home-aside { width: 30%; float: right;}
.home-aside h4 { margin-top: 0;}
.home-aside img { border: 2px solid #535708; }
.home-aside a { color: #535708; }

/* MENU PAGES */
#menu-skin { padding:20px; }
#menu-skin h2 { font-style:italic; font-weight:bold; margin:0 0 15px; }


#menu-skin .dish { display:block; overflow:none; margin: 0 0 0.7em 10px; background: url('../images/dot.gif') repeat-x 0 14px;}
#menu-skin .dt,#menu-skin .dd.price { font-size:130%; font-weight:bold }
#menu-skin .dt { font-size:16px; font-weight:normal; float:left; padding-right:5px; color:#3F2808; background-color: #faf8f0; }
#menu-skin .dt p { font-size:16px; font-weight:normal; color:#3F2808; line-height:1em; margin:0; padding:0; }
#menu-skin .dd { margin:0 }
#menu-skin .dd.price { font-weight:normal; font-size:16px; float:right; padding-left:5px; color:#406F0D; background-color: #faf8f0; }
#menu-skin .dd.ingredients { font-size:14px; font-style:italic; font-weight:normal; line-height:20px; float:left; width:100%; padding: 3px 0; color:#8F6A35 }
#menu-skin .dd.ingredients p { font-size:14px; font-style:italic; font-weight:normal; color:#8F6A35; line-height:1em; margin:0; padding:0; }

#menu-skin span.new, #menu-skin span.special { color:#FFF8EF; font-size:11px; font-weight:bold; padding:1px 3px 0; position:relative; text-transform:uppercase; top:-2px }
#menu-skin span.special { background:#579F09 }
#menu-skin span.new { background:#EF1E0E }
#menu-skin span.big-separator { display:block; height:26px; margin:20px 0; background:url('../images/big_menu_separator.png') no-repeat top center }
#menu-skin span.sm-separator { display:block; height:25px; margin:20px 0; background:url('../images/sm_menu_separator.png') no-repeat top center }


#menu-skin dl { display:block; overflow:auto; margin: 0 0 0.7em 10px; background: url('../images/dot.gif') repeat-x 0 14px;}
#menu-skin dt,#menu-skin dd.price { font-size:130%; font-weight:bold }
#menu-skin dt { font-size:16px; font-weight:normal; float:left; padding-right:5px; color:#3F2808; background-color: #faf8f0; }
#menu-skin dd { margin:0 }
#menu-skin dd.price { font-weight:normal; font-size:16px; float:right; padding-left:5px; color:#406F0D; background-color: #faf8f0; }
#menu-skin dd.ingredients { font-size:14px; font-style:italic; font-weight:normal; line-height:20px; float:left; width:100%; padding: 3px 0; color:#8F6A35 }

.subtle { font-size: 11px;}
.footnote { font-size: 10px;}

/* CONTACT */
#contactMsg {float: left; width: 300px;}
#contact { float: right; width: 280px;}
#contact label {display: block; clear: both; }
#contact input[type=text], textarea { width:180px; float: right; background: #fff; border: 1px solid #000; padding: 5px; }
#contact textarea { margin-bottom: 10px; height: 80px; }
#contact input[type=submit] {float: right;}


/* flickr */
#flickr { padding:0; margin:0; }
#flickr li { border: 3px solid #b3b563; margin-left: 20px; float: left; line-height: 0; }
#flickr li:hover { border: 3px solid #535708; }