body
{ 
background: #fff;
background-image: url("");
background-attachment: fixed;
font-family: Source Sans Pro, Arial, Helvetica, Verdana;
color: #000; 
margin:0;
padding:0; 
font-size: 16px;
font-weight: 200;
}

:link { color: #669999; text-decoration: none;  }
:visited { color: #669999; text-decoration: none;  } 
a:active { color: #000033; text-decoration: none;  } 
a:hover { color: #000033; text-decoration: none;  } 


html {-webkit-text-size-adjust: none;}



/************************************************************************************
STRUCTURE
*************************************************************************************/


	#page-wrap {
	width: 1140px;
	margin: 0 auto;
	background-color: #fff;
	
}


	#page {
	width: 1070px;
	margin: 0 auto;
	overflow: hidden;
	

	
}
	
	#content {
	float: left; 
	width: 720px;

}

	


/************************************************************************************
HEADER
*************************************************************************************/
	
	#header {
		margin: 0 auto;
	width: 100%;
	background-color: #ffffff;
	z-index: 9999999999;
}


		#header-content {
		margin: 0 auto;
	width: 1070px;
	
}


	nav {
		display: none;
	}

	img.site-logo {
	float: left; 
	margin: 0px 0px 2px 0px;
	width: 200px;
}

	
	form { 
	 }
	
	#buttons {
		float: left;
		display: inline-block;
	}
	
	.search-input {
		width: 20px;
		margin-top: 6px;
	}
	
	.mobile-form {
	float: right;
	margin-right: 0px;
		display: inline-block;
padding: 0; margin: 0;
}
	#social {
	margin-right: 0px;
	margin-top: 3px;
	float: right; 
	text-align: left;
	width: 300px;
	}
	
	#social-mobile {
	display:none;
	
	}


	#nav-bar {
	clear: both; width: 100%;
	margin: 0 auto; 
	background: #ffffff;
	padding: 0px 0px 10px 0px;
	border-top: 1px solid #78cabd;
	border-bottom: 1px solid #78cabd;
	margin-bottom: 20px;
	overflow: hidden;
	
	}
	
	#nav-text {
	margin: 10px 0 0 10px;
	display: inline-block;
	}
	
	
	#nav-content {
		margin: 0 auto;
	width: 1070px;
	}
	
	
	.nav-mobile-gap {
		display: none;
	}
	
	
		img.leaderboard {
	 width: 728px;
	 height: 90px;
	 float: right;
	 margin: 25px 0px 0px 0px;
	}

/************************************************************************************
SIDEBAR
*************************************************************************************/

	#sidebar {
	width: 300px;
	margin: 0px 0px 50px 0px;
	padding: 15px 0 40px 0;
	overflow: hidden;
	float: right;
}

	
	
	#now {
	background-color: #fff;
	overflow: hidden;
	vertical-align: middle;

}

	#next {
	background-color: #eee;
	overflow: hidden;
	vertical-align: middle;
	border-top: 0px solid #330000;

}	
	
	#now-info {
	float: left;
	width: 120px;
	overflow: hidden;
	
}	

	img.now-next { 
	float: right;
	margin-left: 10px;
	width: 160px;
}

	img.now-next:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
	
	#mailout {
	background-color: #eee;
	padding-top: 10px;
	}
	
		
	
	.widget {
	margin: 0;
	padding: 0;
	width: 290px;
}

	.mpu-ad {
	width: 290px;
	height: 100%;
	margin-bottom: 30px;
}

/************************************************************************************
HOME
*************************************************************************************/


	#carousel {
	margin-bottom: 30px;
}

	


	#block-mobile {
	display: none;
}	


	

	#block-next {
	width: 410px;
	overflow: hidden;
	float: left;
	
 }	



		img.flyer-next {
	width: 180px;
	margin-right: 15px;
	float: left;
}

	img.flyer-next:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
	
	


	img.flyers-pic {
	width: 160px;
	margin-bottom: 35px;
}

	img.flyers-pic:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
	
	
	img.next-show {
	width: 180px;
	height: 110px;
	float: left;
	margin-right: 15px;
}


		#block-out-now {
	width: 170px;
	overflow: hidden;
	float: right;
}	


			.block-out-now-release {
	width: 100%;
	overflow: hidden;
	float: none;
	background-color: #f5f4f4;
	margin-bottom: 25px;
	padding-bottom: 10px;
}	

	.block-out-now-gap {
	width: 100%;
	height: 10px;
	overflow: hidden;	
	}
	
	img.out-now {
	width: 170px;
	height: 170px;
	float: left;
	margin: 0px 0px 10px 0px;
}
	img.out-now:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
	

/************************************************************************************
CLUB
*************************************************************************************/

.event {
	clear: both;
	margin: 20px 0 45px 0;
	padding: 0px;
	overflow: hidden;
	background-color: #f9f9f9;
	border-radius: 10px;
	border: 1px solid #dddddd;
}

.event-info {
	width: calc(100% - 245px);
	float: left;
	margin-left: 20px;
	padding: 20px 0 15px 0;
}
	.club-no-flyer-home {
		width: 200px;
		overflow: hidden;
		height: 281px;
		background-color: #000033;
		text-align: center;
				background-image: url("/grfx/stuff/flyer-logo-bg.png");
background-size: 75px 75px;
background-repeat: no-repeat;
margin-bottom: 10px;
	float: left;
	margin-right: 15px;
	display: none;
	
	}
	
	
	
	
	.club-no-flyer {
		width: 200px;
		overflow: hidden;
		height: 281px;
		background-color: #000033;
		text-align: center;
				background-image: url("/grfx/stuff/flyer-logo-bg.png");
background-size: 75px 75px;

background-repeat: no-repeat;
margin-bottom: 10px;
	}
	
	.club-no-flyer-wide {
		display: none;
		float: right;
		width: 200px;
		overflow: hidden;
		height: 281px;
		background-color: #000033;
		text-align: center;
				background-image: url("/grfx/stuff/flyer-logo-bg.png");
background-size: 75px 75px;
background-repeat: no-repeat;
margin-bottom: 10px; margin-left: 25px;
	}


.club-no-flyer-text {
		width: calc(100%-10px);
		padding: 5px;
		margin-top: 75px;
		overflow: hidden;

	}


#ticket-box {
	float: right;
	overflow: hidden;
	display: inline-block;
}

.giglist-block-wide {
float: none;
		width: 100%;
		overflow: hidden;
		margin-bottom: 15px;
		
	}
	
	
	
		.giglist-block {
		float: left;
		width: 200px;
		overflow: hidden;
		margin-bottom: 15px;
		background-color: #f5f4f4;
		
	}
		.giglist-block-info {
		width: calc(100%-10px);
		overflow: hidden;
		padding: 0 5px 10px 5px;
	}
	
	.giglist-gap {
		background-color: #fff;
		width: 20px;
		height: 150px;
		overflow: hidden;
		float: left;
	}
	
	img.flyer {
	width: 200px;
	margin-bottom: 10px;
}

	img.flyer:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


img.flyer-wide {
	float: right;
	width: 210px;
	margin-left: 15px;
}

	img.flyer-wide:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


img.radio {
	float: right;
	width: 210px;
	margin-left: 15px;
}

	img.radio:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
	
	
	
	.gig-icon {
		float: right; 
	}
	
	img.gig-icon:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

	.flyers-icon {
		float: right; 
		margin-left: 10px;
		width: 60px;
	}
	
	img.flyers-icon:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


	
	.listings {
		width: 100%;
		overflow: hidden;
	}
	
	.listings-info {
		width: 400px;
		margin-bottom: 15px;
		float: right;
		overflow: hidden;
	}
	
	img.listings-pic {
		width: 215px;
		height: 120px;
		float: left;
		margin-right: 15px;
	}
	
	
	.listings-gap {
		clear: both;
		height: 1px;
		background: #eee;
		margin: 15px 0px;
	}
	
	.listings-block-gap {
		clear: both;
		height: 12px;
		background-image: url("/grfx/stuff/dots-header.png");
		margin: 25px 0px;
	}
	
	.listings-box {
		width: 50px;
		border: 1px solid black;
		float: left;
		margin-right: 15px;
		text-align: center;
		font-size: 13px;
	}	
	
	.listings-date {
		padding: 3px;
	}
	
	.listings-month {
		padding: 3px;
		background: #000;
		color: #fff;
	}	
	
	
	img.featured-act {
		width: 720px;
		height: 405px;
		margin-bottom: 20px;
		margin-top: 0px;
		float: none;
	}
	
	img.venue-pic {
		width: 200px;
		height: 200px;
		margin-bottom: 10px;
		margin-left: 15px;
		float: right;
	}
	
	img.promoter-pic {
		width: 200px;
		margin-bottom: 10px;
		margin-left: 25px;
		float: right;
	}
	
	img.flyer-big {
		width: 225px;
		margin-left: 25px;
		float: right;
	}
	
	img.flyer-gig-pic:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	}



	img.listings-band-pic {
		float: right;
		margin-left: 25px;
		width: 225px;
		height: 127px;
	}
	img.listings-band-pic:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	}

	
/************************************************************************************
RELEASES
*************************************************************************************/
	
	.release {
		float: left;
		width: 210px;
		overflow: hidden;
	}
	
	.release-text {
		
		overflow: hidden;
	}
	
	img.release-pic {
		width: 100%;
		margin-bottom: 10px;
		opacity: 1;
	filter: alpha(opacity=100);
	}
	
	img.release-pic:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	}

	.releases-gap {
		clear: both;

		height: 1px;
		background: #fff;
		margin: 50px 0px;
	}


.dave-gap {
	clear: both;
	width: 100%;
	height: 60px;
}

	.release-gap {
		width: 45px;
		height: 80px;
		float: left;
	}


	#concept {
		padding: 0px 20px 30px 20px;
		border-left: 1px solid #dddddd;
		border-right: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
	}
	
	img.featured-release {
		width: 300px;
		height: 300px;
		margin-bottom: 20px;
		margin-left: 40px;
		float: right;
	}
	
	
	img.artist-out-now {
	width: 170px;
	height: 170px;
	float: right;
	margin: 0px 0px 10px 25px;
}
	img.artist-out-now:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

	
/************************************************************************************
NEWS & VIDEOS
*************************************************************************************/

	
	.news-block {
		float: left;
		width: 340px;
		overflow: hidden;
		margin-bottom: 15px;
		
	}
	
	.news-gap {
		width: 40px;
		height: 150px;
		overflow: hidden;
		float: left;
	}
	
	img.news-pic {
		width: 340px;
		height: 191px;
		
		margin-bottom: 10px;
	}
	img.news-pic:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	}
	
.highlights-box {
	float: left;
	width: 300px;
	background: #eee;
	overflow: hidden;
}	

	.background-pic-highlights {
	background-size: 300px 169px;
}

	.show-info {
	padding: 5px 8px;
}	

	.show-gap {
	width: 40px;
	float: left;
	height: 190px;
}

	.show-gap-strip {
	width: 100%;
	float: none;
	clear: both;
	height: 30px;
}


	
/************************************************************************************
FOOTER
*************************************************************************************/
	#footer {
	background: #fff;
	width: calc(100%-60px);
	margin: 0 auto;
	padding: 45px 30px 60px 30px;
	margin-top: 160px;
	text-align: center;
	overflow: hidden;
	background-color: #333333;
	border-top: 2px solid #009999;
}


	
img.footer-button {
	width: 30px;
	margin: 0 15px;
	opacity: 1;
	filter: alpha(opacity=100);
}

	img.footer-button:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	}	
	
	
	
/************************************************************************************
PRINT FLYERS
*************************************************************************************/

.print-flyers { 
	padding: 0px;
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	background-color: #a1e8dd;
	border: 2px solid #000033;
	font-size: 18px;
	border-radius: 15px;
	font-family: Heebo,Source Sans Pro, Arial, Helvetica, Verdana;
	font-weight: 700;
	color: #666666;
}
img.print-flyers-logo {
	width: 200px;
	float: left;
	margin: 0px 20px 0px 0px;
	
}

.print-flyers-info { 
	width: calc(100% - 230px);
	float: left;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px 0 0 0;
	
}

.flyer-headline {
	font-size: 24px;
		color: #000033;

}

/************************************************************************************
SHARED
*************************************************************************************/

	.mobile-nav-gap  { display: none;
}


	
		.dots-header {
		clear: both;
	background-image: url("/grfx/stuff/dots-header.png");
	height: 26px;
	margin-bottom: 10px;
		
}
	
	#heading {
		clear: both;
	background-image: url("/grfx/stuff/dots-header.png");
	height: 26px;
		
}

	.social-network {
	float: right;
	margin: 0px 0px 0px 30px;
	text-align: right;
	overflow: hidden;
	display: inline-block;
	
	}
	
	#block {
	overflow: hidden;
	margin-bottom: 50px;
	text-align: left;
	padding-top: 10px;
}

	#block-artist {
	clear: both;
	overflow: hidden;
	text-align: left;
}


	#block-content {
	background: #fff;
	border: 5px solid #eee;
	padding: 20px 25px;
	overflow: hidden;
	
}
	
	#block-box {
	background: #fff;
	padding: 15px 20px;
	overflow: hidden;
}

	

	#block-strips {
	background: #fff;
	border: 5px solid #eee;
	padding: 15px;
	overflow: hidden;
}

	#block-about {
	float: left;
	width: 300px;
	overflow: hidden;
}

	.block-widgets {
	width: 100%;
	margin: 0px 0px 60px 0px;
}


	.orange_underline
{
	width: 100%;
	height: 2px;
	background-color:#c14405;
	margin: 5px 0px 10px 0px;
}

.grey_underline
{
	width: 100%;
	height: 2px;
	background-color:#666666;
	margin: 5px 0px 10px 0px;

	
}


.grey-divider
{
	clear: both;
	width: 100%;
	height: 1px;
	background-color:#eeeeee;
	margin-bottom: 10px;
		margin-top: 10px;

	
}

.grey-divider-club
{
	clear: both;
	width: 100%;
	height: 1px;
	background-color:#eeeeee;
	margin-bottom: 20px;
		margin-top: 25px;

	
}
.grey-divider-releases
{
	clear: both;
	width: 100%;
	height: 1px;
	background-color:#eeeeee;
	margin: 30px 0px 40px 0;
overflow: hidden;
	
}

#header-bar {
	background: url(../grfx/stuff/button_bg.gif);
}

	#sub-menu {
	background: #eee;
	overflow: hidden;
	
}

	.pick-week-box {
	float: left;
	width: 210px;
	background: #fff;
	overflow: hidden;
}	

	.pick-week-info {
	padding: 5px 5px 0px 0px;
}	

	.pick-week-gap {
	width: 5px;
	float: left;
	height: 180px;
}

		img.pick-week {
	width: 210px;
	height: 118px;
}

	
	.upcoming-movies-box {
	float: left;
	width: 210px;
	background: #000;
	height: 210px;
	overflow: hidden;
}	

	.upcoming-movies-gap {
	width: 5px;
	background: #660000;
	float: left;
	height: 210px;
}


	

	
	.background-pic {
	height: 360px;
	position: relative;
}
	
	
	#block-program {
}

	#block-program-mobile {
	display: none;
}

	.program-title-box { 
	margin: 0px 0px 0px 10px;
	background: #220000;
	padding: 5px 10px;
	display: inline-block;
	position: absolute;
	bottom: 10px;
}

	.program-title-box-mobile { 
	display: none;
}

	.background-pic-highlights {
	background-size: 300px 169px;
}

	.season-box { 
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 0px 0px;
	background: #220000;
}







/************************************************************************************
EXTRA FORMATTING
*************************************************************************************/


	#team {
	float: left;
	width: calc(100% - 240px);
}	
	
	.gallery-left {
	float: left;
	width: 310px;
}

	.gallery-right {
	float: right;
	width: 310px;

}


	img.gallery-pic {
		width: 100%;
		margin-bottom: 5px;
	}
	
	.clearfix {
	clear: both;
}

	.nav-gap {
		clear: both;
		height: 1px;
	margin: 3px 0 3px 0;
	  border-bottom: 1px solid #005555;
	  opacity: 0.2;
	}
	.gap {
	clear: both;
	height: 45px;
}

	.gap-medium {
	clear: both;
	height: 30px;
}

	.gap-big {
	height: 60px;
		clear: both;
}

		.gap-bigger {
	height: 80px;
		clear: both;
}
	.gap_top {
	padding-top: 40px;

}	
	.gap-small {
clear: both;
height: 10px;
}	
	
	.gap-smaller {
height: 10px;
}	

	.gap-tiny {
height: 5px;
}	

	.thin-divider {
	clear: both;
height: 1px;
background-color: #dddddd;
margin-top: 10px;
margin-bottom: 10px;

	}
	
		.dots-divider {
height: 1px;
	background-image: url('/grfx/stuff/dots_blog.gif');
margin-top: 5px;
margin-bottom: 5px;

}

	#follow-buttons {
float:right;
margin-left: 15px;
margin-bottom: 5px;
display: inline-block;
overflow: hidden;
}

#follow-buttons-horizontal {
display: inline-block;
padding: 5px;
vertical-align: middle;

}
	.google-button { position: relative; 
top:7px;
margin-left: 5px;
 }


.spotify-box {
	width: 320px;
	overflow: hidden;
	margin: 30px 0 20px 0;
	float: left;
}


/************************************************************************************
IMGS
*************************************************************************************/

	img {  
	border-style: none;
	vertical-align: middle;
}

	img.opacity {
	opacity: 1;
	filter: alpha(opacity=100);
	}
 
	img.opacity:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	}
	
img.order {
	height: 30px;
	float: left;
	margin: 10px 0px 0px 0px;
}
	
img.order:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	}	
	
	
img.order-small {
	height: 30px;
	float: left;
	margin: 10px 0px 0px 0px;
}
	
img.order-small:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	}	
	
	
img.apple-listen {
	height: 40px;
	float: left;
	margin: 0px 15px 5px 0px;
}

img.apple-listen:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	}	
	
		img.mpu {
	 width: 100%;
	}
	
	
	
	img.arts {
		width: 420px;
		max-width: 100%;
		margin: 20px 0 30px 0;
	}
	
	
	img.arrow {
	width: 20px;
	margin: 10px 10px 5px 0;
	opacity: 1;
	filter: alpha(opacity=100);
}

img.arrow:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	}	
	
	
	img.arrow-calendar {
	width: 20px;
	margin: 10px;
	opacity: 1;
	filter: alpha(opacity=100);
}

img.arrow-calendar:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	}	

img.social-button {
	width: 25px;
	margin: 5px 18px 0 0;
	opacity: 1;
	filter: alpha(opacity=100);
}

	img.social-button:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	}	
	
	
img.social-artist {
	width: 25px;
	margin: 0px 0px 0 12px;
	opacity: 1;
	filter: alpha(opacity=100);
}

	img.social-artist:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	}	
	
img.social-gig {
	width: 22px;
	float: left;
	margin: 10px 10px 10px 0px;
	opacity: 1;
	filter: alpha(opacity=100);
}

	img.social-gig:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	}		
	
	
	img.social-button-nav {
	width: 25px;
	margin: 5px 0px 0 10px;
	opacity: 1;
	filter: alpha(opacity=100);
}

	img.social-button-nav:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	}
	
	
	img.info-bands-pic {
	height: 110px;
	width: 195px;
	margin-bottom: 30px;
	margin-left: 5px;
}

	img.info-bands-pic:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	}

	img.team-pic {
	margin-bottom: 25px;
	margin-right: 15px;
	float: left;
}


img.social-icons {
	width: 28px;
	margin-right: 5px;
	margin-top: 5px;
	opacity: 1;
	filter: alpha(opacity=100);
}

	img.social-icons:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	}	
	
	img.featured-pic {
		width: 640px;
		height: 360px;
		margin-bottom: 10px;
	}
	
	img.food-pic {
		float: right;
		width: 340px;
		margin: 0px 0px 20px 20px;
	}
	

	img.show {
	width: 300px;
}

	img.movie-icon {
	float: right;
	margin: 0px 0px 5px 10px;
}

	img.competition {
	float: right;
	margin: 0px 0px 10px 10px;
	
	
}

	img.competition-home {
	float: right;
	width: 45%;
	margin: 0px 0px 15px 20px;
}


img.competition-thumb {
	float: left;
	width: 160px;
	margin-right: 15px;
}

	img.sky {
	margin: 20px 0px 10px 35px;
	float: right;
}

	img.channel-guide {
	float: right;
	margin-top: 5px;
}
	
	.pad_right {
	margin-left: 10px;
	margin-bottom: 10px;
}
	

	.location_uk {
	color:#333;
}

	.lightbox-gallery { 
	background-color:#cc0000;
	float:left;
	margin: 5px 15px 10px 0px;
	padding:3px;
	-moz-border-radius: 10px;
	-webkit- border-radius: 3px;
	border-radius: 3px;
}

	.lightbox-pic { 
	height:140px;
	vertical-align: middle;
}
	
	img.lightbox-pic:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}



/************************************************************************************
VIDEO
*************************************************************************************/


		.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/************************************************************************************
FOLLOW BUTTONS
*************************************************************************************/


	#follow-buttons {
float:right;
margin-left: 15px;
margin-bottom: 5px;

}
.gap-share {
		clear: both;
height: 5px;
}

.fb-share-button {margin: 0; padding: 0; display: inline-block; vertical-align: top !important;}
.twitter-share-button {margin: 0;padding: 0; display: inline-block;vertical-align: top;}