/* $RESET
---------------------------------------------------------------------- */
a {
	text-decoration:none;}	
a:link {
	color:#CC3300;
	outline:none;}
a:visited {
	color:#FF6600;
	outline:none;}
a:hover, a:active {
	color:#FF6600;
	text-decoration:none;
	outline:none;}
a img {
	border:0;}
	
h1,h2,h3,h4,h5,h6 {
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;}	
	
	
:lang(fr) > Q { quotes: '« ' ' »' }
:lang(de) > Q { quotes: '»' '«' '\2039' '\203A' }	

/* $BASIC
---------------------------------------------------------------------- */	
body {
	font-family:Helvetica,Verdana, Arial, sans-serif;
	font-size:12px;
	line-height:18px;
	background:#E2B065;
	text-align:center;
	margin:0;
	padding:0;}

div#wrapper {
	clear:left;
	width:757px;
	margin:0 auto;}
	

/* $COLUMN
---------------------------------------------------------------------- */
div#colleft {
	float:left;
	width:95px;
	height:590px;
	padding:220px 0 0 0;
	background:#E2B065 url(gfx/langmenu_bgnotime.jpg) top left no-repeat;}
* html div#colleft {
	padding:220px 0 0 0;
	height:568px;}
div#colleft a img {
	text-align:left;
	border:0;}
	
div#colright {
	float:right;
	text-align:left;
	width:662px;
	background:#F4A733;}
	
	
/* $HEADER
---------------------------------------------------------------------- */
div.headerimg {
	height:203px;}
div#footer {
	float:right;
	width:662px;
	height:28px;
	text-align:left;
	background:#902D1A url(gfx/footer.gif) top left no-repeat;
	margin:0 0 18px 0;}
div#footer a {
	display:block;
	color:#FEEEC8;	
	font-size:1.3em;
	letter-spacing:-1px;
	margin:4px 0 0 18px;}
div#footer a:hover {
	color:#fff;}		
		
/* $CONTENT
---------------------------------------------------------------------- */
div#content {
	float:left;
	width:480px;
	min-height:455px;
	background:#feeec8 url(gfx/content_hg.gif) top left no-repeat;}

/* IE6 FUCK UP */
* html div#content {
	height:455px;}
	
/* $IMG
---------------------------------------------------------------------- */
div.img {
	float:left;
	width:155px;
	margin:58px 0 0 0;}
div.img img {
	width:142px;
	height:142px;
	margin:0 0 12px 0;}
div.img a img {
	border:0;}

div.press {
	float: left;
	width: 142px;
	margin:58px 0 0 0;}
div.press img {
	width:142px;
	height:142px;
	margin:0 0 2px 0;}	
div.press a {
	margin:0 0 12px 0;}
			
/* $FLASH $SLIDES
---------------------------------------------------------------------- */
div#content object {
	margin:12px 0 0 12px;}
div#content object.slide {
	float:left;
	width:425px;
	height:285px;
	border:4px solid #fff;}	
	
a.backbutton {
	display:block;
	float:left;
	height:16px;
	width:50px;
	margin:12px 0 0 18px;}
		
	
/* $TXT
---------------------------------------------------------------------- */
div.txt {
	float:right;
	width:288px;
	margin:16px 0 0 0;
	padding:0 24px 0 0;
	text-align:justify;}
div.txt dates {
	text-align:left;}
	
div#content h1 {
	font-size:1.6em;
	letter-spacing:-1px;
	color:#902D1A;
	margin:10px 0 18px 0;}
	
div#content h2 {
	font-size:1.3em;
	letter-spacing:-1px;
	color:#902D1A;
	margin:4px 0 2px 0;}
	
div#content h3 {
	font-size:1em;
	color:#902D1A;
	margin:0 0 4px 0;}	
	
hr {
	float:left;
	width:465px;
	border:0;
	border-bottom:3px dotted #000;}


div.txt ul {
	text-align:left;
	margin:12px 0 6px 20px;
	padding:0;}
div.txt ul li {
	font-size: 1.2em;
	list-style-image:url(gfx/list_txt.gif);}
	
div.txt q {
	float:left;
	width:100%;
	margin:0 0 2px 0;}	
div.txt q:before {
	content:open-quote;
	font-size:1.2em;
	font-weight:bold;}
div.txt q:after {
	content:close-quote;
	font-size:1.2em;
	font-weight:bold;}
	
div.txt ul.album {
	display:block;
	margin:12px 0 12px 24px;
	list-style-type:decimal;
	padding:0 0 0 0;}
	
div.txt ul.album li {
	padding:0 0 0 6px;
	list-style-image:none;
	list-style-type:decimal;}
	
span.refrain, span.mark {
	color:#902D1A;
	font-weight:bold;}	
	
/* $ALBUM $GALLERY
---------------------------------------------------------------------- */
div.album {
	float:left;
	width:160px;
	margin:18px 0 0 0;}
div.album img {
	width:142px;
	height:142px;}

div.gallery {}
div.gallery img {
	float:left;
	width:142px;
	height:142px;
	margin:0 12px 12px 0;}


/* $MEDIA
---------------------------------------------------------------------- */	
div#media {
	float:right;
	width:182px;}

/* IE 6 FUCK UP */
* html div#media {height:455px;}


div#media h1 {
	font-size:1.1em;}
div#media a {
	color:#000;
	font-size:1.1em;
	font-weight:bold;}
div#media a:hover {
	color:#FEEEC8;}

div.mediatxt {
	margin:0 0 0 12px;}	
div.mediatxt ul {
	font-size: .875em;
	margin:4px 0 0 20px;
	padding:0;}
div.mediatxt ul li {
	list-style-image:url(gfx/list_media.gif);}	
		

div.login {
	margin:0 0 0 0;
	padding:18px 0 0 28px;
	height:160px;
	background:url(gfx/newsletter_bg.gif) top left no-repeat;}
div.login h1 {
	font-size:1.2em;
	color:#FEEEC8;}
		
div.newsletter {
	margin:18px 0 0 0;
	padding:18px 0 0 28px;
	height:160px;
	background:url(gfx/newsletter_bg.gif) top left no-repeat;}
div.newsletter h1 {
	font-size:1.2em;
	color:#FEEEC8;}
	
	
	
	
/* $NAVIGATION
---------------------------------------------------------------------- */
div.menu {
	height:38px;
	width:100%;
	background:#F4A733;
	margin:0;}
div.menu a {
	display:block;
	float:left;
	height:38px;}
	
a#news {
	width:67px;
	background:#F4A733 url(gfx/nav_0_01.gif) top left no-repeat;}
a#news:hover, a#news.active {
	background:#F4A733 url(gfx/nav_1_01.gif) top left no-repeat;}		
a#bantu {
	width:72px;
	background:#F4A733 url(gfx/nav_0_02.gif) top left no-repeat;}
a#bantu:hover, a#bantu.active {
	background:#F4A733 url(gfx/nav_1_02.gif) top left no-repeat;}	
a#media {
	width:72px;
	background:#F4A733 url(gfx/nav_0_03.gif) top left no-repeat;}
a#media:hover, a#media.active {
	background:#F4A733 url(gfx/nav_1_03.gif) top left no-repeat;}		
a#gallery {
	width:93px;
	background:#F4A733 url(gfx/nav_0_04.gif) top left no-repeat;}
a#gallery:hover, a#gallery.active {
	background:#F4A733 url(gfx/nav_1_04.gif) top left no-repeat;}	
a#live {
	width:63px;
	background:#F4A733 url(gfx/nav_0_05.gif) top left no-repeat;}
a#live:hover, a#live.active {
	background:#F4A733 url(gfx/nav_1_05.gif) top left no-repeat;}		
a#press {
	width:72px;
	background:#F4A733 url(gfx/nav_0_06.gif) top left no-repeat;}
a#press:hover, a#press.active {
	background:#F4A733 url(gfx/nav_1_06.gif) top left no-repeat;}	
a#links {
	width:72px;
	background:#F4A733 url(gfx/nav_0_07.gif) top left no-repeat;}
a#links:hover, a#links.active {
	background:#F4A733 url(gfx/nav_1_07.gif) top left no-repeat;}	
a#contact {
	width:90px;
	background:#F4A733 url(gfx/nav_0_08.gif) top left no-repeat;}
a#contact:hover, a#contact.active {
	background:#F4A733 url(gfx/nav_1_08.gif) top left no-repeat;}	
a#shop {
	width:61px;
	background:#F4A733 url(gfx/nav_0_09.gif) top left no-repeat;}
a#shop:hover, a#shop.active {
	background:#F4A733 url(gfx/nav_1_09.gif) top left no-repeat;}
	
/* $SUBNAVIGATION
---------------------------------------------------------------------- */	
div.submenu {
	height:39px;
	width:100%;
	background:#902d1a url(gfx/subnav_hg.gif) top left no-repeat;
	text-align:right;
	margin:0;}
div.submenu a {
	display:block;
	float:right;
	height:39px;}
	
/* START */
a#start_archiv {
	width:111px;
	background:#902d1a url(gfx/subnav_0_newsarchive.gif) top left no-repeat;}	
a#start_archiv:hover, a#start_archiv.active {
	background:#902d1a url(gfx/subnav_1_newsarchive.gif) top left no-repeat;}	
a#start_myspace {
	width:204px;
	background:#902d1a url(gfx/subnav_0_myspace.gif) top left no-repeat;}	
a#start_myspace:hover {
	background:#902d1a url(gfx/subnav_1_myspace.gif) top left no-repeat;}
	
/* MEDIA */
a#media_records {
	width:81px;
	background:#902d1a url(gfx/subnav_0_records.gif) top left no-repeat;}	
a#media_records:hover, a#media_records.active {
	background:#902d1a url(gfx/subnav_1_records.gif) top left no-repeat;}
a#media_downloads {
	width:105px;
	background:url(gfx/subnav_0_downloads.gif) top left no-repeat;}	
a#media_downloads:hover, a#media_downloads.active {
	background:url(gfx/subnav_1_downloads.gif) top left no-repeat;}	
a#media_comp {
	width:119px;
	background:#902d1a url(gfx/subnav_0_compilations.gif) top left no-repeat;}	
a#media_comp:hover, a#media_comp.active {
	background:#902d1a url(gfx/subnav_1_compilations.gif) top left no-repeat;}
a#media_features {
	width:77px;
	background:#902d1a url(gfx/subnav_0_features.gif) top left no-repeat;}	
a#media_features:hover, a#media_features.active {
	background:#902d1a url(gfx/subnav_1_features.gif) top left no-repeat;}
a#media_videos {
	width:59px;
	background:#902d1a url(gfx/subnav_0_video.gif) top left no-repeat;}	
a#media_videos:hover, a#media_videos.active {
	background:#902d1a url(gfx/subnav_1_video.gif) top left no-repeat;}	
		
/* GALLERY */
a#gallery_bantu {
	width:66px;
	background:#902d1a url(gfx/subnav_0_bantu.gif) top left no-repeat;}	
a#gallery_bantu:hover, a#gallery_bantu.active {
	background:#902d1a url(gfx/subnav_1_bantu.gif) top left no-repeat;}
a#gallery_live {
	width:46px;
	background:#902d1a url(gfx/subnav_0_live.gif) top left no-repeat;}	
a#gallery_live:hover, a#gallery_live.active {
	background:#902d1a url(gfx/subnav_1_live.gif) top left no-repeat;}
a#gallery_family {
	width:69px;
	background:#902d1a url(gfx/subnav_0_family.gif) top left no-repeat;}	
a#gallery_family:hover, a#gallery_family.active {
	background:#902d1a url(gfx/subnav_1_family.gif) top left no-repeat;}
a#gallery_friends {
	width:73px;
	background:#902d1a url(gfx/subnav_0_friends.gif) top left no-repeat;}	
a#gallery_friends:hover, a#gallery_friends.active {
	background:#902d1a url(gfx/subnav_1_friends.gif) top left no-repeat;}
a#gallery_slides {
	width:56px;
	background:#902d1a url(gfx/subnav_0_slides.gif) top left no-repeat;}	
a#gallery_slides:hover, a#gallery_slides.active {
	background:#902d1a url(gfx/subnav_1_slides.gif) top left no-repeat;}	
	
/* LIVE */		
a#live_dates {
	width:110px;
	background:#902d1a url(gfx/subnav_0_tourdates.gif) top left no-repeat;}	
a#live_dates:hover, a#live_dates.active {
	background:#902d1a url(gfx/subnav_1_tourdates.gif) top left no-repeat;}

a#live_band {
	width:45px;
	background:#902d1a url(gfx/subnav_0_band.gif) top left no-repeat;
	margin: 0 6px 0 0;}	
a#live_band:hover, a#live_band.active {
	background:#902d1a url(gfx/subnav_1_band.gif) top left no-repeat;}

a#live_diary {
	width:95px;
	background:#902d1a url(gfx/subnav_0_tourdiary.gif) top left no-repeat;}	
a#live_diary:hover, a#live_diary.active {
	background:#902d1a url(gfx/subnav_1_tourdiary.gif) top left no-repeat;}

/* CONTACT */		
a#contact_contact {
	width:82px;
	background:#902d1a url(gfx/subnav_0_contact.gif) top left no-repeat;}	
a#contact_contact:hover, a#contact_contact.active {
	background:#902d1a url(gfx/subnav_1_contact.gif) top left no-repeat;}
a#contact_imprint {
	width:72px;
	background:#902d1a url(gfx/subnav_0_imprint.gif) top left no-repeat;}	
a#contact_imprint:hover, a#contact_imprint.active {
	background:#902d1a url(gfx/subnav_1_imprint.gif) top left no-repeat;}

/* SHOP */
a#shop_records {
	width:78px;
	background:#902d1a url(gfx/subnav_0_records.gif) top left no-repeat;}
a#shop_records:hover, a#shop_records.active {
	background:#902d1a url(gfx/subnav_1_records.gif) top left no-repeat;}
a#shop_clothing {
	width:83px;
	background:#902d1a url(gfx/subnav_0_cloathing.gif) top left no-repeat;}
a#shop_clothing:hover, a#shop_clothing.active {
	background:#902d1a url(gfx/subnav_1_cloathing.gif) top left no-repeat;}
a#shop_accessary {
	width:95px;
	background:#902d1a url(gfx/subnav_0_accessary.gif) top left no-repeat;}
a#shop_accessary:hover, a#shop_accessary.active {
	background:#902d1a url(gfx/subnav_1_accessary.gif) top left no-repeat;}
	
input, select {
	border:1px solid #E2B065;}
select {
	width:182px;}
input.button {
	margin:18px 0 0 0;}
input.button:hover {
	border:1px solid #902D1A;}	
div.shopcheck {
	margin:4px 0 4px 0;}


/* $INDEX
---------------------------------------------------------------------- */
body#index {
	background: #dbd4c4 !important;}

div.indexbox {
	width: 100%;;
	margin:21px 0 12px 0;}
div.indextxt {
	float:right;
	width:280px;
	height:220px;
	margin:240px 56px 0 0;
	padding:0 0 0 320px;
	text-align:justify;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;}
div.indexlinks {
	font-weight: bold;
	width: 100%;
	margin:4px 0 0 0;}
div.indexlinks a {
	font-size: 2em;
	color: #383429;
	text-decoration: underline;}
	
div.smalllinks {
	padding: 4px;
	margin: 12px 0 0 0;}
div.smalllinks a {
	font-size: 1em;
	color: #ad4f4d;}	
	
div.indexlinks a:hover {
	color: #da2f25;
	text-decoration: underline;}



/* $LIGHTBOX
---------------------------------------------------------------------- */
#lightbox{
	position:absolute;
	top:40px; left:0;
	width:100%;
	z-index:100;
	text-align:center;
	line-height: 0;}

#lightbox a img{border:0;}

#outerImageContainer{
	position:relative;
	background-color: #FEEEC8;
	width:460px;
	height:250px;
	margin: 0 auto;}

#imageContainer{
	padding:10px;}

#loading{
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;}
	
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;}
	
#imageContainer>#hoverNav { left: 0;}
#hoverNav a { outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(lightgfx/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;}
	
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightgfx/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightgfx/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #FEEEC8;
	margin: 0 auto;
	line-height: 1.4em;}

#imageData{
	padding:0 10px;}
	
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;}	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */}	


/* $TWITTER
---------------------------------------------------------------------- */
#twtr-profile-widget {
	margin: 18px 0 0 18px;}
	
#twtr-profile-widget h4 a {font-size:14px !important;}	

a.twtr-join-conv {
	display: none !important;}
	
#twtr-profile-widget .twtr-doc, #twtr-profile-widget .twtr-timeline {
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;}