@charset "utf-8";
body {font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 13px;color: #ffffff;background-image: url(images/bg.gif);margin: 0px;}
.alignright { float:right;}
#headerwrapper {width: 920px;margin-right: auto;margin-left: auto;padding-top: 12px;}
#header {width: 100%;background-image: url(images/nav-bg.gif);background-repeat: repeat-x;margin: 0px;height: 138px;}
#mainimage {width: 930px;margin-right: auto;margin-left: auto;margin-top: 10px;}
#maincontent { float:left;width: 580px;margin-top: 10px;padding-right: 20px;background-color: #121212;}
#maincontent1 {margin-top: 10px; background-color: #121212;}
#vat{padding-top:10px; color:#999999; border-top:1px dotted #CCCCCC; font-size:11px; margin-top:10px; clear:both;}
#floatover{ float:right;}
#boxestop{ margin-top:10px; margin-bottom:10px; height:150px; margin-left:auto; margin-right:auto;}
.size-thumbnail { padding:5px; border:solid 1px #444444; margin:5px; }
#floating{
	float:left;
	width:164px;
	height:148px;
	padding:10px;
	font-size:11px;
	color: #FFFFFF;
	background-color: #96B944;
	border: 1px solid #748F34;
}
#floating2{
	float:left;
	margin-left:10px;
	margin-right:10px;
	width:164px;
	height:148px;
	padding:10px;
	font-size:11px;
	color: #FFFFFF;
	background-color: #E379BE;
	border: 1px solid #D94AA7;
}
#floating3{
	float:left;
	width:164px;
	height:148px;
	padding:10px;
	font-size:11px;
	color: #FFFFFF;
	background-color: #30A4AD;
	border: 1px solid #257D85;
}
#floating strong, #floating2 strong, #floating3 strong{ font-size:16px; font-weight:bold; text-transform:uppercase;}
#leftcol form{
	padding:15px;
	display:block;
	border:1px solid #EF3232;
	background-color:#BD0F0F;
	color:#FFFFFF;
}
#basenav{
font-size:11px;
	clear:both;
	padding-top:10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-top:1px dotted #CCCCCC;
}
#basenav ul{ padding:0px; margin:0px; list-style-type:none;}
#basenav ul li{ float:left; border-right:1px dotted #CCCCCC;}
#basenav ul li a{ color:#FFFFFF; text-decoration:none; font-weight:bold; padding-left:15px; padding-right:15px;}
#basenav ul li a:hover{ color:#FFFFFF; text-decoration:underline; font-weight:bold; padding-left:15px; padding-right:15px;}

#floatright{ margin:0px; padding-top:10px; width:340px; float:right; text-align:left;}
#openingtimes{ float:left; width:auto; font-size:11px; text-align:left;}
#openingtimes1{ margin-left:15px; float:left; width:auto; font-size:11px; text-align:left;}
#form{
	background-color: #2E2E2E;
	border: 1px solid #494949;
	padding:20px;
	font-size:13px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	
}
#form p { font-size:13px;}
#form input {
	border:1px solid #5D5D5D;
	font-size: 13px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #FFFFFF;
	padding:3px;
}
#dotted{ border-bottom:1px dotted #CCCCCC; clear:both;}
#form #photo input {
	float:right;
	border:1px solid #5D5D5D;
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

#form textarea {
	border:1px solid #5D5D5D;
	font-size: 13px;
	color: #333333;
	background-color: #FFFFFF;
padding:3px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
#form #photo textarea:after{ clear:both}
#form #photo{
	background-color: #464646;
	padding: 10px;
	margin-left:auto;
	margin-right:auto;
	border: 1px dotted #5F5F5F;
}
#left ul a{font-family: Georgia, "Times New Roman", Times, serif;margin-top: 0px;font-size: 19px; font-weight: bold; color:#BD0F0F; padding-bottom:10px; margin-bottom:10px;   text-decoration:none; margin-bottom:20px;}
#left ul a:hover{font-family: Georgia, "Times New Roman", Times, serif;margin-top: 0px;font-size: 19px; font-weight: bold; color:#BD0F0F;  padding-bottom:10px; margin-bottom:10px;   text-decoration:underline;}
#left ul li li{ padding:10px; border:1px dotted #666666; margin-bottom:10px;}
#floatbox{
	width:250px;
	height:110px;
	float:right;
	padding:10px;
	background-color: #990249;
	border: 1px solid #D20265;
}
#floatbox2{
	width:250px;
	height:110px;
	padding:10px;
	background-color: #2E2E2E;
	border: 1px solid #4A4A4A;
}
#floatbox4{
	width:250px;
	height:95px;
	float:right;
	padding:10px;
	background-color: #990249;
	border: 1px solid #D20265;
	margin-bottom:20px;
}
#floatbox3{
	width:250px;
	height:95px;
	padding:10px;
	background-color: #2E2E2E;
	border: 1px solid #4A4A4A;
	margin-bottom:20px;
}



h1 {font-family: Georgia, "Times New Roman", Times, serif;margin-top: 0px;font-size: 19px;text-transform: uppercase;font-weight: bold;}
h2 {font-family: Georgia, "Times New Roman", Times, serif;margin-top: 0px;font-size: 19px;text-transform: uppercase;font-weight: bold;}
h3 {font-family: Georgia, "Times New Roman", Times, serif;margin-top: 0px;font-size: 14px;text-transform: uppercase;font-weight: bold; color:#FFFFFF; border-bottom:1px dotted #BD0F0F; padding-bottom:10px; margin-bottom:10px;}
h3 a { color:#FFFFFF; text-decoration:none;}
h3 a:hover { color:#FFFFFF; text-decoration:underline;}
.post-date{
float: left;
display: inline;
margin: 0 10px 0 0;
background: url(images/date.png) no-repeat;
width:120px;
height:156px;
}
.month{

font-size:13px;
font-weight:bold;
text-transform:uppercase;
color:#FFFF99;
width:120px;
text-align:center;
padding-top:38px;
}
.day{
width:120px;
text-align:center;
font-weight:bold;
font-size:50px;
color:#FFFFFF;
padding-top:17px;
font-family:Georgia, "Times New Roman", Times, serif;
}

h1 a, h2 a {color:#FFF; text-decoration:none;}
h1 a:hover, h2 a:hover {color:#BD0F0F; text-decoration:none;}
a { color:#BD0F0F; text-decoration:none;}
a:hover { color:#BD0F0F; text-decoration:underline;}
#leftcol {width: 280px;float: right;font-size: 12px;margin-top: 10px;letter-spacing: -1px;}
#postmet{
	padding-top:10px;
	padding-bottom:10px;
	font-size:11px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #666666;
	border-bottom-color: #666666;
}
#submit{
	background-color:#BD0F0F;
	color:#FFFFFF;
	border:1px solid #940C0C;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
input{ font-size:11px;}
#postmet small{ font-size:10px;}
#leftcol ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#result{padding:10px; border-bottom:dotted 1px #FFFFFF; margin-bottom:10px;}
#result p{margin:0px; font-size:19px;}
#result strong{clear:both; text-align:right; color:#CCCCCC; font-style:italic;}
#wrapper {width: 900px;margin-right: auto;margin-left: auto;background-color: #121212;padding:10px; clear:both;}
#clear {clear: both;}
#nav {background-image: url(images/index_09.gif);background-repeat: repeat-x;margin-top: -15px;}
#navigation {width: 920px;margin-right: auto;margin-left: auto;}
#footer {font-size: 10px;text-align: right;margin-top: 10px; border-top:1px dotted #CCCCCC; padding-top:10px; padding-bottom:10px;}


    .calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#000000;
         border-bottom:1px dotted #000000;
         }
    .calnk a:visited {
         text-decoration:none;
         color:#000000;
         border-bottom:1px dotted #000000;
        }
		td{ padding:5px;}
    .calnk a {
	font-size:13px;
        text-decoration:none; 
        color:#000000; 
        border-bottom:1px dotted #000000;
        }
    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
        color:#333333; 
        background:#F6F79B; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        }
     .calendar-table {
	border:none;
	width:100%;
     }
     .calendar-heading {
        height:25px;
        text-align:center;
        border:1px solid #950B0B;
        background-color:#BB0D0D;
     }
	 .calendar-prev a, .calendar-next a { color:#FFFFFF; text-decoration:none; background-color:#990000; display:block; padding-top:2px; padding-left:5px; padding-bottom:2px; padding-right:5px;}
	 .calendar-prev a:hover, .calendar-next a:hover { 
	 color:#FFFFFF; text-decoration:none;
	background-color:#750000;
	display:block;
	padding-top:2px;
	padding-left:5px;
	padding-bottom:2px;
	padding-right:5px;
}
     .calendar-next {
        width:25%;
        text-align:center;
     }
     .calendar-prev {
        width:25%;
        text-align:center;
     }
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
     }
     .normal-day-heading {
	text-align:center;
	width:25px;
	height:25px;
	font-size:0.8em;
	border:1px solid #591515;
	background-color:#7D1E1E;
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
	border:1px solid #591515;
	background-color:#7D1E1E;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #DFE6DE;
     }
     .no-events {

     }
     .day-without-date {
	width:60px;
	height:60px;
	border:1px solid #E9F0E8;
	background-color: #2D2D2D;
     }
     span.weekend {
     
     }
     .current-day {
	vertical-align:text-top;
	text-align:left;
	width:60px;
	height:60px;
	border:1px solid #BFBFBF;
     }
	 .current-day span.event {
        font-size:0.75em;
     }
     .kjo-link {
        font-size:0.75em;
        text-align:center;
     }
     .event-title {
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
     }
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #950B0B;
        background-color:#BB0D0D;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #950B0B solid;
     }
     .calendar-date-switcher select {
        border:1px #950B0B solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #950B0B;
     }
	 
#editableboxes{
	clear:both;
	margin-top:0px;
	width:930px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	height:270px;
}
#editableboxes h3 {font-family: Georgia, "Times New Roman", Times, serif;margin-top: 0px;font-size: 14px;text-transform: uppercase;font-weight: bold; color:#FFFFFF; border-bottom:1px dotted #ffffff; padding-bottom:10px; margin-bottom:10px;}
#editableboxes a{ color:#FFFFFF; font-weight:bold; font-size:11px; text-decoration:none;}
#editableboxes a:hover{
	color:#FFFFFF;
	text-decoration: underline;
}
#boxscroll{
	height:220px;
	overflow: auto;
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#editableboxes #box1{
	width:200px;
	float:left;
	background-image: url(images/boxesimg.png);
	background-repeat: no-repeat;
	background-position: center center;
	height:230px;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-left:10px;
}
#editableboxes #box2{
	width:200px;
	float:left;
	background-image: url(images/boxesimg2.png);
	background-repeat: no-repeat;
	background-position: center center;
	height:230px;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#editableboxes #box3{
	width:200px;
	float:left;
	background-image: url(images/boxesimg3.png);
	background-repeat: no-repeat;
	background-position: center center;
	height:230px;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#editableboxes #box4{
	width:200px;
	float:left;
	background-image: url(images/boxesimg4.png);
	background-repeat: no-repeat;
	background-position: center center;
	height:230px;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#viewgallery{
	background-image: url(http://www.theshowbar.co.uk/images/view-gallery.gif);
	background-repeat: no-repeat;
	padding: 8px 0px 0px;
	height: 30px;
	width: 268px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	text-indent: 46px;
}
#viewgallery a {
	color:#fff;
	font-weight: bold;
	text-transform: uppercase;
}