/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, 
blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}

html { 
	overflow-x:hidden !important;
} 
body{ 
	font-family:arial;
	line-height: 1; 
	overflow-y:hidden; 
	overflow-x:hidden;
	background: #000000;
}

section, footer {width:100%; float:left;}
.inner {width: 995px; margin:0 auto;position:relative;}

.inner-wrapper{
	width:100%;
	position:relative;
	float:left;
}

/*** LOADER ***/
.loader {background: url(images/loading-mdh.jpg) center 65px no-repeat #000;background-size: 265px 208px;width:100%; height:10000px; position:fixed; top: 0; left: 0; z-index:1000;}
.loader .loader-inner {width:100%; height: 200px; color: #fff; background: url(images/loader.gif) center center no-repeat;text-align: center;
text-transform: uppercase;
line-height: 350px; margin-top:20%;}

/* header */

.header {
	background: url(images/top-bg.jpg) center top no-repeat;
	border-bottom: 20px solid #454545;
	padding-bottom: 45px;
}

.header__logo{
	width: 290px;
	height: 285px;
	background: url(images/logo.png) center 0 no-repeat;
	z-index: 50;
	margin: 50px auto 0 60px;
	position: relative;
}

.header__logo__text {
	text-indent: -9999px;
}

/** slider **/

.banner__inner{
	width: 960px;
	height: 400px;
	margin: 85px auto 60px auto;
	position: relative;
	z-index: 20;
}

.banner__inner .rotating-banner { width:960px;height:400px; margin: 0 auto; }

/* social - header */

.social {position: relative; z-index: 30;}
.header__social {margin: 12px auto; text-align:center;}
.header__social__list {display:inline-block;margin:0 auto;list-style:none;}
.header__social__item {float:left; margin:0 2px 0 0; padding:0; display:block;width:164px; height:85px;background:url(images/social-sprites.png) top left no-repeat; /*transition: opacity .2s; -webkit-transition: opacity .2s; opacity: .9;*/}
.header__social__item:last-child {margin-right:0;}
.header__social__link {display:block;width:inherit;height:inherit;text-indent:-9999px;}
.header__social__item--instagram {background-position: -166px 0; }
.header__social__item--twitter {background-position: -332px 0;}
.header__social__item--mixcloud {background-position: -498px 0;}
.header__social__item--youtube {background-position: -664px 0;}
.header__social__item--email {background-position: -830px 0;}

/* intro */

.intro {
	background: url(images/biography-bg.jpg) center top no-repeat #d20000;
	border-bottom: 20px solid #454545;
}

.header__intro {width: 780px; margin: 440px auto 20px auto; position: relative; z-index: 30;}

.header__intro p {font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 16px; line-height:23px; text-size-adjust:100%; color: #ffffff; text-align:justify; padding: 0; }

/* social widgets */

.social-widgets { background: url(images/music-bg.jpg) center top no-repeat #000; padding: 195px 0 50px 0; border-bottom: 20px solid #454545; }

.social-widgets__single {
	float: left;
	width: 490px;
	margin: 0 3px;
}

/* video */

.videos { 
	background: url(images/videos-bg.jpg) center center no-repeat #ffffff; 
	padding: 300px 0 50px 0;
	border-bottom: 20px solid #454545;
}

.videos__single {
	width: 785px;
	margin: 0 auto;
}

/** flyers **/

.events { }

.latest-events__flyers {
	margin: 20px auto 0 0;
	padding: 0;
	width:100%;
	text-align:center;
}

.latest-events__flyers__container {
	display:inline-block;
}

.latest-events__flyers__single {
	float:left;
	margin-right: 2.5px;
}

.latest-events__flyers__single:nth-child(3n) {
	margin-right: 0;
}

/*** title bars ***/

.title-bar {width: 100%; height: 28px; padding: 13px 0; background: url(images/title-sprites.png) center top no-repeat #751226; text-indent: -9999px; }
.title-bar--upcoming-events { background-position: center -53px; }
.title-bar--mixcloud { background-position: center -195px; }
.title-bar--instagram { background-position: center -344px; }
.title-bar--videos { background-position: center -344px; }

/*** BANDS IN TOWN ***/

.bandsintown {
	margin-top: 45px;
	margin-bottom: 45px;
}

#bit-widget-0 {
	background:rgba(31,31,31,.8);
	width: 965px;
	margin: 10px auto;
}
#bit-events {
	width: auto !important;
}
#bit-events table {border-bottom: none !important;}
#bit-events tr.bit-header a, #bit-events tr.bit-header-narrow a {color: #737271 !important;}
.bit-header-narrow {background-color: #3b3a39 !important;}
.bit-header-links {color: #ad0202 !important;}
.bit-track-artist-header{background-color:#3a3938 !important; display:none !important;}
#bit-events tr.bit-bottom {background: #000000;}
#bit-events tr.bit-bottom td {padding: 0; height: auto;}
#bit-events tr.bit-bottom td a {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	color: #b2b2b2;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 19px;
	letter-spacing: 5px;
	padding: 15px 0;
}
#bit-events tr[data-bit-event-id] td{height:80px!important;}
#bit-events td {color: #737271;}
#bit-events td .bit-uiButtonDefault {background-image: none !important; background-color: #3b3a39 !important; border: none !important; box-shadow: none !important;}
#bit-events td .bit-uiButtonDefault a{font-size: 20px; padding: 0px 0px 0px 0px; color: #b2b2b2 !important; letter-spacing: 5px;} 
#bit-events td .bit-uiButton {padding: 10px 15px !important;}
.bit-header-overflow-fix {
	padding: 8px;
}
td.bit-date {width: 60px !important;}
.bit-concert{text-align:center;}
#bit-events[data-bit-widget-id='1414157579168'] a {color: #32cd32 !important;}
#bit-events a.bit-event-description-link{background-color:#32cd32 !important;}
a.bit-events-nav{color: #32cd32 !important; text-decoration:none;}
#bit-events .bit-share-text{display:none}
#bit-events .bit-fb-share {background:url(images/bandsintown-social-sprite.png) top left no-repeat !important; background-position:-41px 0 !important; width:30px !important; height:29px !important; margin-right:10px !important;}
#bit-events .bit-twitter-share {background:url(images/bandsintown-social-sprite.png) no-repeat !important; width:30px !important; height:29px !important;}
#bit-events .bit-events-narrow td {border-top: 1px solid #3b3a39 !important;}



/** contact **/

.contact {
	background: url(images/contact-bg.jpg) center top no-repeat #000000;
}

.contact__logo {
	display: block;
	background: url(images/logo.png) top left no-repeat;
	width: 290px;
	height: 285px;
	margin: 70px auto 20px 160px;
}

.header__social--contact {
	width: 500px;
	margin: 105px auto 30px 60px;
}

.header__social--contact .header__social__item {
	margin-bottom: 2px;
}

.bookings-text {
	background: url(images/presskit.png) 405px -40px no-repeat;
	padding-bottom: 80px;
}

.bookings-paragraph {
	float: left;
}

.bookings-phone {
	display: block;
	background: url(images/bookings-phone.png) center top no-repeat;
	width: 407px;
	height: 38px;
	margin: 40px 0 20px 20px;
	text-indent: -9999px;
}

.bookings-text__p {
	font-size: 13px;
	line-height: 18px;
	width: 407px;
	margin: 0 0 0 20px;
	color: #ffffff;
	text-align: justify;
	float: left;
}

.press-kit {
	float: left;
	margin-top: 20px;
	text-indent: -9999px;
	display: block;
	width: 525px;
	height: 270px;
}

.contact__list {
	float: right;
	margin: 20px 0;
	padding: 0;
	list-style: none;
}

.contact__list__item {
	float: left;
	background: url(images/sprites.png);
	display: block;
	height: 53px;
	margin-right: 20px;
}

.contact__list__item:last-child {margin-right: 0;}

.contact__list__link {
	width: inherit;
	height: inherit;
	float: left;
	text-indent: -9999px;
	display: block;
}

.contact__list__item--cypher {width: 83px; background-position: center -1124px;}
.contact__list__item--marsten {width: 84px; background-position: center -1235px;}
.contact__list__item--respect {width: 222px; background-position: center -1354px;}

.contact-form {
	width: 100%;
}

.contact-form__half {
	width: 478px;
	margin-right: 4px;
	float: left;
}

.contact-form__half--last {
	margin-right: 0;
}

.contact-form__full {
	width: 100%;
	float: left;
}

.contact-form__input {
	width: 100%;
	clear: both;
	height: 85px;
	background: url(images/sprites.png) center top no-repeat #000000;
	border: none;
	color: #8a8a8a;
	font-size: 26px;
	line-height: 26px;
	text-transform: uppercase;
	margin-bottom: 4px;
	text-align: center;
	padding: 0;
}

.contact-form__input--name {
	background-position: center -660px;
}

.contact-form__input--email {
	background-position: center -747px;
}

.contact-form__input--phone {
	background-position: center -833px;
}

.contact-form__input--message {
	height: 263px;
	background-position: center -1565px;
}

.contact-form__input--submit {
	background-position: center -1015px;
	height: 48px;
	line-height: 48px;
	margin-top: 7px;
}

.response {
	width: 100%;
	padding: 20px 0;
	color: #ffffff;
	background: #000000;
	font-size: 24px;
	text-align: center;
	float: left;
}
/*** FOOTER ***/
.footer {text-align:center; padding: 10px 0; background: #d20000;}
.footer .mdh {width:100%; padding: 0; text-align:center;float: left;}
.footer .mdh span.mdh-logo {display:inline-block; background: url(images/mdh-logo.png) center top no-repeat; width: 355px; height: 53px;}
.footer .mdh span.mdh-logo a {display:block; width:355px; height:53px; text-indent:-9999px;}