/* Bass Events 2013 Stylesheet
	 2013 Always Awake bvba

	 Instead of snooping around in our code, why not hire us for your project?
	 info@alwaysawake.be 
	 
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@font-face {
    font-family: 'primelight';
    src: url('/2013/fontface/prime_light-webfont.eot');
    src: url('/2013/fontface/prime_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/2013/fontface/prime_light-webfont.woff') format('woff'),
         url('/2013/fontface/prime_light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Cookiebar v3 */

#aa-cookiebar { display: none; }
#aa-cookiebar-cn { position: fixed; bottom: 0; left: 0; right: 0; background: #e1e1e1; font-size: 15px !important; color: #1f1f1f; padding: 5px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: center; align-content: stretch; z-index: 999; }
#aa-cookiebar-msg { flex: 1; margin-right: 2em; margin-left: 10px; font-family: Arial, sans-serif; font-weight: 400; }
#aa-cookiebar-msg a { color: #1f1f1f; font-weight: 700; text-decoration: underline; }
#aa-cookiebar-btn { margin: 0px; text-align: center; }
#aa-cookiebar-btn a { position: relative; display: inline-block; vertical-align: middle; padding: 0.7em 2em; margin: 0px 0px 0px 4px; min-width: 100px; font-family: Arial, sans-serif; font-weight: 700; color: #fefefe; background: #0a9ddf; border-radius: 3px; -webkit-border-radius: 3px; }
#aa-cookiebar-btn a:first-child { background: 0; color: #1f1f1f; text-decoration: underline; }
#aa-cookiebar-btn a:hover { opacity: 0.8; cursor: pointer; }

@media only screen and (max-width: 680px) {
	#aa-cookiebar-cn { font-size: 12px !important; -webkit-text-size-adjust: none; text-size-adjust: none; }
	#aa-cookiebar-cn > * { flex: 1 100%; }
	#aa-cookiebar-msg { margin: 5px 10px 10px 10px; }
	#aa-cookiebar-btn a { margin: 0px 2px; }
}

/* Basics */

#overlay { position: fixed; width: 100%; height: 100%; z-index: 4; background: #000; display: none; }

html { color: #fff;	font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 14px; width: 100%; height: 100%;	margin: 0px; padding: 0px; overflow-y: scroll; min-width: 960px; }
body { margin: 0px; padding: 0px; height: 100%;	background: #313035 url("/2013/lay/be/bg-noise.jpg"); }

img { border: 0; }
h1, h2, h3, p, a { padding: 0; margin: 0; }
b { font-weight: 700; }
label:hover { cursor: pointer; }
input { font-family: 'Maven Pro', sans-serif; color: #eee; } 
.linkable:hover { cursor: pointer; }
td { vertical-align: top; }
.thumb img { display: block; }
.float-right { float: right; }

/* Header */

#header-container { position: fixed; width: 100%; height: 66px; top: 0px; background: url("/2013/lay/be/header-container.png") repeat-x center top; z-index: 100; }
#header-container.box-shadow { -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2); }
#header { height: 66px; position: relative; margin: 0 auto; width: 1080px; padding: 0px; }
#menu { position: absolute; top: 23px; right: 140px; width: 680px; height: 24px; text-align: right; }
#menu a { font-weight: 400; color: #fff; font-size: 16px; padding: 5px 18px; }
#menu a.active { color: #E73D33; }
#menu a:hover, #menu a.active:hover { color: #E73D33; }

#header-bassevents { position: absolute; top: 3px; left: 0px; }
#header-socialmedia { position: absolute; right: 0px; top: 16px; }

/* Template */

#container { min-height: 100%; position: relative; background: url("/2013/lay/be/bg-reverze.jpg") no-repeat center 66px; background-size: cover; background-attachment: fixed; }
#cn { position: relative; padding: 99px 0px 264px 0px; }
#cn-slider { position: relative; padding: 33px 0px 264px 0px; }
#cn-centered { position: relative; margin: 0px auto; width: 1080px; }

#ft-abs { position: absolute; bottom: 0px; width: 100%; margin: 0px; height: 214px; background: url("/2013/lay/be/ft-abs.png") repeat-x center bottom; -webkit-box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.2); }
#ft { position: relative; width: 1080px; margin: 0 auto; height: 194px; padding: 20px 0px 0px 0px; overflow: hidden; }
.clear { clear: both; }
#actie { position: relative; width: 930px; background-color: #DD3C3C; margin: 0px auto 10px auto; padding: 15px; color: #fff; font-size: 12pt; }
#actie h1 { font-size: 24pt; }
#actie a { color: #fff; text-decoration: underline; }
#actie a:hover { color: #fff; }
#btn-top { position: fixed;	right: 10px; bottom: 10px; cursor: pointer; display: none; z-index: 12;}

.paginate-table { clear: both; position: relative; padding: 20px 0px; margin: 5px; }
.paginate-table a, .paginate-table span { color: #fff; font-size: 16px; font-weight: 300; text-decoration: none; padding: 6px 11px; background: #2C2B30; margin: 0px 5px 5px 0px; }
.paginate-table a:hover { color: #fff; background: #1B1C1E; cursor: pointer; }
.paginate-table span.active { background: #E73D33; color: #fff; }

.txt p { margin-bottom: 10px; line-height: 1.4em; }
.txt h1 { font-size: 28px; margin-bottom: 10px; font-weight: 300; line-height: 1em; }
.txt h2 { font-size: 24px; margin-bottom: 10px; font-weight: 300; line-height: 1em; }
.txt h3 { font-size: 18px; margin-bottom: 10px; font-weight: 300; line-height: 1.2em; }

/* Footer */

#ft .ft-ttl { padding: 6px 10px; background: #1B1C1E; font-size: 15px; margin-bottom: 6px; }
#ft .ft-ttl.icon { padding-left: 50px; }
#ft .ft-ttl.icon.menu { background: #1B1C1E url("/2013/lay/be/icon-menu.png") no-repeat 10px 4px; }
#ft .ft-ttl.icon.events { background: #1B1C1E url("/2013/lay/be/icon-events.png") no-repeat 10px 4px; }
#ft .ft-ttl.icon.news { background: #1B1C1E url("/2013/lay/be/icon-news.png") no-repeat 10px 4px; }
#ft .ft-ttl.icon.contact { background: #1B1C1E url("/2013/lay/be/icon-contact.png") no-repeat 10px 4px; }

#ft .txt { padding: 0px 10px; }
#ft .txt a { display: block; color: #9D9D9F; }
#ft .txt a:hover { color: #E73D33; }

.ft-event-item { clear: both; margin: 0px 0px 4px 0px; }
.ft-event-item .thumb { float: left; width: 90px;  }
.ft-event-item .thumb img { display: block; }
.ft-event-item .info { margin: 1px 0px 0px 10px; float: left; background: none; }
.ft-event-item .info .name { font-size: 14px; text-transform: uppercase; }
.ft-event-item .info .date { font-size: 12px; color: #E73D33; line-height: 0.9em; }
.ft-event-item:hover { background: #1B1C1E; }

#ft .tag-event { position: relative; padding: 0px; margin: 0px; }
#ft .tag-event a { background: #E73D33; color: #fff; text-transform: uppercase; font-weight: 400; font-size: 9px; display: inline-block; padding: 2px 4px 2px 4px; margin: 0px; line-height: 1em; }
#ft .tag-event.empty { background: #5D5D5F; color: #fff; text-transform: uppercase; font-weight: 400; font-size: 9px; display: inline-block; padding: 2px 4px 2px 4px; margin: 0px; line-height: 1em; }
#ft .tag-event:hover a { background: #1B1C1E; }
.ft-news-item-tag { position: relative; margin-bottom: -3px; margin-top: 4px; }
.ft-news-item { position: relative; margin-bottom: 1px;  }
.ft-news-item a { color: #9D9D9F; font-size: 12px; }
.ft-news-item a:hover { color: #E73D33; }

#ft-logo-bassevents { float: left; background: url("/2013/lay/be/ft-logo-bassevents.png") no-repeat left center; padding: 10px 10px 10px 0px; margin: 5px 10px 0px 0px; height: 74px; width: 74px; border-right: 1px solid #5D5D5F; }
#ft h1 { font-weight: 300; font-size: 22px; margin: 18px 0px 4px 0px; }

.ft-credits { text-align: right; text-transform: uppercase; font-size: 10px; padding-top: 8px; font-weight: 400; }
.ft-credits .item { display: inline-block; padding: 0px 20px; margin-right: 1px; color: #9D9D9F; }
.ft-credits .item.add-border { border-left: 1px solid #5D5D5F; }
.ft-credits .item a { color: #9D9D9F; font-weight: 700; }
.ft-credits .item a:hover { color: #E73D33; }

/* The Bass Events Grid */

.box { position: relative; }
.add-margin { margin: 0px 5px 10px 5px; }
.grid-270 { position: relative; width: 270px; float: left; }
.grid-540 { position: relative; width: 540px; float: left; }
.grid-800 { position: relative; width: 800px; float: left; }
.grid-1080 { position: relative; width: 1080px; float: left; }
.grid-ttl { padding: 10px; background: #1B1C1E; font-family: 'primelight', sans-serif; font-size: 20px; text-transform: uppercase; }
.grid-ttl.linkable a { color: #fff; }
.grid-ttl.linkable:hover { background: #1B1C1E; }

.grid-ttl.icon { padding-left: 50px; }
.grid-ttl.icon.location { background: #1B1C1E url("/2013/lay/be/icon-location.png") no-repeat 10px 9px; }
.grid-ttl.icon.info { background: #1B1C1E url("/2013/lay/be/icon-info.png") no-repeat 10px 9px; }
.grid-ttl.icon.basstv { background: #1B1C1E url("/2013/lay/be/icon-basstv.png") no-repeat 10px 9px; }
.grid-ttl.icon.events { background: #1B1C1E url("/2013/lay/be/icon-events.png") no-repeat 10px 9px; }
.grid-ttl.icon.news { background: #1B1C1E url("/2013/lay/be/icon-news.png") no-repeat 10px 9px; }
.grid-ttl.icon.tickets { background: #1B1C1E url("/2013/lay/be/icon-tickets.png") no-repeat 10px 9px; }
.grid-ttl.icon.lineup { background: #1B1C1E url("/2013/lay/be/icon-lineup.png") no-repeat 10px 9px; }
.grid-ttl.icon.media { background: #1B1C1E url("/2013/lay/be/icon-media.png") no-repeat 10px 9px; }
.grid-ttl.icon.socialmedia { background: #1B1C1E url("/2013/lay/be/icon-socialmedia.png") no-repeat 10px 9px; }

.grid-ttl.icon.news.linkable:hover { background: #2C2B30 url("/2013/lay/be/icon-news.png") no-repeat 10px 9px; }
.grid-ttl.icon.events.linkable:hover { background: #2C2B30 url("/2013/lay/be/icon-events.png") no-repeat 10px 9px; }
.grid-ttl.icon.media.linkable:hover { background: #2C2B30 url("/2013/lay/be/icon-media.png") no-repeat 10px 9px; }
.grid-ttl.icon.basstv.linkable:hover { background: #2C2B30 url("/2013/lay/be/icon-basstv.png") no-repeat 10px 9px; }

.box .ttl { padding: 0px 0px 10px 0px; margin: 0px 0px 5px 0px; border-bottom: 1px solid #5D5D5F; }
.box .ttl h1 { font-weight: 300; font-size: 18px; line-height: 1em; padding: 0px; margin: 0px; }
.box .ttl h1 a { font-weight: 300; color: #fff; }
.box .ttl-caption { padding: 5px 10px; background: #2C2B30; margin: 0px; font-size: 12px; overflow: hidden; }
.box .ttl-caption .year { float: right; color: #E73D33; }
.box.linkable:hover .ttl-caption { background: #1B1C1E; }

.header { padding: 10px 10px 7px 10px; background: #2C2B30; margin: 0px 5px; }
.header.margin-bottom { margin-bottom: 10px; }
.header .back { float: right; opacity: 0.4; margin-top: 9px; margin-right: 10px; }
.header .back:hover { opacity: 1; }
.header .name { float: left; font-family: 'primelight', sans-serif; font-size: 48px; text-transform: uppercase; margin-left: 10px; }
.header .name a { color: #fff; }

.box.message { background: #2C2B30; padding: 40px 20px; }
.box.message.action { background: #E73D33; padding: 20px; }
.box.message .ttl { border-bottom: 1px solid #fff; }
.box.message .ttl h1 { font-weight: 300; font-size: 32px; line-height: 1em; padding: 0px; margin: 0px; }
.box.message .txt { font-size: 18px; }

.btn-forward { padding: 10px; background: #2C2B30; margin: 0px 5px; opacity: 0.4; display: inline-block; }
.btn-forward:hover { opacity: 1; }
.btn-forward img { display: block; }

.item-media { margin-bottom: 10px; }
.item-media.image, .item-media.youtube, .item-media.soundcloud { float: left; }
.item-media.image img, .item-media.youtube object, .item-media.soundcloud { display: block; }
.item-media.image:hover { opacity: 0.8; }
.extra-images { position: relative; }
.extra-images .item-media.image { margin: 0px 0px 20px 0px; }

/* Home */

.news-headline .box { background: #434247; padding: 10px; min-height: 220px; }
.news-headline .grid-ttl { margin: 0px 5px 0px 5px; }
.news-headline .box .ttl h1 { font-size: 22px; line-height: 1em; padding: 0px; margin: 0px; }
.news-headline .box .txt { text-align: justify; font-size: 13px; }
.news-headline .box .ytb { float: left; padding-right: 20px; }
.news-headline .box .img { float: left; padding-right: 20px; }
.news-item .box { background: #434247; padding: 10px; min-height: 264px; }
.news-item .box .txt { text-align: justify; font-size: 12px; }
.news-headline .box:hover, .news-item .box:hover { background: #2C2B30; }
.tag-event { position: relative; padding: 0px; margin: 0px; }
.tag-event a, .tag-event .ttl { border: none; background: #E73D33; color: #fff; text-transform: uppercase; font-weight: 400; font-size: 9px; display: block; padding: 3px 6px 3px 6px; margin: 0px; line-height: 1em; }
.tag-event:hover a { background: #1B1C1E; }
.news-headline .tag-event, .news-item .tag-event { position: absolute; bottom: 10px; right: 10px; z-index: 2; }
.event-item .box .thumb img { display: block; }
.event-item .box .info { padding: 10px; background: #2C2B30; }
.event-item .box .info .name { float: left; font-family: 'primelight', sans-serif; font-size: 32px; text-transform: uppercase; }
.event-item .box .info .date-loc { float: left; border-left: 1px solid #E73D33; margin-top: 4px; margin-left: 20px; padding-left: 20px; }
.event-item .box .info .date-loc .date { color: #E73D33; line-height: 0.9em; margin-bottom: 2px; }
.event-item .box .info .date-loc .location { line-height: 0.9em; }
.event-item .box:hover .info { background: #1B1C1E; }

.basstv iframe, .youtube iframe { width: 530px; height: 298px; display: block; }

/* rij = 4 */
/*
.socialmedia a { display: inline-block; width: 125px; height: 125px; background: #2C2B30; margin: 0px 5px 10px 5px; }
.socialmedia a:hover { background: #1B1C1E;  }
*/

/* rij = 7 */
.socialmedia .box { background: #434247; }
.socialmedia a { display: inline-block; width: 68px; height: 68px; background: #2C2B30; margin: 0px 4px 9px 5px; }
.socialmedia a img { width: 68px; height: auto; }
.socialmedia a:hover { background: #1B1C1E;  }

#mc_embed_signup { padding: 10px; position: relative; }
#mc_embed_signup label { font-size: 17px; margin-top: 3px; float: left; }
#mc_embed_signup input { float: right; font-family: 'Roboto'; font-size: 15px; background: #fff; color: #202028; display: inline-block; padding: 5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0; }
#mc_embed_signup input.email { }
#mc_embed_signup input[type=submit] { background: #E73D33; color: #fff; }
#mc_embed_signup input[type=submit]:hover { cursor: pointer; }		


#top-slider { margin-top: 66px; position: relative; width: 100%; height: 303px; overflow: hidden; background: url("/2013/lay/be/top-slider-bg.png") repeat-x top center; }
#top-slider-cn { position: relative; overflow: hidden; height: 300px; }
#top-slider-cn ul { overflow: hidden; list-style-type: none; margin: 0; padding: 0; }
#top-slider-cn li { position: relative; width: 1080px; height: 300px; margin: 0; opacity: 0.2; }
#top-slider-cn .bx-wrapper { position: relative; width: 3240px; top: 0px; left: 50%; margin-left: -1620px; }
#top-slider-cn ul.bxslider li.item .img { margin: 0px; padding: 0px; }
#top-slider-cn ul.bxslider li.item .img img { display: block; }
#top-slider-cn ul.bxslider li.item .slider-event-info { position: absolute; bottom: 40px; right: 305px; width: 250px; height: 120px; background: #434247; padding: 5px; overflow: hidden; }
#top-slider-cn ul.bxslider li.item .slider-event-info .name { font-family: 'primelight', sans-serif; font-size: 23px; text-transform: uppercase; }
#top-slider-cn ul.bxslider li.item .slider-event-info .name a { color: #fff; }
#top-slider-cn ul.bxslider li.item .slider-event-info .subtitle { font-size: 14px; text-transform: uppercase; }
#top-slider-cn ul.bxslider li.item .slider-event-info .date { position: absolute; left: 5px; bottom: 32px; color: #E73D33; line-height: 0.8em; font-size: 38px; }
#top-slider-cn ul.bxslider li.item .slider-event-info .location { position: absolute; left: 5px; bottom: 5px; font-size: 15px; }
#top-slider-cn ul.bxslider li.item .slider-event-forward { position: absolute; bottom: 40px; right: 35px; width: 250px; height: 120px; background: #434247; padding: 5px; }
#top-slider-cn ul.bxslider li.item .slider-event-forward .item { padding: 6px 5px 6px 50px; background: #2C2B30; margin: 5px; }
#top-slider-cn ul.bxslider li.item .slider-event-forward .item a { color: #fff; font-size: 16px; font-weight: 300; }
#top-slider-cn ul.bxslider li.item .slider-event-forward .item.moreinfo { background: #1B1C1E url("/2013/lay/be/slider-event-forward-moreinfo.png") no-repeat 11px center; }
#top-slider-cn ul.bxslider li.item .slider-event-forward .item.website { background: #1B1C1E url("/2013/lay/be/slider-event-forward-website.png") no-repeat 11px center; }
#top-slider-cn ul.bxslider li.item .slider-event-forward .item.tickets { background: #1B1C1E url("/2013/lay/be/slider-event-forward-tickets.png") no-repeat 10px center; }
#top-slider-cn ul.bxslider li.item .slider-event-forward .item.moreinfo:hover { background: #2C2B30 url("/2013/lay/be/slider-event-forward-moreinfo.png") no-repeat 11px center; }
#top-slider-cn ul.bxslider li.item .slider-event-forward .item.website:hover { background: #2C2B30 url("/2013/lay/be/slider-event-forward-website.png") no-repeat 11px center; }
#top-slider-cn ul.bxslider li.item .slider-event-forward .item.tickets:hover { background: #2C2B30 url("/2013/lay/be/slider-event-forward-tickets.png") no-repeat 10px center; }
#top-slider-controls { position: absolute; width: 100%; height: 10px; }
#top-slider-controls-cn { position: relative; width: 1080px; margin: 0 auto; z-index: 10; }
#top-slider-prev { position: absolute; left: -50px; top: 136px; width: 17px; }
#top-slider-next { position: absolute; right: -50px; top: 136px; width: 17px; }
#top-slider-prev:hover, #top-slider-next:hover { cursor: pointer; }
@media screen and (max-width: 1220px) {
	#top-slider-prev { position: absolute; left: 512px; top: 266px; width: 17px; }
	#top-slider-next { position: absolute; right: 512px; top: 266px; width: 17px; }
}

/* News */

.news-detail { min-height: 600px; }
.news-detail .box { background: #434247; padding: 10px 10px 0px 10px; }
.news-detail .box .ttl h1 { font-size: 28px; }
.news-detail .box .item-media { margin: 0px 20px 10px 0px; }
.news-detail .box .txt .item-media.youtube iframe { width: 750px; height: 422px; }
.news-detail .box .txt .item-media.soundcloud { width: 750px; }
.news-detail .box .txt { padding: 10px; }
.news-detail .box .tag-event { float: right; }
.news-detail .box .tag-event a { font-size: 18px; padding: 3px 6px 4px 6px; }

/* Events */

.event-headline .box .thumb img { display: block; }
.event-headline .box .info { padding: 10px 10px 7px 10px; background: #2C2B30; }
.event-headline .box .info .back { float: right; opacity: 0.4; margin-top: 9px; margin-right: 10px; }
.event-headline .box .info .back:hover { opacity: 1; }
.event-headline .box .info .name { float: left; font-family: 'primelight', sans-serif; font-size: 48px; text-transform: uppercase; margin-left: 10px; }
.event-headline .box .info .name a { color: #fff; }
.event-headline .box .info .date-loc { font-size: 20px; float: left; border-left: 1px solid #E73D33; margin-top: 6px; padding-top: 1px; margin-left: 20px; padding-left: 20px; }
.event-headline .box .info .date-loc .date { color: #E73D33; line-height: 0.9em; margin-bottom: 3px; }
.event-headline .box .info .date-loc .location { line-height: 0.9em; padding-bottom: 1px; }
.event-headline .box:hover .info.linkable { background: #1B1C1E; }
.event-headline .forward { float: right; width: 270px; height: 296px; background: #434247; }
.event-headline .forward .item { padding: 28px 5px 28px 60px; background: #2C2B30; margin: 10px; }
.event-headline .forward .item a { color: #fff; font-size: 22px; font-weight: 300; }
.event-headline .forward .item.moreinfo { background: #2C2B30 url("/2013/lay/be/event-headline-forward-moreinfo.png") no-repeat 11px center; }
.event-headline .forward .item.website { background: #2C2B30 url("/2013/lay/be/event-headline-forward-website.png") no-repeat 11px center; }
.event-headline .forward .item.tickets { background: #2C2B30 url("/2013/lay/be/event-headline-forward-tickets.png") no-repeat 10px center; }
.event-headline .forward .item.moreinfo:hover { background: #1B1C1E url("/2013/lay/be/event-headline-forward-moreinfo.png") no-repeat 11px center; }
.event-headline .forward .item.website:hover { background: #1B1C1E url("/2013/lay/be/event-headline-forward-website.png") no-repeat 11px center; }
.event-headline .forward .item.tickets:hover { background: #1B1C1E url("/2013/lay/be/event-headline-forward-tickets.png") no-repeat 10px center; }

.event-headline .txt { float: right; width: 230px; height: 276px; background: #434247; padding: 10px 20px; overflow: hidden; }

.ytb .txt { background: #2C2B30; padding: 5px 10px; font-weight: 300; font-size: 17px; }
.ytb iframe, .ytb img { display: block; }
.flyer { background: #434247; }
.flyer .thumb { padding: 10px; }
.flyer .thumb img { width: 510px; height: auto; }
.event-detail .lineup, .event-detail .info, .event-detail .map-location { background: #434247; }
.static-google-map { position: relative; }
.static-google-map img { display: block; }
.static-google-map .caption { position: absolute; left: 10px; top: 10px; background: #1B1C1E; padding: 3px 6px; font-size: 12px; line-height: 0.9em; font-weight: 300; text-transform: uppercase; }
.static-google-map .caption a { color: #fff; }
.static-google-map:hover .caption { background: #5D5D5F; }
.box.lineup .txt, .box.info .txt, .box.map-location .txt { padding: 20px; }
.event-tickets .box iframe { width: 530px; height: 700px; display: block; background: #434247; }
.event-tickets .box { background: #434247; }
.event-detail .forward { width: 520px; background: #434247; float: left; margin: 0px 5px 10px 5px; padding: 5px; }
.event-detail .forward .item { width: 185px; float: left; padding: 18px 5px 18px 60px; background: #2C2B30; margin: 5px; }
.event-detail .forward .item a { color: #fff; font-size: 22px; font-weight: 300; }
.event-detail .forward .item.website { background: #2C2B30 url("/2013/lay/be/event-headline-forward-website.png") no-repeat 10px center; }
.event-detail .forward .item.facebook { background: #2C2B30 url("/2013/lay/be/event-headline-forward-facebook.png") no-repeat 10px center; }
.event-detail .forward .item.tickets { width: 445px; background: #2C2B30 url("/2013/lay/be/event-headline-forward-tickets.png") no-repeat 10px center; }
.event-detail .forward .item.website:hover { background: #1B1C1E url("/2013/lay/be/event-headline-forward-website.png") no-repeat 10px center; }
.event-detail .forward .item.facebook:hover { background: #1B1C1E url("/2013/lay/be/event-headline-forward-facebook.png") no-repeat 10px center; }
.event-detail .forward .item.tickets:hover { background: #1B1C1E url("/2013/lay/be/event-headline-forward-tickets.png") no-repeat 10px center; }

/* Pictures */

.grid-1080 .ttl.picturefolder { background: #434247; padding: 10px 20px; margin: 0px 5px 10px 5px; }
.grid-1080 .ttl.picturefolder h1 { font-weight: 300; float: left; }

.grid-1080 .ttl.picturefolder .info { padding: 0px 10px; float: right; }
.grid-1080 .ttl.picturefolder .info .name { float: left; font-family: 'primelight', sans-serif; font-size: 32px; text-transform: uppercase; }
.grid-1080 .ttl.picturefolder .info .date-loc { float: left; border-left: 1px solid #E73D33; margin-top: 4px; margin-left: 20px; padding-left: 20px; }
.grid-1080 .ttl.picturefolder .info .date-loc .date { color: #E73D33; line-height: 0.9em; margin-bottom: 2px; }
.grid-1080 .ttl.picturefolder .info .date-loc .location { line-height: 0.9em; }

/* Tickets */

.box.ticket-info { background: #434247; }
.box.ticket-info .txt { padding: 20px; }
.box.ticket-info .txt h4 a { color: #fefefe; background: #E73D33; padding: 5px; display: inline-block; }
.box.ticket-info .txt h4 a:hover { background: #1B1C1E; }

/* Travel */

iframe#iframe-travel { width: 100%; min-height: 700px !important; }

/* Hyperlinks */

a {	color: #E73D33;	text-decoration: none; }
a:hover {	color: #fff; }

/* Share */

.share { float: right; font-size: 17px; font-family: 'AaarghNormal'; color: #3F3F3F; height: 14px; clear: both; margin-right: 50px; }
.share-txt, .share-div { float: left; line-height: 14px; }
.share-facebook { float: left; margin-left: 6px; margin-top: -6px; margin-right: 4px; }
.share-twitter { float: left; margin-left: 6px; margin-top: -6px; display: block; }
.share-facebook:hover, .share-twitter:hover { background: url("/2013/lay/share-hover.png") no-repeat; }

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url("/2013/lay/cb/loading.gif") no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url("/2013/lay/cb/controls.png") no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url("/2013/lay/cb/controls.png") no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url("/2013/lay/cb/controls.png") no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}


/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 2px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(/2013/lay/bx/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
	z-index: 2001;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(/2013/lay/bx/controls.png) no-repeat 0 -32px;
	opacity: 0.4;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(/2013/lay/bx/controls.png) no-repeat -43px -32px;
	opacity: 0.4;
}

@media screen and (min-width: 1100px) {
	.bx-wrapper .bx-prev {
		left: -52px;
		background: url(/2013/lay/bx/controls.png) no-repeat 0 -32px;
		opacity: 0.4;
	}

	.bx-wrapper .bx-next {
		right: -52px;
		background: url(/2013/lay/bx/controls.png) no-repeat -43px -32px;
		opacity: 0.4;
	}
}


.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
	opacity: 1;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
	opacity: 1;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(/2013/lay/bx/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(/2013/lay/bx/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}