/* Rob Lafratta | http://lafrattacreative.co.uk */
/* Harry's Bar */

/* PAGE SETUP */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { background: #333333 url(../images/bg.gif) repeat; font:13px "Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#000; padding:0 0 5px 0; text-align: center; }
ul { list-style: none inside; }
p { line-height: 22px; margin:7px 0 15px 0; }
a { outline: none; color:#fff; text-decoration:none; }
a:hover { color:#fff; text-decoration:underline; }
a img { border: none; }

/* HEADERS */
h1, h2 { font-size: 24px; font-weight:normal; color:#640b20; border-bottom:1px solid #640b20; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:2px; }
h1 { padding:12px 0 4px 0; }
h2 { color:#fff; border-bottom:none; padding:5px 0 4px 0; }
h2.emailadd { font-size:16px; font-style:italic; }
h3 { font-size: 11px; padding:1px 0 4px 0; font-weight:normal; color:#fff; }
h4 { font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:2px; font-size: 20px; padding:0 0 4px 0; font-weight:normal; font-style:italic; color:#640b20; }
hr { color:#999999; border-bottom:1px dotted; border-top:0; height:1px; margin:2px 0 10px 0; }

/* STYLES */
.bold { font-weight:bold; }
.italic { font-style:italic; }
.white { color:#fff }
.darkred { color:#640b20; font-weight:bold;}
.red { color:#FF0000; }
.small { font-size:11px; }
.medium { font-size:18px; }
.big { font-size:22px; }

/* TOOLS */
.floatleft { float: left; }
.floatright { float: right; }
.clear-both { clear: both; padding:0; margin:0 }
.clear-right { clear: right; }
.clear-left { clear: left; }

/* STRUCTURE */
#container { width: 859px; margin: 0 auto; text-align: center; }
#header { padding:none; margin:none; height:120px; }
#logo a { float:left; margin:0 0 0 190px; padding:0; display:block; width:170px; height:107px; background: url(../images/logo.png); text-indent: -9999px; }
#toptext { text-align:right; padding:10px; float:right; }
#quote-box {background-color:#640b20; margin:0; text-align:left; float:right; width:656px; padding:10px 15px;font-style:italic;}
#top-image {float:right;width:686px;height:224px;}

/* LEFT CONTENT */
#left-content { float:left; width:173px; padding:0; }
#sidebanner { margin:15px 0 0 72px; width:101px; }
#sidebanner p { line-height: 10px; margin:5px 0; }

/* MAIN NAV */
#main-nav { width: 173px; margin: 15px 0 0 3px; }
#main-nav li a { height: 24px; text-decoration: none; text-transform:uppercase; text-align:left; }
#main-nav li a:link, #main-nav li a:visited { color: #fff; display: block; padding: 8px 0 0 40px; }
#main-nav li a:hover { color: #fff; background: url(../images/nav-home.png) 0 -32px; padding: 8px 0 0 40px; }
body#home a#home { background: url(../images/nav-home.png) 0 0; }
body#events a#events { background: url(../images/nav-events.png) 0 0; }
body#news a#news { background: url(../images/nav-news.png) 0 0; }
body#barmenu a#barmenu { background: url(../images/nav-barmenu.png) 0 0; }
body#contact a#contact { background: url(../images/nav-contact.png) 0 0; }
body#gallery a#gallery { background: url(../images/nav-gallery.png) 0 0; }

/* CONTENT */
#content { background-color:#fff; margin:0; text-align:left; float:right; width:656px; padding:0 15px; min-height:400px; }
#content p a { outline: none; color:#640b20; text-decoration:underline; }
#content p a:hover { color:#666; text-decoration:underline; }
.left-col, .right-col { width:48% }
.main-left { width:59% }
.main-right { width:37% }
.main-left-2 { width:78% }
.main-right-2 { width:21% }

/* FOOTER */
#footer { position:relative; color:#999; font-size:11px; text-align:left; margin:0; float:right; width:656px; padding:0 15px; }
#beer { margin:0; position:absolute; bottom:47px; left:-200px; z-index:-1000; }

/* IMAGE SLIDESHOW */

.slideshow_2 { height: 334px; width: 240px; padding:0 0 10px 0; margin:0 }
#slide { float:right; }

/* CONTACT FORM */
label, laber.error, input, textarea, select { width:330px; }
select { margin:15px 0 2px 0; }
label { position: absolute; text-align:left; font:13px "Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#640b20; margin:10px 0 0 0; font-weight:bold;}
label.error { position:relative; padding:0; margin:0 0 5px 0; color:red; font-style:italic; font-weight:normal; font-size:11px; display: inline-block; line-height: 16px; }
input, textarea { margin-left: 0; margin:20px 0 2px 0; padding:8px; font-size:15px; }
textarea { border: 1px solid #ccc; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; }
input.submit { width:100px; float:left; border:none; text-decoration:none; padding:0 0 20px 0; }
input.submit:focus { border:none; text-decoration:none; outline:none; }
div.error { display: none; }
input { border: 1px solid #ccc; }
input.checkbox { border: none }
input:focus, textarea:focus { border: 1px solid #640b20; background-color:#f1f1f1; }
input.error, textarea.error { border: 1px dotted red; }

/* jQuery lightBox plugin - Gallery style */
#photos { width: 656px; }
#photos ul { list-style: none; }
#photos ul li { display: inline; }
#photos ul img { border: 1px solid #ccc; border-width: 1px; color: #ccc; padding:5px; margin:3px;width:72px;height:54px; }
#photos ul a:hover img { border: 1px solid #640b20; border-width: 1px; color: #640b20; }
#photos ul a:hover { color: #fff; }

/* LEFT COLUMN HOVER BUTTONS */
#sidebanner a.kan_btn, #sidebanner a.meth_btn, #sidebanner a.wifi_btn, #sidebanner a.face_btn { display: block; width: 101px; height: 53px; background-position: top; text-indent: -9999px; }
#sidebanner a.kan_btn { background-image: url(../images/kan_btn.png); }
#sidebanner a.meth_btn { background-image: url(../images/meth_btn.png); }
#sidebanner a.wifi_btn { background-image: url(../images/wifi_btn.png); }
#sidebanner a.face_btn { background-image: url(../images/face_btn.png); }
#sidebanner a.wifi_btn:hover, #sidebanner a.kan_btn:hover, #sidebanner a.meth_btn:hover, #sidebanner a.face_btn:hover { background-position: bottom; }

/* TABS */
ul.tabNavigation { list-style: none; margin: 15px 0; padding: 0; }
ul.tabNavigation li { display: inline; }
ul.tabNavigation li a { padding: 6px 10px; background-color: #ccc; color: #000; text-decoration: none; }
ul.tabNavigation li a.selected,  ul.tabNavigation li a:hover { background-color: #640b20; color: #fff;  }
ul.tabNavigation li a:focus { outline: 0; }

/* TABLE */
table { width: 100%; border-color: #ccc; }
td, th { padding: 3px; text-align: center; }
th { border-bottom: 1px solid #ccc; }
.day-col { width: 100px; }
.info-cell { text-align: left; }
.odd { background-color:#eeeeee }