/* ################################################## */
/*  Made by: www.DIRECT BASING.com                    */
/*  Semantisch correcte xHTML Basing                  */
/* ################################################## */

/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: 'MavenProRegular'; font-size: 13px;  color: #8c806e; }
input, select, textarea { font-family: 'MavenProRegular'; font-size: 12px; color: #8c806e; }
body { background: #000 url('../images/body_strip.png') repeat-x; }
img { border: 0px; display: block; }
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 0; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; height: auto !important; height: 100%;margin: 0 auto -250px; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 964px; }

/* ### left container Gigs ### */
#leftCntr_gigs { float: left; width: 964px; }
        
	/* ### blog box gigs ### */
	.blogBox_gigs { width: 964px;  margin-bottom: 30px; }
	.blogBox_gigs h3 { line-height: 37px; color: #fff; font-size: 17px; font-weight: normal; font-family: 'AachenBTRoman'; text-transform: uppercase; background: #50003f url('../images/heading_bg4.png') repeat-y; padding: 0 10px; }
	.blogBox_gigs .blogs { margin: 0 14px; background: #333; padding: 8px; overflow: hidden; padding-bottom: 15px; }
	.blogBox_gigs ul { list-style: none; }
	.blogBox_gigs li { border-bottom: 1px solid #6c6c6c; font-size: 14px; display: block; line-height: 36px; color: #fff; padding: 0 7px; text-decoration: none;}
	.blogBox_gigs li span { float: left; min-width: 110px; }
	.blogBox_gigs li a:hover {  }
	.blogBox_gigs a.more { color: #f902c3; font-size: 17px; font-family: 'AachenBTRoman'; text-transform: uppercase; text-decoration: none; float: right; margin-top: 15px; text-shadow: 0 2px 2px #0d0d0d; }
	.blogBox_gigs a.more:hover { color: #ccc; }
        .blogBox_gigs a { color: #fff; }
        .blogBox_gigs a:hover { color: #fff;  background: none;}


	/* ### header container ### */
	#headerCntr { position: relative; width: 964px; height: 109px; }
	#headerCntr h1 { position: absolute; top: 26px; left: 0px; }
	#headerCntr h1 a { display: block; width: 212px; height: 71px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
		/* ### menu box ### */
		.menuBox { position: absolute; top: 76px; right: 0px; }
		.menuBox ul { list-style: none; }
		.menuBox li { float: left; padding-left: 30px; font-size: 17px; font-weight: bold; text-transform: uppercase; font-family: 'AachenBTRoman'; }
		.menuBox li a { text-decoration: none; }
		.menuBox li.about a { color: #0eb9f1; }
		.menuBox li.blog a { color: #39bd1f; }
		.menuBox li.gigs a { color: #fa02c3; }
		.menuBox li.music a { color: #e8731f; }
		.menuBox li.gallery a { color: #f8005d; }
		.menuBox li.booking a { color: #0ee8e0; }
		.menuBox li.promos a { color: #870ff7; }
		.menuBox li a:hover, .menuBox li.active a { color: #5d5d5d; }
	
	#bannerCntr { position: relative; width: 964px; height: 281px; position: relative; }
	#bannerCntr h2 { color: #cdcdcd; font-size: 139px; position: absolute; top: 10px; top: 25px\9; left: 0; font-family: 'AachenBTRoman'; text-shadow:  0 0 20px #5f5f60; }
	#bannerCntr h3 { color: #e6e6e6; font-size: 64px; position: absolute; top: 160px; left: 98px; font-family: 'AachenBTRoman'; text-shadow:  0 0 15px #5f5f60; }
	#bannerCntr .brothers { position: absolute; bottom: 0; right: 0px; }
	
	/* ### content container ### */
	#contentCntr { overflow: hidden; width: 964px; padding-top: 30px; }
	
		/* ### left container ### */
		#leftCntr { float: left; width: 620px; }
		
			/* ### blog box ### */
			.blogBox { width: 603px; margin-bottom: 30px; }
			.blogBox h3 { line-height: 37px; color: #fff; font-size: 17px; font-weight: normal; font-family: 'AachenBTRoman'; text-transform: uppercase; background: url('../images/heading_bg1.png') repeat-y; padding: 0 10px; }
			.blogBox .blogs { margin: 0 14px; background: #333; padding: 8px; overflow: hidden; padding-bottom: 15px; }
			.blogBox ul { list-style: none; }
			.blogBox li { border-bottom: 1px solid #6c6c6c; font-size: 14px; }
			.blogBox li a { display: block; line-height: 36px; color: #fff; padding: 0 7px; text-decoration: none; }
			.blogBox li a span { float: left; width: 100px; }
			.blogBox li a:hover { background: #555; }
			.blogBox a.more { color: #3abd1f; font-size: 17px; font-family: 'AachenBTRoman'; text-transform: uppercase; text-decoration: none; float: right; margin-top: 15px; text-shadow: 0 2px 2px #0d0d0d; }
			.blogBox a.more:hover { color: #ccc; }
			
			/* ### music box ### */
			.musicBox { width: 603px; margin-bottom: 30px; }
			.musicBox h3 { line-height: 37px; color: #fff; font-size: 17px; font-weight: normal; font-family: 'AachenBTRoman'; text-transform: uppercase; background: url('../images/heading_bg2.png') repeat-y; padding: 0 10px; }
			.musicBox .player { margin: 0 14px; background: #333; padding: 8px; overflow: hidden; padding-bottom: 15px; }
			.musicBox .player img { border: 1px solid #ccc; }
			.musicBox a.more { color: #f47920; font-size: 17px; font-family: 'AachenBTRoman'; text-transform: uppercase; text-decoration: none; float: right; margin-top: 10px; text-shadow: 0 2px 2px #0d0d0d; }
			.musicBox a.more:hover { color: #ccc; }
			
			/* ### pics box ### */
			.picsBox { width: 603px; margin-bottom: 30px; }
			.picsBox h3 { line-height: 37px; color: #fff; font-size: 17px; font-weight: normal; font-family: 'AachenBTRoman'; text-transform: uppercase; background: url('../images/heading_bg3.png') repeat-y; padding: 0 10px; }
			.picsBox .pics { margin: 0 14px; background: #333; padding: 8px; padding-bottom: 15px; overflow: hidden; }
			.picsBox .pics ul { list-style: none; overflow: hidden; }
			.picsBox .pics li { float: left; padding-right: 30px; }
			.picsBox .pics li.last { padding-right: 0; }
			.picsBox a.more { color: #f8005d; font-size: 17px; font-family: 'AachenBTRoman'; text-transform: uppercase; text-decoration: none; float: right; margin-top: 25px; text-shadow: 0 2px 2px #0d0d0d; }
			.picsBox a.more:hover { color: #ccc; }
			
			/* ### about box ### */
			.aboutBox { width: 603px; margin-bottom: 30px; }
			.aboutBox h3 { line-height: 37px; color: #fff; font-size: 17px; font-weight: normal; font-family: 'AachenBTRoman'; text-transform: uppercase; background: url('../images/heading_bg6.png') repeat-y; padding: 0 10px; }
			.aboutBox .about { margin: 0 14px; background: #333; padding: 10px; padding-bottom: 15px; overflow: hidden; }
			.aboutBox p { line-height: 24px; text-shadow: 0 4px 3px #181818; padding-bottom: 20px; color: #fff; } 
			.aboutBox p strong { font-family: 'MavenProBlack'; }
			.aboutBox img { margin-left: 10px; }
                        .aboutBox a { color: #870ff7; text-decoration: none; }
			.aboutBox a:hover { text-decoration: underline; }
			
			/* ### details box ### */
			.detailsBox { width: 603px; margin-bottom: 30px; }
			.detailsBox h3 { line-height: 37px; color: #fff; font-size: 17px; font-weight: normal; font-family: 'AachenBTRoman'; text-transform: uppercase; background: url('../images/heading_bg1.png') repeat-y; padding: 0 10px; }
			.detailsBox .details { margin: 0 14px; background: #333; padding: 8px; overflow: hidden; padding-bottom: 15px; }
			.detailsBox p { line-height: 24px; text-shadow: 0 4px 3px #181818; margin-top: -10px; padding:  0 10px  20px 10px; color: #fff; } 
			.detailsBox p span.date { float: left; width: 74px; height: 72px; text-align: center; text-shadow: none; background: url('../images/date_bg.jpg') repeat-x; margin: -8px 8px 0 -8px; font-size: 48px; font-family: 'AachenBTRoman'; color: #000; line-height: 35px; padding-top: 8px; padding-top: 10px\9; margin-top: 0px;}
			.detailsBox p span.date span { font-size: 31px; display: block; text-transform:uppercase;  }
			.detailsBox img.banner { margin-bottom: 15px; }
                        .detailsBox p.tags { float: left; font-size: 12px; width: 280px; }
			.detailsBox p.tagsline { padding: 10px 10px; border-top: 1px solid #6c6c6c;  font-size: 12px; margin-top:10px;}
			.detailsBox p.tags a { color: #37b71e; text-decoration: none; font-size: 12px; }
			.detailsBox p.tags a:hover { text-decoration: underline; }
                        .detailsBox a { color: #37b71e; text-decoration: none; }
			.detailsBox a:hover { text-decoration: underline; }
                        .details ul { padding: 0 10px 10px 10px; margin: -10px  0 10px 10px; color: #fff; list-style: disc; text-shadow: 0 4px 3px #181818;}
                        .details li {margin: 10px 0 10px 0;}
			
		/* ### right container ### */
		#rightCntr { float: right; width: 340px; }
		
			/* ### gigs box ### */
			.gigsBox { margin-bottom: 30px; }
			.gigsBox h3 { line-height: 37px; color: #fff; font-size: 17px; font-weight: normal; font-family: 'AachenBTRoman'; text-transform: uppercase; background: url('../images/heading_bg4.png') repeat-y; padding: 0 10px; }
			.gigsBox .gigs { margin: 0 14px; background: #333; padding-bottom: 15px; overflow: hidden; }
			.gigsBox .gigs ul { list-style: none; overflow: hidden; }
			.gigsBox .gigs li { overflow: hidden; border-bottom: 1px solid #fff; padding: 10px 8px; }
			.gigsBox .gigs li.alternate { background: #717171; }
			.gigsBox .gigs li span.date { float: left; width: 72px; font-size: 51px; font-family: 'AachenBTRoman'; color: #fff; line-height: 40px; padding-top: 10px\9; }
			.gigsBox .gigs li span.date span { font-size: 31px; display: block; }
			.gigsBox .gigs li p { font-size: 13px; line-height: 18px; color: #fff; }
			.gigsBox .gigs li p span { float: left; width: 70px; }
			.gigsBox .gigs li p a { color: #fff; }
			.gigsBox .gigs li p a:hover { text-decoration: none; }
			.gigsBox .gigs li .text { float: left; width: 220px; }
			.gigsBox a.full { color: #f902c3; font-size: 17px; font-family: 'AachenBTRoman'; text-transform: uppercase; text-decoration: none; float: right; margin-top: 10px; margin-right: 15px; text-shadow: 0 2px 2px #0d0d0d; }
			.gigsBox a.full:hover { color: #ccc; }
			
			/* ### tweets box ### */
			.tweetsBox { margin-bottom: 30px; }
			.tweetsBox h3 { line-height: 37px; color: #fff; font-size: 17px; font-weight: normal; font-family: 'AachenBTRoman'; text-transform: uppercase; background: url('../images/heading_bg5.png') repeat-y; padding: 0 10px; }
			.tweetsBox h3.sub { background: url('../images/heading_bg7.png') repeat-y; }
			.tweetsBox .tweets { margin: 0 14px; background: #333; padding-bottom: 15px; overflow: hidden; }
			.tweetsBox .tweets p { font-size: 15px; color: #fff; line-height: 30px; padding: 15px; padding-bottom: 0; }
			.tweetsBox .tweets p a { color: #fff; }
			.tweetsBox .tweets p a { color: #fff; }
			.tweetsBox a.follow { color: #0da7d9; font-size: 17px; font-family: 'AachenBTRoman'; text-transform: uppercase; text-decoration: none; float: right; margin-top: 10px; margin-right: 15px; text-shadow: 0 2px 2px #0d0d0d; }
			.tweetsBox a.follow:hover { color: #ccc; }
	
	/* ### footer container ### */
	#footerCntr { width: 100%; height: 250px; background: #d1d1d1 url('../images/footer_strip.png') top repeat-x; }
	#footerCntr .center { overflow: hidden; width: 964px; height: 250px; margin: 0 auto; }
	
		/* ### social box ### */
		.socialBox { float: left; padding-top: 20px; }
		.socialBox ul { list-style: none; }
		.socialBox li { float: left; padding-left: 15px; }
		.socialBox img { display: inline; vertical-align: middle; position: relative; z-index:1;}
		
		/* ### nav box ### */
		.navBox { float: right; padding-top: 20px; }
		.navBox ul { list-style: none; }
		.navBox li { float: left; padding-left: 25px; font-size: 17px; font-weight: bold; text-transform: uppercase; font-family: 'AachenBTRoman';  position: relative; z-index:1;}
		.navBox li a { color: #5d5d5d; text-decoration: none; }
		.navBox li.about a:hover, .navBox li.about.active a { color: #0eb9f1; }
		.navBox li.blog a:hover, .navBox li.blog.active a { color: #39bd1f; }
		.navBox li.gigs a:hover, .navBox li.gigs.active a { color: #fa02c3; }
		.navBox li.music a:hover, .navBox li.music.active a { color: #e8731f; }
		.navBox li.gallery a:hover, .navBox li.gallery.active a { color: #f8005d; }
		.navBox li.booking a:hover, .navBox li.booking.active a { color: #0ee8e0; }
		.navBox li.promos a:hover, .navBox li.promos.active a { color: #870ff7; }


                /* ### musicbox2 ### */
			.musicBox2 { width: 603px; margin-bottom: 30px; }
			.musicBox2 h3 { line-height: 37px; color: #fff; font-size: 17px; font-weight: normal; font-family: 'AachenBTRoman'; text-transform: uppercase; background: url('../images/heading_bg2.png') repeat-y; padding: 0 10px; }
			.musicBox2 .details { margin: 0 14px; background: #333; padding: 8px; overflow: hidden; padding-bottom: 15px; }
			.musicBox2 p { line-height: 24px; text-shadow: 0 4px 3px #181818; margin-top: -10px; padding:  0 10px  20px 10px; color: #fff; }
                        .musicBox2 p span.date { float: left; width: 74px; height: 72px; text-align: center; text-shadow: none; background: url('../images/date_bg.jpg') repeat-x; margin: -8px 8px 0 -8px; font-size: 48px; font-family: 'AachenBTRoman'; color: #000; line-height: 35px; padding-top: 8px; padding-top: 10px\9; margin-top: 0px;}
			.musicBox2 p span.date span { font-size: 31px; display: block; text-transform:uppercase;  }
                        .musicBox2 a { color: #f47920; text-decoration: none; }
			.musicBox2 a:hover  { text-decoration: underline; }
                
                 /* ### musicbox3 tabel ### */        
                        .musicBox3 { width: 603px; margin-bottom: 30px; }
			.musicBox3 h3 { line-height: 37px; color: #fff; font-size: 17px; font-weight: normal; font-family: 'AachenBTRoman'; text-transform: uppercase; background: url('../images/heading_bg2.png') repeat-y; padding: 0 10px; }
			.musicBox3 .blogs { text-transform:uppercase; margin: 0 14px; background: #333; padding: 8px; overflow: hidden; padding-bottom: 15px; }
			.musicBox3 ul { list-style: none; }
			.musicBox3 li { border-bottom: 1px solid #6c6c6c; font-size: 14px; }
			.musicBox3 li a { display: block; line-height: 36px; color: #fff; padding: 0 7px; text-decoration: none; }
			.musicBox3 li a span { float: left; width: 100px; }
			.musicBox3 li a:hover { background: #555; }
			.musicBox3 a.more { color: #f47920; font-size: 17px; font-family: 'AachenBTRoman'; text-transform: uppercase; text-decoration: none; float: right; margin-top: 15px; text-shadow: 0 2px 2px #0d0d0d; }
			.musicBox3 a.more:hover { color: #ccc; }
                        
                 /* ### picsBox2 tabel ### */
                        .picsBox2 { width: 603px; margin-bottom: 30px; }
                        .picsBox2 h3 { line-height: 37px; color: #fff; font-size: 17px; font-weight: normal; font-family: 'AachenBTRoman'; text-transform: uppercase; background: url('../images/heading_bg3.png') repeat-y; padding: 0 10px; }
                        .picsBox2 .blogs { margin: 0 14px; background: #333; padding: 8px; overflow: hidden; padding-bottom: 15px; }
                        .picsBox2 ul { list-style: none; }
                        .picsBox2 li { border-bottom: 1px solid #6c6c6c; font-size: 14px; }
                        .picsBox2 li a { display: block; line-height: 36px; color: #fff; padding: 0 7px; text-decoration: none; }
                        .picsBox2 li a span { float: left; width: 100px; }
                        .picsBox2li a:hover { background: #555; }
                        .picsBox2 a.more { color: #f8005d; font-size: 17px; font-family: 'AachenBTRoman'; text-transform: uppercase; text-decoration: none; float: right; margin-top: 15px; text-shadow: 0 2px 2px #0d0d0d; }
                        .picsBox2 a.more:hover { color: #ccc; }
                        
                 /* ### picsbox 3 ### */
                        .picsBox3 { width: 603px; margin-bottom: 30px; }
			.picsBox3 h3 { line-height: 37px; color: #fff; font-size: 17px; font-weight: normal; font-family: 'AachenBTRoman'; text-transform: uppercase; background: url('../images/heading_bg3.png') repeat-y; padding: 0 10px; }
			.picsBox3 .details { margin: 0 14px; background: #333; padding: 8px; overflow: hidden; padding-bottom: 15px; }
			.picsBox3 p { line-height: 24px; text-shadow: 0 4px 3px #181818; margin-top: -10px; padding:  0 10px  20px 10px;  color: #fff; }
                        .picsBox3 p span.date { float: left; width: 74px; height: 72px; text-align: center; text-shadow: none; background: url('../images/date_bg.jpg') repeat-x; margin: -8px 8px 0 -8px; font-size: 48px; font-family: 'AachenBTRoman'; color: #000; line-height: 35px; padding-top: 8px; padding-top: 10px\9; margin-top: 0px;}
			.picsBox3 p span.date span { font-size: 31px; display: block; text-transform:uppercase;  }
                        .picsBox3 a { color: #f8005d; text-decoration: none; }
			.picsBox3 a:hover  { text-decoration: underline; }
                        
                 /* ### picsbox 4 tabel ### */ 
                        .picsBox4 { width: 603px; margin-bottom: 30px; }
			.picsBox4 h3 { line-height: 37px; color: #fff; font-size: 17px; font-weight: normal; font-family: 'AachenBTRoman'; text-transform: uppercase; background: url('../images/heading_bg3.png') repeat-y; padding: 0 10px; }
			.picsBox4 .blogs { margin: 0 14px; background: #333; padding: 8px; overflow: hidden; padding-bottom: 15px; }
			.picsBox4 ul { list-style: none; }
			.picsBox4 li { border-bottom: 1px solid #6c6c6c; font-size: 14px; }
			.picsBox4 li a { display: block; line-height: 36px; color: #fff; padding: 0 7px; text-decoration: none; }
			.picsBox4 li a span { float: left; width: 100px; }
			.picsBox4 li a:hover { background: #555; }
			.picsBox4 a.more { color: #f8005d; font-size: 17px; font-family: 'AachenBTRoman'; text-transform: uppercase; text-decoration: none; float: right; margin-top: 15px; text-shadow: 0 2px 2px #0d0d0d; }
			.picsBox4 a.more:hover { color: #ccc; }
                        
                /* ### promos2 ### */
			.promosBox2 { width: 603px; margin-bottom: 30px; }
			.promosBox2 h3 { line-height: 37px; color: #fff; font-size: 17px; font-weight: normal; font-family: 'AachenBTRoman'; text-transform: uppercase; background: url('../images/heading_bg8.png') repeat-y; padding: 0 10px; }
			.promosBox2 .about { margin: 0 14px; background: #333; padding: 8px; overflow: hidden; padding-bottom: 15px; }
			.promosBox2 p { line-height: 24px; text-shadow: 0 4px 3px #181818; padding-bottom: 20px; margin-top: 0px; color: #fff; }
                        .promosBox2 a { color: #870ff7; text-decoration: none;  }
                        .promosBox2 a:hover  { text-decoration: underline; }
                        
                /* ### bookingsbox ### */
			.bookingsBox { width: 603px; margin-bottom: 30px; }
			.bookingsBox h3 { line-height: 37px; color: #fff; font-size: 17px; font-weight: normal; font-family: 'AachenBTRoman'; text-transform: uppercase; background: url('../images/heading_bg9.png') repeat-y; padding: 0 10px; }
			.bookingsBox .about { margin: 0 14px; background: #333; padding: 8px; overflow: hidden; padding-bottom: 15px; }
			.bookingsBox p { line-height: 24px; text-shadow: 0 4px 3px #181818; padding-bottom: 20px; margin-top: 10px; color: #fff; }
                        .bookingsBox p span.date { float: left; width: 74px; height: 72px; text-align: center; text-shadow: none; background: url('../images/date_bg.jpg') repeat-x; margin: -8px 8px 0 -8px; font-size: 48px; font-family: 'AachenBTRoman'; color: #000; line-height: 35px; padding-top: 8px; padding-top: 10px\9; margin-top: 0px;}
			.bookingsBox p span.date span { font-size: 28px; display: block; text-transform:uppercase;  }
                        .bookingsBox a { color: #f47920; text-decoration: none; }
			.bookingsBox a:hover  { text-decoration: underline; }
                        #errors {color: #0ee8e0;}
                        
               /* ### facebook comments ### */
                        .facebook {margin: 10px 0 25px 15px;}
                        
               /* ### youtube iframe center in blog article ### */
               .details iframe {display: block;width: 480px; height: 390px; margin: 0 auto; border: 0;}
               
               /* ### image center in blogarticle ### */
               .details img {display: block;width: auto; height: auto; margin: 0 auto; border: 0;}
               
               /* ### soundcloud center in music article ### */
               .details embed { margin: 0 auto; border: 0;}
               
               /* ### Gallery in blog ### */
               .details p.blog-gallery{ margin-top: -40px; margin-left: 10px;}
		               
                .details ul.album{ list-style: none; overflow: hidden; margin: 0px;  }
		.details li.album { float: left; padding-right: 25px; margin: 0px;  }
		.details li.last { padding-right: 0; margin: 0px;  }