/*
THEME NAME: Mai
THEME URI: 
DESCRIPTION: Rich with powerful and dynamic semantic class selectors,Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: <a href="http: //bathew.com/">Matthew Bathon</a> &amp; Jessica McGee
AUTHOR URI: TAGS: sandbox,microformats,hcard,hatom,xoxo,widgets,blank slate,starter theme,minimalist,developer
*/
body {background: #011111 url(images/bg-body.jpg) repeat-x;}
#wrap {color: #fff; width: 960px; margin: 0 auto; font-size: 1em;}
#wrap:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}

/**************************************************header**************************************************/
#header {background: url(images/bg-headerNav01.png) no-repeat; min-height: 400px; width: 240px; padding: 0 0 310px 0; float: left; position: relative; z-index: 999;}
#header h1 {background: url(images/logo.png) no-repeat; width: 319px; height: 436px; bottom: 0px; left: -49px; position: absolute; text-indent: -9999px;}
#header h1 a {width: 176px; height: 73px; top: 130px; left: 50px; position: absolute; outline: none; display: block;}
#header h2 {display: none;}
#header ul#headerNav {padding: 0 30px; position: relative;}
#header ul#headerNav li {list-style: none; text-align: center; display: block; padding: 15px 0 4px 0; border-bottom: 1px solid #757575; letter-spacing: 10px;}
#header ul#headerNav li:last-child {border-bottom: none;}
#header ul#headerNav li:hover,#header ul#headerNav li.current_page_item {background: url(images/bg-headerNav02.png) no-repeat;}
#header ul#headerNav li a {color: #fff; font-size: 1.2em; font-weight: bold; display: block; text-decoration: none; text-transform: uppercase;}

/**************************************************center column*******************************************/
#main {background: url(images/bg-main.png) no-repeat 0 142px; width: 720px; min-height: 550px; float: left; position: relative;}
#main .alignright,img.alignright {float: right; margin: 1em 0 0 1em;}
#main .alignleft,img.alignleft {float: left; margin: 1em 1em 0 0;}
#main .aligncenter,img.aligncenter {display: block; margin: 1em auto; text-align: center;}
#main #banner {background: url(images/banner-utility.png) no-repeat; margin: 0 0 20px 0; padding: 103px 0 0 0;}
.info #main #banner {background: url(images/banner-info.png) no-repeat;}
.nights#main #banner {background: url(images/banner-nights.png) no-repeat;}
.gallery #main #banner {background: url(images/banner-gallery.png) no-repeat;}
.flavors #main #banner {background: url(images/banner-flavors.png) no-repeat;}
.reserve #main #banner {background: url(images/banner-reserve.png) no-repeat;}
.contact #main #banner {background: url(images/banner-contact.png) no-repeat;}
.work #main #banner {background: url(images/banner-work.png) no-repeat;}
#main #banner h2 {margin: 0 0 0 35px; padding: 0; font-weight: bold; font-size: 4.8em;}
#main #banner ul#sidebarNav {margin: -30px 0 0 35px;}
#main #banner ul#sidebarNav li {list-style: none;  display: inline;}
#main #banner ul#sidebarNav li a {color: #b00; margin: 0 30px 0 0; font-size: 1.1em; font-weight: bold; text-transform: uppercase;}
#main #banner ul#sidebarNav li a:hover,#main #banner ul#sidebarNav li.current_page_item a {color: #fff; text-decoration: none;}
#main .post,#main .page,#main #comments,#main .navigation,#main .attachment {margin: 0 70px 20px 70px; font-size: 1.1em; line-height: 1.64;}
#main .post .entry-title,#main .page .entry-title {clear: both;}
#main .post .entry-meta,#main .page .entry-meta {clear: both;}
#main img.left {float: left; margin: 0 20px 10px 0;}
#main img.right {float: right; margin: 0 0 10px 20px;}
#main h3 {margin: 0 0 5px 0; font-weight: bold; font-size: 1.64em;}
#main h4 {margin: 0 0 5px 0; font-weight: bold; font-size: 1.2em;}
#main h5 {margin: 0 0 5px 0; font-weight: bold; font-size: 1.1em;}
#main p {margin: 0 0 10px 0;}
#main ul {margin: 0 0 10px 20px;}
#main ol {margin: 0 0 10px 30px;}
#main ul li {margin: 0 0 5px 0;}
#main ol li {margin: 0 0 5px 0;}
#main ol li ul, #main ul li ul {margin: 10px 0 0 20px;}
#main ol li ol, #main ul li ol {margin: 10px 0 0 30px;}
#main ol li ol li, #main ul li ol li {list-style: decimal;}
#main dl {margin: 0 0 10px 0;}
#main dl dt {margin: 0 0 3px 0;}
#main dl dd {margin: 0 0 5px 0;}
#main table {width: 580px; margin: 0 0 20px 0; border: 1px solid #bb0000;}
#main table thead tr th, #main table tfoot tr td {background: #bb0000; color: #fff; padding: 5px 10px; text-align: left; vertical-align: bottom;}
#main table tbody tr td {padding: 5px 10px; border-bottom: 1px solid #bb0000; vertical-align: middle;}
#main div.comments ol li {margin: 0 0 3.5em;}
#main form#commentform {padding: 0;}
#main form#commentform p {padding: 0;}
#main form#commentform .form-label {margin: 1em 0 0;}
#main form#commentform span.required {background: #fff; color: #c30;}
#main input#author,input#email,input#url,textarea#comment {padding: 0.2em;}
#main textarea#comment {height: 13em; margin: 0 0 0.5em; overflow: auto; width: 66%;}
#main div.gallery {clear: both; height: 180px; margin: 1em 0; width: 100%;}
#main p.wp-caption-text {font-style: italic;}
#main div.gallery dl {margin: 1em auto; overflow: hidden; text-align: center;}
#main div.gallery dl.gallery-columns-1 {width: 100%;}
#main div.gallery dl.gallery-columns-2 {width: 49%;}
#main div.gallery dl.gallery-columns-3 {width: 33%;}
#main div.gallery dl.gallery-columns-4 {width: 24%;}
#main div.gallery dl.gallery-columns-5 {width: 19%;}
#main div#nav-above {margin-bottom: 1em;}
#main div#nav-below {margin-top: 1em;}
#main div#nav-images {margin: 1em 0;}
#main div.navigation {height: 1.25em;}
#main div.navigation div.nav-next {float: right; text-align: right;}
#main div.gallery dl,#main div.navigation div.nav-previous {float: left;}
#main input#author,#main input#email,#main input#url,#main div.navigation div {width: 50%;}

/**************************************************left column*********************************************/

/**************************************************footer**************************************************/