@import url(reset.css);

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

#Container {background:#e6dea5;height:100%;margin:0 auto;position: relative;width:950px;}
#LeftColumn {background:url(../img/sidebar.gif) left top #c6bd7b repeat-y;width:250px;}
#RightColumn {width:700px;}

nav {background:#9a8c3f;overflow:auto;padding: 30px 0 2px 0;position:relative;z-index:300;}
nav li {float:left;margin:0 18px 0 14px;}
nav a {color:#261608;font-family: Helvetica, Arial;font-size:11px;font-weight:bold;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); display: block; height: 306px; margin: 72px auto; text-indent: -9999px; width: 217px; }
h2, h3, h4 { font-weight: bold; text-transform: uppercase; }


#LeftColumn div.stick { padding-top: 0px; width: 250px; }
#LeftColumn h2, #LeftColumn h3, #LeftColumn h4, #LeftColumn p { margin: 0 10px; }
#Contain { display: block; height: 100%; }

#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; }

#Shows td {
  border-bottom: 1px solid #cbc17e;
  padding: 15px 15px;
}

#Shows a { color: #4d331e;}

#Shows.single div.content { padding: 8px 0 50px;}

#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 { padding-right: 0px; }
#Shows td.img img { border: 2px solid #cbc17e; }

#Shows p { color: #4d331e; font-size: 12px; line-height: 18px;}
#Shows div.content { color: #4d331e; font-size: 12px; line-height: 18px; padding: 8px 0;}
body.home #Shows div.content { width: 320px;}
body.home #Shows div.content iframe { width: 320px;}
body.home #Shows div.content > p { width: 320px;}
/*#Shows div.content > p {  width: 320px;}*/

#Shows div.content div {  margin-bottom: 10px;}
#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 { 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: 36px; font-weight: bold; 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 { 
  margin: 10px 15px 0;
  padding-top: 30px;
}
#uShows tr {
}
#uShows td {
  width: 25%;
}

#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; }

#Content h2 { color: #002c30; font-size: 42px;line-height:32px; 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; }

#Content { min-height: 800px; text-align: center; width: 510px;}
#Content p {color: #4d331e; 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 { color: #FB87B9; font-style: italic; font-weight: bold; }
#Content p.description .price:before { content: " ... "; }
#Content ul { margin-bottom: 65px; }
#Content li { margin-bottom: 25px; }

#Footer {background:#d4ca81;display:block;min-width:950px;width:100%; }
#Out { margin: 0 auto; overflow: auto; padding: 20px 0 20px; width: 950px;}
#Out a { background-image: url(../img/footer-icons.gif); display: block; float: right; height: 60px; opacity: 0.7; text-indent: -9999px; transition: 1s; width: 60px; }
#Out a.BridgeBus { background-image: url(../img/bridgebus.gif); display: block; float: left; height: 72px; opacity: 0.7; text-indent: -9999px; transition: 1s; width: 206px; }
#Out a:hover { opacity: 1; }
#Out a.Kings { margin-top: 5px;}
#Out a.Neptunes { margin-top: 5px;background-position: -61px 0; margin-left: 5px; }
#Out a.Garland { margin-top: 5px;background-position: -130px 0; margin-left: 12px; }
#Bar { background: #ab9c46; height: 36px; width: 100%;}
#Social { padding: 3px 0; }
#Footer div.Inside { margin: 0 auto; overflow: auto; width: 950px;}
#Social a { background-image: url(../img/social.gif); display: block; float: left; height: 30px; margin-right: 14px; opacity: 0.7; text-indent: -9999px; transition: 1s; 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; font-size: 13px; line-height: 26px; text-align: right; text-transform: uppercase; }
#Bar a { color: #4d331e; text-decoration: none; }
#Colophon p.Left { color: #4d331e; float: left; font-weight: bold; font-size: 13px; line-height: 18px; padding: 12px 0; width: 500px; }
#Colophon a { color: #4d331e; font-weight: bold; font-size: 13px; line-height: 18px; }
a#Login { float: right; text-align: right; padding: 12px 0; }

#Image { position: relative; overflow: auto; height: 400px; width: 700px; }
#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: 700px 400px !important; display: block !important; height: 400px !important; width: 700px !important; }
#slides { position: relative; overflow: auto; }
#slides li { position: relative;  }
#slides a.cover{ position: absolute; display: block; height: 400px; top: 0px; left: 0px;; width: 700px; }
#slides li { height: 400px; list-style: none; width: 700px;}
#slides ul li { float: left; height: 400px; width: 700px; }
#slides ul li img {height: 400px; width: 700px; }
#slides h3 { background-color: rgba(0, 0, 0, 0.6); clear: both; float: left; font-size: 32px; margin: 10px 10px 0 10px; padding: 5px 10px; 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: 16px; font-style: normal; }
#slides h4 { background-color: rgba(0, 0, 0, 0.6); clear: both; float: left; margin: 0 0 0 10px; padding: 5px 10px; color: #261608; display: inline; }
#slides .dots { position: absolute; right: 0px; bottom: 20px; width: 19%; }
#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; }