@font-face{
	font-family:'LatoRegular';
	src:url('../fonts/lato-reg/lato-reg-webfont.eot');
	src:url('../fonts/lato-reg/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/lato-reg/lato-reg-webfont.woff') format('woff'),
		url('../fonts/lato-reg/lato-reg-webfont.ttf') format('truetype'),
		url('../fonts/lato-reg/lato-reg-webfont.svg#LatoRegular') format('svg');
}
@font-face{
	font-family:'LatoBold';
	src:url('../fonts/lato-bold/lato-bol-webfont.eot');
	src:url('../fonts/lato-bold/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/lato-bold/lato-bol-webfont.woff') format('woff'),
		url('../fonts/lato-bold/lato-bol-webfont.ttf') format('truetype'),
		url('../fonts/lato-bold/lato-bol-webfont.svg#') format('svg');
}
@font-face{
	font-family:'BebasNeueRegular';
	src:url('../fonts/bebas-neue/bebasneue-webfont.eot');
	src:url('../fonts/bebas-neue/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/bebas-neue/bebasneue-webfont.woff') format('woff'),
		url('../fonts/bebas-neue/bebasneue-webfont.ttf') format('truetype'),
		url('../fonts/bebas-neue/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
}
@font-face {
	font-family: 'LatoLight';
	src: url('../fonts/lato-light/lato-lig-webfont.eot');
	src: url('../fonts/lato-light/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/lato-light/lato-lig-webfont.woff') format('woff'),
		 url('../fonts/lato-light/lato-lig-webfont.ttf') format('truetype'),
		 url('../fonts/lato-light/lato-lig-webfont.svg#LatoLight') format('svg');
}
body{
	margin:0;
	min-width:940px;
	font-family:LatoRegular, Arial, Helvetica, sans-serif;
	color:#fff;
	background:#1c1c1c;
	font-size:10px;
}
form,
fieldset{
	border:0;
	padding:0;
	margin:0;
}
img{
	display:block;
	border:0;
}
.wrap{
	width:100%;
	overflow:hidden;
}
#header{
	display:block;
	width:940px;
	padding:54px 0 0;
	margin:0 auto;
}
#header:after {
	content:"";
	display:block;
	clear:both;
}
#header .logo{
	float:left;
	width:230px;
}
#header .call-us{
	float:left;
	width:200px;
	font-size:120%;
	line-height:116%;
	margin:10px 0 0 44px;
}
#header .call-us b{
	display:block;
	font:175%/109.5% LatoBold, Arial, Helvetica, sans-serif;
	color:#f38e2f;
}
#header .social{
	margin:16px 0 0;
	padding:0;
	list-style:none;
	float:left;
}
#header .social li{
	float:left;
	margin:0 0 0 7px;
}
#header .social li a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
#header .social .twitter a{
	width:70px;
	height:23px;
	background:url(../images/icons.gif) no-repeat -47px -31px;
}
#header .social .facebook {
	width:100px;
	height:26px;
        overflow: hidden;
}
/*#header .social .facebook a{
	width:100px;
	height:26px;
	background:url(../images/icons.gif) no-repeat -47px 0;
}*/
#textchanger{
	float:left;
	border-left:1px solid #c0732b;
	padding:0 0 0 9px;
	margin:15px 0 0 9px;
}
#textchanger .caption{
	float:left;
	line-height:116%;
}
#textchanger .caption b{
	display:block;
	font-weight:normal;
	font-size:133%;
	line-height:112.5%;
}
#textchanger ul{
	margin:0 0 0 7px;
	padding:0;
	list-style:none;
	float:left;
}
#textchanger li{
	float:left;
	margin:0 0 0 2px;
}
#textchanger li:first-child{margin:0;}
#textchanger #reset{display:none;}
#textchanger #decrease a,
#textchanger #increase a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:23px;
	height:25px;
	background:url(../images/icons.gif) no-repeat -79px -59px;
}
#textchanger #increase a{background-position:-79px -84px;}
#header .search{
	float:right;
	width:171px;
	margin:15px 0 0;
}
#header .search input[type="search"],
#header .search input[type="text"]{
	float:left;
	width:134px;
	height:13px;
	border:none;
	padding:6px;
	background:#fff;
	font:italic 9px Georgia, 'Times New Roman', serif;
	color:#1c1c1c;
	outline:none;
	-webkit-appearance:none;
	box-sizing:content-box;
	border-radius:6px 0 0 6px;
	box-shadow:inset 2px 0 2px #ddd;
}
#header .search input::-webkit-input-placeholder{color:#1c1c1c;}
#header .search button{
	float:left;
	width:25px;
	height:25px;
	padding:0;
	border:none;
	cursor:pointer;
	text-indent:-9999px;
	overflow:hidden;
	background:#fff url(../images/icons.gif) no-repeat -47px -116px;
	border-radius:0 6px 6px 0;
	box-shadow:inset -2px 0 2px #ddd;
}
#header .search button:hover{background-position:-47px -141px;}
.main-nav{
	display:block;
	width:100%;
	margin:25px 0 0;
	z-index:100;
}
.main-nav:after{
	content:"";
	display:block;
	clear:both;
}
.main-nav ul{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	text-align:center;
	z-index:100;
}
.main-nav ul:after{
	content:"";
	display:block;
	clear:both;
}
.main-nav li{
	display:inline-block;
	font:12px/14px LatoBold, Arial, Helvetica, sans-serif;
	margin:0 0 0 14px;
	z-index:100;
}
* +html .main-nav li{display:inline;}
.main-nav li:first-child{margin:0;}
.main-nav li.drop{
	position:relative;
	height:37px;
	margin:-12px 0 -11px 12px;
}
.main-nav li a{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	padding:0 7px;
        text-transform: uppercase;
}
.main-nav li.active > a,
.main-nav li:hover > a{color:#f38e2f;}
.main-nav li.drop > a{
	line-height:36px;
	border:1px solid transparent;
	border-bottom:none;
	position:relative;
	z-index:1;
}
.main-nav li.drop:hover > a{
	border:1px solid #d7d7d7;
	border-bottom:none;
	background:#fff;
}
.main-nav li.drop .box{
	display:none;
	position:absolute;
	top:36px;
	left:-50%;
	border-bottom:5px solid #f18d2f;
	box-shadow:0 0 5px #868686;
}
.main-nav li.drop:hover .box{display:block;}
.main-nav li ul{
	width:362px;
	padding:9px;
	text-align:left;
	background:#fff;
	border:1px solid #b1b1b1;
}
.main-nav li ul.short{width:181px;}
.main-nav li li{
	margin:0;
	vertical-align:top;
	width:49%;
	line-height:21px;
}
.main-nav li ul.short li{width:100%;}
.main-nav li li a{
	width:90%;
	padding:0 5%;
	color:#f38e2f;
}
.main-nav li li a:hover{background:#e4e5e6;}
#main{
	width:940px;
	overflow:hidden;
	margin:42px auto 0;
}
#main.no-margin {
  margin-top:0;
}
.update{
	width:100%;
	overflow:hidden;
	background:#fff;
	border-top:1px solid #a4a4a4;
	border-bottom:1px solid #a4a4a4;
	border-radius:4px;
	margin:10px 0;
	height:28px !important;
}
.update h2{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	margin:0;
	font:190%/110.5% BebasNeueRegular, Arial, Helvetica, sans-serif;
	background:#09c7e9;
	padding:4px 12px;
	border-radius:4px;
	text-shadow:#068ca7 1px 1px 0;
	float:left;
}
.update ul {
  float:left;
	list-style-type:none;
	margin:0;
  padding:8px 15px;
	width:750px;
}
.update li {
	color:black;
	width:100%;
}
.update li a {
	width:100%;
}
* +html .update h2{
	float:left;
	padding:0 12px 9999px;
	margin:0 0 -9999px;
}
.update h2 a{
	color:#fff;
	text-decoration:none;
}
.update h2 + span{
	display:table-cell;
	vertical-align:middle;
	padding:0 0 0 20px;
	font-size:120%;
	line-height:175%;
}
* +html .update h2 + span{
	float:left;
	padding:4px 0 4px 20px;
}
.update .status{
	line-height:116.6%;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
}
.update a:hover{text-decoration:underline;}
#carousel{
	width:938px;
	height:222px;
	border:1px solid #161616;
	border-top:1px solid #4f4f4f;
	border-left:1px solid #676767;
	padding:30px 0;
	margin:0 0 10px;
	box-shadow:inset 1px 1px 1px #353535;
}
#carousel:after{
	content:"";
	display:block;
	clear:both;
}
#carousel .btn-prev,
#carousel .btn-next{
	float:left;
	width:42px;
	height:48px;
	background:url(../images/icons.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin:87px 0 0 -1px;
}
#carousel .btn-prev:hover{background-position:0 -48px;}
#carousel .btn-next{
	width:41px;
	background-position:0 -96px;
	margin:87px -1px 0 0;
}
#carousel .btn-next:hover{background-position:0 -144px;}
#carousel .carousel-inner{
	float:left;
	width:825px;
	overflow:hidden;
	margin:0 16px;
        position:relative;
}
#carousel .carousel-inner ul{
        width:99999px;
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	top:0;
	left:0;
}
#carousel .carousel-inner li{
	float:left;
	margin:0 0 0 10px;
	background:#bf5007 url(../images/carousel-slide.png) repeat-x;
	border-radius:4px;
}
#carousel .carousel-inner li:first-child{margin:0;}
#carousel .carousel-inner li a{
	display:block;
	width:130px;
	height:195px;
	overflow:hidden;
	padding:13px;
	border-top:1px solid #f4a472;
	border-left:1px solid #f4a472;
	border-radius:4px;
	box-shadow:inset 1px 1px 1px #e57e3b;
	background:url(../images/carousel-slide-inner.png) no-repeat 100% 100%;
	position:relative;
	color:#fff;
	text-decoration:none;
}
#carousel .carousel-inner li img{box-shadow:1px 1px 1px #ed8f52;}
#carousel .carousel-inner li .caption{
	width:130px;
	max-height:66px;
	padding:0 13px;
	overflow:hidden;
	position:absolute;
	bottom:13px;
	left:0;
	font:180%/122.2% LatoBold, Arial, Helvetica, sans-serif;
	text-shadow:#8b3d0a 1px 1px 0;
	word-wrap:break-word;
}
#carousel .carousel-inner li a:hover .caption{text-decoration:underline;}
.posts{
	float:left;
	width:638px;
	margin:-26px -26px 0 0;
}
.posts article{
	display:inline-block;
	vertical-align:top;
	width:293px;
	margin:26px 25px 0 0;
}
.posts article .img{
	display:block;
	width:291px;
	overflow:hidden;
	border:1px solid #f18d2f;
}
.posts article h3{
	margin:10px 0;
	font:170%/111.7% LatoBold, Arial, Helvetica, sans-serif;
}
.posts article h3 a{
	color:#fff;
	text-decoration:none;
}
.posts article p{
	margin:10px 0;
	font:120%/116.6% LatoBold, Arial, Helvetica, sans-serif;
	color:#fff;
}
.posts article .lnk-sep{
	font-size:100%;
	padding:0 0 0 16px;
	background:url(../images/bullet-circle-bronze.png) no-repeat 0 1px;
	color:#f38e2f;
	text-decoration:none;
}
.posts article a:hover{text-decoration:underline;}
.sidebar{
	float:right;
	width:300px;
}
.sidebar .categories{
	margin:0;
	padding:0;
	list-style:none;
}
.sidebar .categories li > a{
	display:block;
	overflow:hidden;
	font-size:170%;
	line-height:200%;
	border-top:1px solid #7b7d82;
	padding:0 14px;
	color:#fff;
	text-decoration:none;
	margin:0 0 4px;
	background-image:url(none.gif);
	background-image: linear-gradient(bottom, rgb(76,77,82) 13%, rgb(90,91,97) 57%, rgb(108,109,115) 79%);
	background-image: -o-linear-gradient(bottom, rgb(76,77,82) 13%, rgb(90,91,97) 57%, rgb(108,109,115) 79%);
	background-image: -moz-linear-gradient(bottom, rgb(76,77,82) 13%, rgb(90,91,97) 57%, rgb(108,109,115) 79%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.13, rgb(76,77,82)), color-stop(0.57, rgb(90,91,97)), color-stop(0.79, rgb(108,109,115)));
}
.sidebar .categories li.active > a,
.sidebar .categories li > a:hover{
	border-top:1px solid #ffc085;
	background-image:url(none.gif);
	background-image: linear-gradient(bottom, rgb(243,142,47) 13%, rgb(249,151,60) 57%, rgb(255,160,72) 79%);
	background-image: -o-linear-gradient(bottom, rgb(243,142,47) 13%, rgb(249,151,60) 57%, rgb(255,160,72) 79%);
	background-image: -moz-linear-gradient(bottom, rgb(243,142,47) 13%, rgb(249,151,60) 57%, rgb(255,160,72) 79%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.13, rgb(243,142,47)), color-stop(0.57, rgb(249,151,60)), color-stop(0.79, rgb(255,160,72)));
}
.sidebar .categories li .category-content{
	display:none;
	overflow:hidden;
}
.sidebar .categories li.active .category-content{display:block;}
.sidebar .categories li .category-content .text-wrap{
	overflow:hidden;
	padding:15px;
	color:#fff;
}
.sidebar .categories li .category-content h3{
	margin:0 0 10px;
	font-size:180%;
	line-height:111.1%;
}
.sidebar .categories li .category-content h3 a{
	color:#fff;
	text-decoration:none;
}
.sidebar .categories li .category-content h3 a:hover{text-decoration:underline;}
.sidebar .categories li .category-content p{
	margin:0;
	font-size:120%;
	line-height:116.6%;
}
.sidebar .categories li .video{
	width:300px;
	height:162px;
	overflow:hidden;
}
.sidebar .categories li .video iframe{
	width:300px;
	height:162px;
}
.sidebar .sign-up-holder{
	width:100%;
	overflow:hidden;
	margin:18px 0 0;
}
.sidebar .sign-up{
	display:block;
	width:100%;
	overflow:hidden;
}
.sidebar .sign-up legend{
	margin:0 0 5px;
	padding:0;
	font:220%/109% BebasNeueRegular, Arial, Helvetica, sans-serif;
	color:#fff;
}
* +html .sidebar .sign-up legend{margin:0 -7px 5px;}
.sidebar .sign-up .slogan{
	margin:5px 0 10px;
	min-height:30px;
	font:120%/116.6% LatoBold, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 26px 0 0;
	background:url(../images/sidebar-slogan.gif) no-repeat 100% 5px;
}
.sidebar .sign-up .string{
	float:left;
	width:215px;
	padding:8px 10px;
	background-image: linear-gradient(top, #fdfdfd, #a3a3a6);
	background-image: -o-linear-gradient(top, #fdfdfd, #a3a3a6);
	background-image: -moz-linear-gradient(top, #fdfdfd, #a3a3a6);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#a3a3a6));
	box-shadow:inset 5px 5px 5px #959598;
}
.sidebar .sign-up .string input{
	float:left;
	width:100%;
	height:14px;
	border:none;
	padding:0;
	background:none;
	outline:none;
	font:italic 12px Georgia, 'Times New Roman', serif;
	color:#1c1c1c;
}
.sidebar .sign-up .string input::-webkit-input-placeholder{color:#1c1c1c;}
.sidebar .sign-up button{
	float:left;
	width:55px;
	height:30px;
	padding:0;
	border:none;
	background:url(../images/icons.gif) no-repeat -72px -116px;
	font:12px LatoBold, Arial, Helvetica, sans-serif;
	color:#fff;
	cursor:pointer;
	box-shadow:inset 0 0 3px #f6a85f;
	text-shadow:#b66a24 1px 1px 0;
}
.sidebar .sign-up button:hover{background-position:-72px -146px;}
#footer{
	display:block;
	width:940px;
	overflow:hidden;
	margin:42px auto 0;
	border-top:1px solid #373737;
	padding:32px 0;
}
#footer > div{
	float:left;
	width:420px;
	padding:0 0 0 50px;
}
#footer > div:first-child{padding:0 25px 0 0;width:445px;}
#footer .logo{
	float:left;
	width:230px;
	margin:0 36px 0 0;
}
#footer .logo.cafe{width:69px;}
#footer .contacts{
	overflow:hidden;
	color:#fff;
}
#footer .contacts address{font:bold 100%/150% Helvetica, Arial, sans-serif;}
#footer .contacts h4{
	margin:7px 0 0;
	font:bold 100%/150% Helvetica, Arial, sans-serif;
}
#footer .contacts dl{
	margin:0;
	overflow:hidden;
	font:100%/150% Helvetica, Arial, sans-serif;
}
#footer .contacts dt{
	float:left;
	margin:0 5px 0 0;
}
#footer .contacts dd{
	margin:0;
	overflow:hidden;
}
#footer .contacts a{
	color:#f38e2f;
	text-decoration:none;
}
#footer .contacts a:hover{text-decoration:underline;}
#footer .contacts .social{
	margin:18px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
#footer .contacts .social li{
	float:left;
	margin:0 0 0 5px;
}
#footer .contacts.social li:first-child{margin:0;}
#footer .contacts .social li a{
	display:block;
	height:26px;
	width:26px;
	text-indent:-9999px;
	overflow:hidden;
}
#footer .contacts .social li.twitter a{background:url(../images/icons.gif) no-repeat -47px -59px;}
#footer .contacts .social li.facebook a{background:url(../images/icons.gif) no-repeat -47px -85px;}
.main-item{
	display:block;
	width:100%;
	overflow:hidden;
}
.main-item header{
	display:block;
	width:100%;
	overflow:hidden;
	margin:0 0 30px;
}
.main-item header img{border:1px solid #724a24;}
.main-item header h1{
	margin:30px 0 0;
	font-weight:normal;
	font-size:370%;
	line-height:110.8%;
	color:#fff;
}
.main-item header hgroup{
	display:block;
	overflow:hidden;
}
.main-item header hgroup h2{
	margin:0;
	font-weight:normal;
	font-size:170%;
	line-height:111.7%;
	color:#fff;
}
.main-item .content{
	display:block;
	overflow:hidden;
}
.main-item .content h2{
	margin:0 0 17px;
	font:220%/109% LatoLight, Arial, Helvetica, sans-serif;
	color:#2cc1e5;
}
.main-item .content p{
	margin:17px 0;
	font:140%/121.4% LatoBold, Arial, Helvetica, sans-serif;
	color:#fff;
}

.main-item .content li{
	font:140%/121.4% LatoBold, Arial, Helvetica, sans-serif;
	color:#fff;
}


.main-item .content p:first-child{margin:0 0 17px;}
.main-item .content p:last-child{margin:17px 0 0;}
.main-item .content p.last-child{margin:17px 0 0;}
.main-item .content p strong{font-weight:normal;}
.main-item .content .bronze{color:#f38e2f;}
.main-item .content .blue{color:#2cc1e5;}
.main-item .content a{
	font:140% LatoBold, Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}
.main-item .content a{
	font-size:100%;
	color:#F38E2F;
}
.main-item .content a:hover{text-decoration:underline;}
.main-item .content address{
	font:140%/121.4% LatoBold, Arial, Helvetica, sans-serif;
	color:#fff;
}
.main-item .content .scrollable{
	height:569px;
	overflow:auto;
	padding:0 35px 0 0;
	margin:17px 0 0;
}
.main-item .content .scrollable .scroll-content{width:643px !important;}
.main-item .content .scrollable .vscroll-line{
	background:#2b2b2b;
	width:6px !important;
	border-right:1px solid #292929;
}
.main-item .content .scrollable #scrollslider0{
	background:url(../images/scroll-slider.gif) repeat-y;
	position:relative;
}
.main-item .content .scrollable .scroll-bar-top,
.main-item .content .scrollable .scroll-bar-bottom{
	height:35px;
	background:url(../images/icons.gif) no-repeat -122px -31px;
}
.main-item .content .scrollable .scroll-bar-bottom{
	background-position:-122px -66px;
	width:7px;
	position:absolute;
	bottom:0;
	left:0;
}
.main-item .sidebar{
	float:right;
	width:216px;
	margin:0 0 0 46px;
}
.main-item .sidebar .side-nav{
	display:block;
	width:100%;
	overflow:hidden;
}
.main-item .sidebar .side-nav ul{
	margin:0;
	padding:0;
	list-style:none;
}
.main-item .sidebar .side-nav li{
	margin:1px 0 0;
	font:12px/15px LatoBold, Arial, Helvetica, sans-serif;
}
.main-item .sidebar .side-nav li:first-child{margin:0;}
.main-item .sidebar .side-nav li a{
	display:block;
	padding:8px 9px;
	background:#4a4a4a;
	color:#f38e2f;
	text-decoration:none;
	border-top:1px solid #2e2e2e;
	border-bottom:1px solid #383838;
}
.main-item .sidebar .side-nav li.active a,
.main-item .sidebar .side-nav li a:hover{
	background:#f38e2f;
	border-top:1px solid #724a24;
	border-bottom:1px solid #9d6027;
	color:#fff;
}
.main-item .sidebar .sign-up{margin:30px 0 0;}
.main-item .sidebar .sign-up legend{
	font-size:180%;
	line-height:111.1%;
}
.main-item .sidebar .sign-up .string{width:141px;}
.main-item .sidebar .sign-up .string input{font-size:10px;}
.main-item .content .post{
	display:block;
	width:100%;
	overflow:hidden;
	margin:17px 0 0;
}
.main-item .content .post .img{
	float:left;
	border:1px solid #885526;
	margin:0 35px 0 0;
}
.main-item .content .post .img.right{
	float:right;
	margin:0 0 0 35px;
}
.main-item .content .post .text-wrap{overflow:hidden;}
.main-item .content .post hgroup{
	display:block;
	overflow:hidden;
}
.main-item .content .post h3{
	margin:0;
	font:180%/111.1% LatoBold, Aril, Helvetica, sans-serif;
	color:#f38e2f;
}
.main-item .content .post h3 a{
	color:#f38e2f;
	text-decoration:none;
}
.main-item .content .post h3 a:hover{text-decoration:underline;}
.main-item .content .post hgroup h4{
	margin:0;
	font:140%/114.2% LatoBold, Aril, Helvetica, sans-serif;
	color:#fff;
}
.main-item .content .map{
	width:386px;
	height:258px;
	overflow:hidden;
	border:1px solid #6e4824;
}
.front-page-widgets-1 {
	overflow:hidden;
}
.front-page-widgets-1 .widget {
  float:left;
}
.front-page-widgets-2 .widget h3,
.front-page-widgets-1 .widget h3 {
  display:none;
}
.front-page-widgets-1 .widget_joh_shows_calendar {
  float:right;
}
.front-page-widgets-2 {
	clear:both;
	margin-top:15px;
}
.side-nav {
	border-top: 2px solid #F38E2F;
}
.side-nav .menu-item {
	display:none;
}
.side-nav .menu-whats-on-container .menu-item {
	display:block;
}
.side-nav .current-menu-item,
.side-nav .current-menu-item .menu-item,
.side-nav .current-menu-ancestor,
.side-nav .current-menu-ancestor .menu-item {
	display:block;
}
.side-nav .current-page-ancestor > a {
	display:none !important;
}
.show-sidebar {
  float:right;
	width:300px;
}
.widget_joh_event_details h3 {
	text-transform:uppercase;
	font:24px LatoLight, Arial, Helvetica, sans-serif;
	color:#2cc1e5;
}
.widget_joh_event_details ul {
  margin:0;
	padding:0;
}
.widget_joh_event_details li {
  text-transform:uppercase;
	list-style-type:none;
	font:20px LatoLight, Arial, Helvetica, sans-serif;
	padding:2px 0;
}
.widget_joh_event_details #show-more-dates {
	display:block;
	padding-top:15px;
  text-transform:uppercase;
	font:18px LatoLight, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#2cc1e5;
}
.widget_joh_event_details .booking-link {
	margin-top:15px;
	display:block;
	width:295px;
	height:42px;
	background:url(../images/purchase.png) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
}
.sidebar.left {
  float:left;
	padding:0 23px 0 0;
	margin:0 23px 0 0;
	width:240px;
	border-right:1px solid #373737;
}
table.joh_search_results {
  width:100%;
	font-size:14px;
	color:#F38E2F;
	border-spacing:4px;
	padding:20px 0 0 0;
}
table.joh_search_results th {
  color:#09c7e9;
	text-align:left;
	text-transform:uppercase;
}
table.joh_search_results img {
  float:left;
	margin-right:15px;
}
table.joh_search_results td {
	padding:5px 10px;
	vertical-align: middle;
  background-color:#313333;
}
table.joh_search_results td a {
	font-size:14px !important;
	color:#F38E2F !important;
	display:block;
  padding:7px 10px;
}
table.joh_search_results tr.odd td {
	background-color:#686868;
}
table.joh_search_results .bookingicon {
	display:block;
	width:66px;
	height:40px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/bookingicon.png) no-repeat 0 0;
}
table.joh_search_results .bookingtd {
  width:66px;
	height:40px;
	display:block;
	padding:0;
}
#joh_show_search_results {
  border-top:1px solid #F38E2F;
	padding-top:15px;
}
#joh_show_search_results .pages {
  float:right;
}
#joh_show_search_results .pages li {
	display:block;
  width:23px;
	height:23px;
	background:url(../images/pages.png) no-repeat -23px 0;
	float:left;
	margin-right:5px;
}
#joh_show_search_results .pages li.active {
  background-position:0 0;
}
#joh_show_search_results .pages li.active a {
  color:black;
}
#joh_show_search_results .pages li a {
	display:block;
  padding:5px 0;
	width:100%;
	text-align:center;
	font-size:10px;
	color:white;
}
#joh_show_search_results .genres {
	clear:right;
	margin:0;
	padding:20px 0;
}
#joh_show_search_results .genres li {
	float:left;
	list-style-type:none;
	margin-right:10px;
	font-size:14px;
}
#joh_show_search_results .genres li a {
	color:white;
}
.genres li div {
	float:left;
	background-color:white;
	background-image: url(../images/genres.png);
	background-repeat: no-repeat;
	background-position: -20px 0;
	width:10px;
	height:10px;
	margin:3px 8px;
}
.search-genre {
  width:10px;
	height:10px;
	background:white url(../images/genres.png) no-repeat -10px 0;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin:0 2px;
}
.odd .search-genre {
	background-position:0 0;
}
#joh_search_form {
  border:1px solid #F38E2F;
	padding:15px;
}
#joh_search_form label {
  text-transform:uppercase;
	color:#F38E2F;
	font-size:12px;
}
#joh_search_form input[type="text"] {
	margin:5px 0;
	padding:0 5px;
	width:198px;
  height:33px;
	border:0;
	background:url(../images/input.png) repeat-x 0 0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#joh_search_form input.joh_submit {
  width:192px;
	height:41px;
	background:url(../images/filterresults.png) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	outline:0;
	position:relative;
	top:16px;
	left:8px;
	cursor:pointer;
}
#joh_search_form ul {
  list-style-type:none;
	margin:10px 0;
	padding:0;
}
#joh_search_form li {
  display:block;
	float:left;
	width:50%;
	font-size:11px;
}
#genre-label {
  display:block;
	margin-top:10px;
}
.date-wrapper {
  padding-right:40px;
	background:url(../images/calendar.png) no-repeat right center;
}
.date-wrapper input {
  width:100% !important;
}
span.search-title {
  text-transform:uppercase;
	font-size:16px;
	color:white;
}
div.search-title {
  padding-bottom:5px;
	margin-bottom:10px;
	font-size:14px;
	border-bottom:1px solid #bbb;
	color:#bbb;
}
.main-item .content h2.team-name {
	text-transform:uppercase;
	font-weight:bold;
  color:#F38E2F;
	margin-bottom:0;
}
.team-person {
	clear:left;
	padding-top:35px;
}
.person-image {
	width:102px;
	height:102px;
	float:left;
	margin-right:25px;
}
.team-person img {
  border:1px solid #F38E2F;
}
.team-person h3 {
  font-size:16px;
	margin-top:0;
}
.person-details {
  float:left;
	width:500px;
}
.connect h3,
.how-to-book h3 {
  color:#F38E2F;
	font-size:16px;
	background:url(../images/bullet-circle-bronze.png) no-repeat 0 5px;
	padding-left:15px;
}
.connect h3 {
  background:none;
	padding:0;
}
.main-item .sidebar.wide{width:388px;}
.sidebar.connect h3 {
	text-transform:uppercase;
	font-size:20px;
  color:#2cc1e5;
	margin-bottom:0;
}
.sidebar.connect .widget {
  font-size:14px;
	border-bottom:1px solid gray;
	padding-bottom:15px;
}
.sidebar.connect fieldset.sign-up {
	margin:0;
}
.sidebar.connect .sign-up .string {
	width:261px;
}
.news-item {
  font-size:14px;
	clear:left;
	padding-top:20px;
}
.news-date {
  width:80px;
	float:left;
	font-weight:bold;
}
.news-day {
	font-size:30px;
}
.news-month {
	font-size:20px;
}
.news-item h3 {
  margin:0;
	color:#F38E2F;
}
.gallery-menu {
  list-style-type:none;
	text-transform:uppercase;
	margin:0;
	padding:0;
}
.gallery-menu li {
	float:left;
	padding:5px 10px;
}
.gallery {
	clear:left;
  padding:15px 0;
}
.gallery img {
  border:1px solid #F38E2F;
}
.gallery-canvas {
  width:380px;
	float:left;
	padding-right:15px;
	border-right:1px solid #F38E2F;
}
.gallery-thumbs {
	padding-left:15px;
  list-style-type:none;
	margin:0;
	float:left;
	width:260px;
}
.gallery-thumbs li {
  float:left;
	width:65px;
	height:65px;
}
.gallery-caption {
  margin-top:10px;
	border-top:2px solid #f38e2f;
	background-color:#4a4a4a;
	color:white;
	padding:15px;
}
.gallery-menu li a.active {
  color:white;
}
#sliding-thumbs {
  margin-top:15px;
  height:100px;
  overflow:hidden;
	color:white;
}
#sliding-thumbs img {
  height:70px;
	width:100px;
}
#sliding-thumbs .viewport {
  float:left;
  height:100px;
  width:580px;
  overflow:hidden;
  position:relative;
}
#sliding-thumbs .buttons {
  display:block;
  margin:32px 10px 0 0;
  float:left;
	width:27px;
	height:19px;
	overflow:hidden;
	text-indent:-999px;
	background:url(../images/left.png) no-repeat 0 0;
}
#sliding-thumbs .next {
  margin: 32px 0 0 10px; 
	background:url(../images/right.png) no-repeat 0 0;
}
#sliding-thumbs .disable {
  visibility:hidden;
}
#sliding-thumbs .overview {
  list-style:none;
  position:absolute;
  padding:0;
  margin:0;
  left:0;
  top:0;
}
#sliding-thumbs .overview li {
  float:left;
	margin-right:20px;
}
.sidebar a, .sidebar a:hover, .sidebar a:visited {
	color:#f38e2f;
	text-decoration:none;
}
.widget_joh_shows_social h2 {
  font-size:18px;
	color:#f38e2f;
	border-top:1px solid #f38e2f;
	padding-top:10px;
}
.widget_joh_shows_social .share {
	float:left;
	width:100px;
}
.calendar-marker.dance, 
.search-genre.dance, 
.genres .dance { background-color: #660066; }

.calendar-marker.amateur, 
.search-genre.amateur, 
.genres .amateur { background-color: #f15a22; }

.calendar-marker.ballet,
.search-genre.ballet,
.genres .ballet { background-color: #b2d235; }

.calendar-marker.children,
.search-genre.children,
.genres .children { background-color: #ed1164; }

.calendar-marker.classical-music,
.search-genre.classical-music,
.genres .classical-music { background-color: #25b34b; }

.calendar-marker.comedy,
.search-genre.comedy,
.genres .comedy { background-color: #db9fc8; }

.calendar-marker.concert,
.search-genre.concert,
.genres .concert { background-color: #fbb040; }

.calendar-marker.drama,
.search-genre.drama,
.genres .drama { background-color: #ed1c24; }

.calendar-marker.film,
.search-genre.film,
.genres .film { background-color: #c2b59b; }

.calendar-marker.jazz,
.search-genre.jazz,
.genres .jazz { background-color: #ab4a9c; }

.calendar-marker.musical,
.search-genre.musical,
.genres .musical { background-color: #00aeef; }

.calendar-marker.opera,
.search-genre.opera,
.genres .opera { background-color: #99ffcc; }

.calendar-marker.popular-music,
.search-genre.popular-music,
.genres .popular-music { background-color: #fff200; }

.calendar-marker.specialist,
.search-genre.specialist,
.genres .specialist { background-color: #999999; }

.calendar-marker.music,
.search-genre.music,
.genres .music { background-color: #bf0f07; }

.calendar-marker.poetry,
.search-genre.poetry,
.genres .poetry { background-color: #472007; }

.calendar-marker.audience-with,
.search-genre.audience-with,
.genres .audience-with { background-color: #0263b9; }

.calendar-marker.theatre,
.search-genre.theatre,
.genres .theatre { background-color: #1b3acb; }

.calendar-marker.circus,
.search-genre.circus,
.genres .circus { background-color: #750b8b; }

.calendar-marker.concert,
.search-genre.concert,
.genres .concert { background-color: #253712; }

.search-genre.featured {display:none;}

ul.image-rotator {
  width:940px;
	height:312px;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
}
ul.image-rotator li {
  position:absolute;
	top:0;
	left:0;
}
#main .content strong {
  color:#f38e2f;
}
.main-item .content .capacity{
	width:392px;
	margin:17px 0 0;
}
.main-item .content .capacity th{
	background:#f4932f;
	font:140%/114.2% LatoBold, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:5px;
	text-align:left;
}
.main-item .content .capacity td{
	font-size:140%;
	line-height:114.2%;
	color:#5a5758;
	padding:5px;
	border-top:1px solid #231f20;
	border-left:1px solid #231f20;
	background:#fff;
	width:59px;
}
.main-item .content .capacity td:first-child {
	border-left:none;
	width:312px;
}
.main-item .content .capacity .even td{background:#d1d2d4;}
.main-item .content .capacity .total td{
	font-family:LatoBold, Arial, Helvetica, sans-serif;
	color:#f4932f;
	background:#58585a;
}

#scrollbar1 { width: 678px; clear: both; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 658px; height: 400px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb { background-color: #F38E2F; border-radius:5px; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar1 .track { background-color: #1c1c1c; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar1 .disable{ display: none; }
