/* 
Theme Name: KLC WHITE
Theme URL: http://www.kerbeylanecafe.com
Description: KLC White theme
Author: Adam McCombs
Author URI: http://www.mccombscreative.com
Version: 1.0
*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}

body {background:#fff url(images/bigbkg.jpg) no-repeat scroll center top;font-family: Myriad Pro, Arial, Helvetica, Tahoma, sans-serif;font-size: 12px;}
.ie7 body {background:#fff;}
h1,h2,h3,h4,h5,h6 {margin: 10px 0;}

a {color: #231f20; text-decoration: none;}
a:hover {text-decoration: underline;}

h1 {font-size: 32px;font-weight: bold;color: #000;}
h2 {font-size: 28px;font-weight: bold;font-style: italic;color: #000;border-bottom: 4px solid #D4E3A9;}
h3 {font-size: 18px;line-height:28px;font-weight: bold;color: #000;}
h4 {font-size: 16px;line-height:18px;font-weight: bold;color: #000;}
h5 {font-size: 12px;line-height:18px;font-weight: bold;color: #000;}
h6 {font-size: 10px;line-height:18px;font-weight: bold;color: #000;}

strong {font-weight: bold;}
em {font-style: italic;}

#alert {padding: 5px 0;background: #146332;color: #fff;font-size: 12px;text-align: center;}

#container{background: url(images/pagebkg.png);margin: 0 auto;width: 1000px;min-height: 1100px;}
#innercont{width: 960px;margin: 0 auto;}
#page {margin: 20px 20px;}
#pageleft, #insidepageleft {width: 600px;;}

#insidepageleft p, #pageleft p {margin: 0 0 15px 0;}
#insidepageleft h2, #pageleft h2 {font-size: 28px;font-weight: bold;font-style: italic;color: #000;border-bottom: 4px solid #D4E3A9;}
#insidepageleft h3, #pageleft h3 {font-size: 18px;line-height:18px;font-weight: bold;color: #221006;background: none;padding: 0;}

#insidepageleft .left,#insidepageleft .alignleft, #insidepage .left, #insidepage .alignleft {float: left; margin: 0 10px 10px 0;}

#chalkboard {background: url(images/chalkboard.jpg) no-repeat;width: 450px;height: 400px;padding: 70px 0 0 20px;}

#sidebar {float: right;margin: 20px 0;width: 300px;}
#sidebar ul {list-style: none;}
#sidebar li {list-style: none;margin: 0 0 5px 0;}
#submenu {height:150px;background: url(images/submenu.jpg) no-repeat; overflow: hidden;}
#submenu ul {width:170px;margin: 25px 0 0 20px;}
#submenu ul li {margin: 0 0 5px 0;}

#insidepageleft .post h2 {font-size: 18px;}

/* sidebar stuff */

#homecontent {margin: 30px 0 50px 0;}
#homesidebar {float: right;margin: 0 30px;width: 300px;}
#homesidebar .wela {font-size: 20px;font-weight: bold;}
#homesidebar .sublogo {float: left;height: 60px;margin: 20px 0;}
#homesidebar .sublogoarea {height:70px;margin:10px 0 48px;}
#homesidebar .bars {padding: 10px 0;border-top: 3px solid #000;border-bottom: 3px solid #000;text-align: center;}
#homesidebar .bars a {margin:0 1px;}
#homesidebar .sublogoarea .sublogol {margin: 20px 0 0;float: left;}
#homesidebar .sublogoarea .sublogor {margin: 20px 0 0;float: right;}
#homesidebar p {line-height:20px;margin:0 0 10px;padding:0 16px;text-align:center;}
#homesidebar ul {}
#homesidebar li {list-style: none;margin: 0 0 5px 0;}
#homesidebar ul li {margin: 0 0 5px 0;}

#normalsidebar {float:right;margin:20px 0;width:265px;}
#normalsidebar ul {}
#normalsidebar li {list-style: none;margin: 0 0 5px 0;}
#normalsidebar ul li {margin: 0 0 5px 0;}

#socialmedia {margin:0 auto 20px;width:125px;clear: both;}

li#upcoming-events ul li {margin: 0;}

.music {line-height: 30px;}
.music img {margin: 0 0 0 5px;}

.left, .alignleft {float: left;}
.right, .alignright {float: right;}
.center {margin: 0 auto;}
.clear {clear: both;}
.clearleft {height:10px;clear:left;}

.checker {height: 20px;margin: 10px 0;background: url(images/checker.png) repeat-x;}

#header {background:none repeat scroll 0 0 #D4E3A9;height:185px;margin:0 0 0 3px;width:950px;}
#logo {margin:10px auto;position:absolute;text-align:center;width:950px;}
.ie7 #logo{margin: 10px auto;position: relative;}
#logo a {}

#roatewrap {width:380px;margin:0;}
#rotator {height:380px;left:30px;overflow:hidden;padding:0;position:relative;width:575px;}

#address {font-size: 14px;}
#address ul {}
#address ul li {border-right:1px solid #D4E3A9;float:left;height:110px;list-style:none outside none;margin:0 auto;padding:0 10px;text-align:center;width:160px;}
#address p {font-size: 12px;}
#address .loc {font-size: 22px;}

#footer {min-height: 150px;}
#footercopy {border-top: 2px solid #ddd;margin: 0 auto;padding:30px 0;width: 920px;text-align: center;}
#footercopy img {float: left;margin: 0 20px 0 0;padding: 0 0 30px 0;}
#footercopy p {padding: 5px 0 0 0;}
#footercopy ul li {display: inline;margin: 0 10px 0 0;}
#footercopy ul li a:link, #footercopy a:link, #footer a:visited {text-decoration: none; }
#footercopy ul li a:hover, #footercopy a:hover, #footer a:visited:hover {text-decoration: underline; }

#nav {float:left;margin:150px 0 0 0;width:950px;z-index:-10;}
	.ie7 #nav {height: 50px;margin: 0;}
	.ie7 #nav ul li {display:inline;}
#nav ul {padding: 0;margin: 0 0 0 38px;}
	.ie7 #nav ul {margin: 0 0 0 25px;}
	.win.gecko #nav ul {padding: 0;margin: 0 0 0 20px;}
	.win.chrome #nav ul {padding: 0;margin: 0 0 0 25px;}
#nav ul li {display: inline-block;z-index: 100;border-left:3px solid #000;}
#nav ul li:first-child {border-left:none;}
#nav ul li a {line-height:25px;color:#221006;font-size:16px;font-weight:bold;letter-spacing:0.5px;margin:0 20px;padding:3px 0 0;text-decoration:none;text-transform:uppercase;}
#nav ul li a:visited {line-height:25px;color:#221006;font-size:16px;font-weight:bold;letter-spacing:0.5px;margin:0 20px;padding:3px 0 0;text-decoration:none;text-transform:uppercase;}
#nav ul li a:hover {border-top:2px solid #000;border-bottom:2px solid #000;text-decoration:none;}
#nav ul li a:visited:hover {text-decoration:none;}
#nav ul ul {visibility:hidden;padding: 15px 20px 5px;position:absolute;background: #D4E3A9;}
	.ie7 #nav ul ul {display:block;width:275px;}
#nav ul ul li {border:none;clear:left;list-style:none;display:block;float:left;}
	.ie7 #nav #nav ul ul li {list-style:none;display:inherit;float: left;clear: both;}
#nav ul ul li, #nav ul ul li a {float:none;margin: 8px 0;}
#nav ul ul li a:link {padding: 4px 3px 2px;width:150px;}
	.ie7 #nav ul li ul li {display:block;}
	.ie7 #nav ul ul li a:link {width: 200px;padding: 0 10px;margin: 0;}
	.ie7 #nav ul ul li a:hover {width: 200px;border-bottom: none;}
	.ie7 #nav ul li a:visited {padding: 0 20px;margin: 0;}
#nav ul ul li a:hover {padding: 4px 3px 2px;}
#nav ul ul#dropmenu0 {text-align:center;margin: -1px 0 0 -15px;z-index: 1000;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;}
#nav ul ul#dropmenu1 {text-align:center;margin: -1px 0 0 -74px;z-index: 1000;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;}
#nav ul ul#dropmenu2 {text-align:center;margin: -1px 0 0 -9px;z-index: 1000;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;}
#nav ul ul#dropmenu3 {text-align:center;margin: -1px 0 0 -45px;z-index: 1000;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;}
#nav ul ul#dropmenu4 {text-align:center;margin: -1px 0 0 -50px;z-index: 1000;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;}
#nav ul ul#dropmenu5 {text-align:center;margin: -1px 0 0 -52px;z-index: 1000;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;}

.intro {margin: 0 0 40px 0;}
.intro p {font-size:14px;font-style:italic;color: #146332;text-align: center;}

#contactform {padding:10px 20px 20px 20px;margin: 0 0 0 0;background:#D4E3A9;z-index: -10;}
#submit input {margin:20px 0 20px 0;line-height:32px;color:#fff;background: url(images/formbtn.png);width: 115px;height: 28px;border: none;}
div.wpcf7-response-output {float:right;position:absolute;margin:0 0 0 550px;padding: 0 1em;z-index: 10;}
div.wpcf7-mail-sent-ok {background: #86C52A;border:1px solid #1B8F00;color: #fff;line-height: 16px;}
div.wpcf7-validation-errors {background:#f7e700;border: 1px solid #f7e700;line-height: 16px;}
div.wpcf7-mail-sent-ng {border:1px solid #E1C800;}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

#container-1 {width: 581px;color: #d1c89f;margin: 30px 0 0 0;}
#container-1 p img {border: 2px solid #c7be8d;float: left;margin: 5px 10px 5px 5px;}
#container-1 h2 {color: #d1c89f;font-size: 14px;}
#container-1 .vmenu a {margin: 20px 0 0 0;padding: 15px 0 0 50px;height:46px;color: #d1c89f;font-size: 18px;display: block;background: url(images/menu.jpg) 0 0 no-repeat;}
#container-1 .vmap a {margin: 10px 0 0 0;padding: 15px 0 0 50px;height:46px;color: #d1c89f;font-size: 18px;display: block;background: url(images/address.jpg) 0 0 no-repeat;}
#container-1 h2 img {padding: 5px 10px 0 0;}
#container-1 p {margin: 0px;font-size: 12px;color: #d1c89f;text-align:left;font-style:none;font-weight: bold;}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    height:31px;
    padding: 0 0 0 0;
}
.ui-tabs-nav li {
    float: left;
    margin: 0 -33px 0 0;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #221006;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
    padding: 5px 0 0 0;
    width: 171px;
    height: 31px;
    background: url(images/btab.png) top left no-repeat;

}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #d1c89f;
    width: 171px;
    height: 31px;
    background: url(images/atab.png) top left no-repeat;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #231f20 url(images/tabfooter.jpg) bottom center no-repeat; /* declare background color for container to avoid distorted fonts in IE while fading */
	min-height: 235px;
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

#newsletter {margin:0 auto 20px;width:300px;}
#newsletter p {margin: 0 0 10px 0;}
#mc-embedded-subscribe {background: #D4E3A9;color: #000;border: none;padding: 2px 5px;float: left;}
#mc_embed_signup fieldset {width: 300px;}
#mce-EMAIL, .mce_inline_error {margin: 0 0 0 35px;}
.mc-field-group {float: left;margin: 0 10px 10px 0;}
.mc-field-group .mce_inline_error {}

.jcarousel-container {float: left;height: 500px;width: 500px;margin: 0 20px 0 0;}
.jcarousel-scroll {display: none;}
.carousel-controls-inner {height: 375px;overflow: hidden;}
.carousel-controls-inner a img {}
.gactive {display: block;}
.nactive {display: none;}
.firstgroup {float: left;width: 400px;}
.secondgroup {float: left;width: 400px;}

span.wpa_container {margin: 10px 0;}

			#gallery-1 {
				margin: auto;
			}
			#gallery-1 .gallery-item {
				float: left;
				margin-bottom: 10px;
				text-align: center;
				width: 95px;			}
			#gallery-1 .gallery-icon img {
				border: 5px solid #ccc;
			}
			.gallery-icon {
			width: 50px;}
			#gallery-1 .gallery-caption {
				margin-left: 0;
			}
.fullsize {width: 500px;float: left; }
.thumbs {width: 385px;float: right;}
.fullsize img {height:auto;max-height:400px;max-width:500px;
width:auto;border: none;}
.galleft img, .galright img {border: none;}
.ggroup {height: 400px;}