@import url(reset.css);

html{ background:#c6bd7b; font-family:"Trebuchet MS",Helvetica,Arial;}
body { background: url(../img/back-blue.gif) left bottom #c6bd7b; }

.stick { left: auto !important; top: auto !important; position: relative !important;}
#Container {background:#e6dea5;display:block;height:100%;margin:0 auto;position:relative;width:320px;}
/*#Container img { height: auto; width: 100%;}*/
#LeftColumn {background:#c6bd7b;padding-top: 50px; text-align: center;}
body:not(.home) #LeftColumn .stick {background:#c6bd7b; display:none; position: absolute !important;bottom: 0px;padding: 40px 0 20px; top; top: auto !important;width: 320px;}
#LeftColumn .stick { display:none;}
body:not(.home) #RightColumn {padding-bottom: 320px;}

/*table, tbody, tr, td { display: block; }*/
#LeftColumn, #RightColumn { display: block; }

nav {background:#9a8c3f;overflow:auto;padding: 10px 10px 5px;}
nav li { text-align: center;}
nav a {color:#261608;font-size:15px;font-weight:bold;line-height: 30px;text-decoration:none;text-transform:uppercase;}
nav a:hover {color:#4b2e17;text-decoration:none;}
nav a.active, nav a.active:hover { color: #e6dea5; }
a { text-decoration: none; }
a:hover {text-decoration: underline; }

h1 { background: url(../img/logo.png) no-repeat top center; display: block; height: 306px; margin: 0 auto; padding-bottom: 50px; text-indent: -9999px; width: 217px; }
h2, h3, h4 { font-weight: bold; text-transform: uppercase; }

#LeftColumn h2, #LeftColumn h3, #LeftColumn h4, #LeftColumn p { margin: 0 10px; }
#LeftColumn h2 { color: #002c30; font-size: 42px; margin-bottom: 5px; }
#LeftColumn h3 { color: #002c30; font-size: 28px; margin-bottom: 5px; }
#LeftColumn h4 { color: #4d331e; font-size: 18px; margin-bottom: 5px; }
#LeftColumn p { color: #4d331e; font-size: 14px; margin-bottom: 5px; }
#LeftColumn a { color: #4d331e; }

#Contain { height: auto !important;}
#Contain > div:not(.stick), #RightColumn > div:first-child { display: none !important; }


#Content { text-align: center; }
#Content h2 { color: #F05826; font-size: 42px; margin-bottom: 30px; }
#Content h2 em { font-size: 20px;}
#Content h3 { color: #fe5aa1; font-size: 30px; margin-bottom: 25px; }
#Content h4 { color: #fff; font-size: 18px; margin-bottom: 5px; }

iframe { height: 250px; width: 320px;}

#Content { min-height: 800px; text-align: center; padding: 50px 35px 20px; }
#Content p {color: #F6BDD3; line-height: 22px; margin-bottom: 5px; }
#Content p.description { margin-bottom: 5px;}
#Content ul.wine p.description { text-transform: capitalize; }
#Content p.description:first-letter { text-transform: capitalize; }
#Content .price { display: block; color: #FB87B9; font-style: italic; font-weight: bold; }







#Content ul { margin-bottom: 65px; }
#Content li { margin-bottom: 25px; }

#Footer {background:#d4ca81;width:100%; }
#Out { margin: 0 auto; overflow: auto; padding: 10px 0; width: 270px;}
#Out a { background-image: url(../img/footer-icons.gif); display: block; float: left; margin: 0 15px; height: 60px; opacity: 0.7; text-indent: -9999px; width: 60px; }
#Out a:hover { opacity: 1; }
#Out a.Kings { }
#Out a.Neptunes { background-position: -61px 0;}
#Out a.Garland { background-position: -130px 0;}
#Bar { background: #ab9c46; height: 42px; width: 100%;}
#Social { padding: 6px 0; margin: 0 auto; width: 180px;}
#Footer div.Inside { margin: 0 auto; overflow: auto; width: 320px;}
#Out a.BridgeBus { background-image: url(../img/bridgebus.gif); clear: both; display: block; float: none; height: 72px; margin: 0 auto 20px; position: relative; top: 10px;opacity: 0.7; text-indent: -9999px; transition: 1s; width: 206px; }
#Social a { background-image: url(../img/social.gif); display: block; float: left; height: 30px; margin: 0 14px; opacity: 0.7; text-indent: -9999px; width: 30px; }
#Social a:hover { opacity: 1; }
#Social a.Twitter { background-position: -46px 0; }
#Social a.Instagram { background-position: -90px 0; }
#Bar p { color: #4d331e; display: none; }
#Bar a { color: #4d331e; text-decoration: none; }
#Colophon {height: 30px;}
#Colophon * { display: none; }

#Image { position: relative; overflow: auto; margin-bottom: 20px; height: 183px; width: 320px; }
#Image h3 { background-color: rgba(0, 0, 0, 0.6); clear: both; float: left; font-size: 32px; margin: 10px 0 0 10px; padding: 5px 10px; color: #d4ca81; display: inline; }
#Image h3 em { font-size: 16px; font-style: normal; }
#Image h4 { background-color: rgba(0, 0, 0, 0.6); clear: both; float: left; margin: 0 0 0 10px; padding: 5px 10px; color: #d4ca81; display: inline; }

#slides { background-size: 320px 183px !important; display: block !important; height: 183px !important; width: 320px !important; position: relative; overflow: auto; }
#slides li { position: relative;  }
#slides a.cover{ position: absolute; display: block; height: 183px; top: 0px; left: 0px;; width: 320px; }
#slides li { height: 183px; list-style: none; width: 320px;}
#slides ul li { float: left; height: 183px; width: 320px; }
#slides ul li img {height: 183px; width: 320px; }
#slides h3 { background-color: rgba(0, 0, 0, 0.6); clear: both; float: left; font-size: 15px; line-height: 17px; margin: 10px 10px 0 10px; padding: 3px 8px; color: #261608; display: inline; }
#slides h3 a { color: #d4ca81; }
#slides h3 a:hover { text-decoration: none; }
#slides h4 a { color: #d4ca81; }
#slides h4 a:hover { text-decoration: none; }
#slides h3 em, { font-size: 13px; font-style: normal; }
#slides h4 { background-color: rgba(0, 0, 0, 0.6); clear: both; float: left; font-size: 12px; line-height: 12px; margin: 0 0 0 10px; padding: 5px 10px; color: #261608; display: inline; }
#slides .dots { position: absolute; right: 0px; bottom: 8px; width: 67%; }
#slides .dots li { display: inline-block; *display: inline; zoom: 1; width: 10px; height: 10px; line-height: 10px; margin: 0 4px; text-indent: -999em; *text-indent: 0; border: 2px solid #fff; border-radius: 6px; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; }
#slides .dots li.active { background: #fff; opacity: 1; }

#Shows{ margin: 0 auto; width: 280px;}

#Shows td {
/*  border-bottom: 1px solid #cbc17e;*/
  display: block;
  text-align: center;
/*  padding: 15px 15px;*/
}

#Shows tr {border-bottom: 1px solid #cbc17e;}
#Shows td { padding: 20px 0 0;}
#Shows p.date { margin-bottom: 10px;}
#Shows a { color: #4d331e;}

#Shows hr { display: block; height: 6px; }
#Shows a.join { background: url("../img/join.png"); display: block; height: 20px; margin: 6px auto 8px; opacity: 0.85; transition: 0.6s; text-indent: -9999px; width: 85px; }
#Shows a.join:hover { opacity: 1; }
#Shows a.tickets { background: url("../img/buytickets.png"); display: block; height: 90px; opacity: 0.7; transition: 0.6s; text-indent: -9999px; width: 150px; }
#Shows a.tickets:hover { opacity: 1; }
#Shows p.soldout { background: url("../img/soldout.png"); display: block; height: 90px; transition: 1s; text-indent: -9999px; width: 150px; }

#Shows td.img { margin: 10px auto; padding-right: 0px; }
#Shows td.img img { border: 2px solid #cbc17e; margin: 0 auto; }
#Shows td.img a { margin: 0 auto; width: 150px; }

#Shows td.buttons {  margin: 0 auto 10px; padding: 0 0 20px; }
#Shows td.body > * { margin: 0 auto; width: 300px; }
#Shows td.body iframe { width: 280px; }
#Shows td.buttons img { border: 2px solid #cbc17e; margin: 0 auto; }
/*#Shows td.buttons a { margin: 0 auto; width: 150px; }*/

#Shows p { color: #4d331e; font-size: 12px; line-height: 18px;}
#Shows div.content { color: #4d331e; font-size: 12px; line-height: 18px; padding: 8px 0px;}
#Shows div.content div {  margin-bottom: 10px;}
#Shows.single td.buttons {  padding-bottom: 50px;}
#Shows div.content hr { display: block; height: 18px; }
#Shows div.content p { line-height: 22px; margin-bottom: 10px;}
#Shows div.content h1, #Shows div.content h2, #Shows div.content h3, #Shows div.content h4 { line-height: 30px; margin-bottom: 10px;}
#Shows strong { font-size: 13px; font-weight: bold; }

#Shows p.date { color: #096870; font-size: 14px; font-weight: bold; text-transform: uppercase; }
#Shows h2 { color: #4b2f0c; font-size: 32px; font-weight: bold; margin: 10px auto; text-transform: uppercase; }
#Shows h3, #Shows h3 a { color: #00373c; font-size: 26px; font-weight: bold; text-transform: uppercase; }
#Shows h3 a:hover { text-decoration: none; }
#Shows h3 em { color: #096870; font-size: 13px; font-weight: bold; text-transform: none; }
#Shows h4 { color: #928435; font-size: 16px; font-weight: bold; text-transform: uppercase; }

#uShows * {
  text-align: center;
}

#uShows a { color: #4d331e;}

#uShows hr { display: block; height: 6px; }
#uShows a.join { background: url("../img/join.png"); display: block; height: 20px; margin: 6px auto 8px; opacity: 0.85; transition: 0.6s; text-indent: -9999px; width: 85px; }
#uShows a.join:hover { opacity: 1; }
#uShows a.tickets { background: url("../img/buytickets.png"); display: block; height: 90px; opacity: 0.7; transition: 0.6s; text-indent: -9999px; width: 150px; }
#uShows a.tickets:hover { opacity: 1; }
#uShows p.soldout { background: url("../img/soldout.png"); display: block; height: 90px; transition: 1s; text-indent: -9999px; width: 150px; }

#uShows td.img { padding: 0 7px;}
#uShows td.img img { border: 2px solid #cbc17e; }

#uShows p { color: #4d331e; font-size: 12px; line-height: 18px;}
#uShows div.content { color: #4d331e; font-size: 12px; line-height: 18px; padding: 8px 0;}
#uShows div.content div {  margin-bottom: 10px;}
#uShows div.content p { line-height: 22px; margin-bottom: 10px;}
#uShows div.content h1, #uShows div.content h2, #uShows div.content h3, #uShows div.content h4 { margin-bottom: 10px;}
#uShows strong { font-size: 13px; font-weight: bold; }

#uShows p.date { color: #096870; font-size: 11px; font-weight: bold; text-transform: uppercase; }
#uShows h2 { color: #4b2f0c; font-size: 22px; font-weight: bold; line-height: 36px; text-transform: uppercase; }
#uShows h3, #uShows h3 a { color: #00373c; font-size: 16px; font-weight: bold; text-transform: uppercase; }
#uShows h3 a:hover { text-decoration: none; }
#uShows h3 em { color: #096870; font-size: 13px; font-weight: bold; text-transform: none; }
#uShows h4 { color: #928435; font-size: 11px; font-weight: bold; text-transform: uppercase; }


#uShows tr, #uShows td, #uShows tbody, #uShows td.img {
  display: block;
  margin-bottom: 10px;
  padding: 0px;
  width: 280px;
}
#uShows {
  margin: 0 20px;
  width: 280px;
}