/* *** css by lichterkettenraucher. www.lichterkettenraucher.de*/


body {
	padding:0px;
	margin:0px;
	background: #000 url(stripe.png);
}

/* @group elements */

#container {
	background: #1d1f1f;
	width: 900px;
	margin:auto;
	height: auto;
	padding: 0;
	
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	border-top: 5px solid #fff;
}

#header {
	
	margin: 0;
	padding: 0;
	background:url(album.jpg);
	width:900px;
	height:250px;
	border-bottom: 5px solid #fff;
}

#break {
	clear:both;
	margin: 0;
	padding: 0;
	background:#e7ab57;
	width:900px;
	height:20px;
	border-bottom: 5px solid #fff;
	
}


#menu {
	clear:both;
	margin: 0;
	padding: 0;
	background:#1d1f1f;
	width:900px;
	height:50px;
	border-bottom: 5px solid #fff;
	
}


#break2 {
	
	margin: 0;
	padding: 0;
	background:#e7ab57;
	width:900px;
	height:20px;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
}




#break3 {
	margin: 0;
	padding: 0;
	background:#e7ab57;
	width:900px;
	height:20px;
	border-top: 5px solid #fff;
}

#links {
	margin-left:450px;
	padding-top:55px;
	background: #1d1f1f url(overkill.jpg) top center no-repeat;
	width:450px;
	height:200px;
	
}

.player {
	float:right;
	margin:-90px 50px 50px 50px;

}

#albumpic {
	margin-left:450px;
	margin-top:0px;
	background: #1d1f1f url(http://instant.lichterkettenraucher.de/rotator/rotator.php);
	width:450px;
	height:300px;
    border-bottom: 5px solid #fff;
}



#album {
	float:left;
	background: #1d1f1f url(face.jpg) top left no-repeat;
	width:450px;
	height:570px;
	border-right: 5px solid #fff;
	border-bottom: 5px solid #fff;
	

}


#blog {
	float:left;
	background: #1d1f1f;
	width:450px;
	border-right: 5px solid #fff;
	padding-right:15px;

	

}

#bio {
	float: left;
	background: #1d1f1f url(logo.gif) top center no-repeat;
	width:450px;
	height:890px;
	border-right: 5px solid #fff;
	
}

#disco {
	background: #1d1f1f;
	width:900px;
	
}


#linkspic {
	float:left;
	background: #1d1f1f url(linksback.jpg) top center no-repeat;
	width:450px;
	height:275px;
	border-right: 5px solid #fff;
}

#contentright {
	margin-left:450px;
	margin-top:0px;
	width:450px;
	background: #1d1f1f url(robotback.jpg) top center no-repeat;
	width:450px;
	height:850px;

}






#bioright {
	margin-left:450px;
	margin-top:0px;
	width:450px;
	background: #1d1f1f url(robotback.jpg) top center no-repeat;
	width:450px;
	height:850px;

}

#slide{
	
	clear:both;
	border-top: 5px solid #fff;
	background: #1d1f1f;
	
}

.lastfm{float:right;
margin-top:-350px;
	padding-right:20px;

}


#last{
	
	clear:both;
	border-top: 5px solid #fff;
	background: #1d1f1f;
}


.chartshead {
	background:url(last.gif) top left no-repeat;
	height:25px;
	width:155px;
	margin-left:50px;
	margin-top:-185px;
	
	}


.charts{
	padding-bottom:45px;
	background:url(http://imagegen.last.fm/theclears/recenttracks/lichterkettenraucher.gif) top left no-repeat;
	height:150px;
}


.recents{
	margin-top:50px;
	margin-left:330px;
	height:150px;
	width:150px;
}


#news {
	clear:both;
	margin: 0px 0px 0px 0px;
	padding:50px 0px 20px 0px;
	background: #1d1f1f url(news.gif) top left no-repeat;
	width:800px;
}	

#foot {
	clear: both;
	margin: 0;
	width:900px;
	height:415px;
    background:url(foot.jpg);
  
}	


/* @end */




/* @group typography & links */


p {
	color:#fff;
	font: 12px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align:justify;
	padding-left:50px;
	padding-top:40px;
	padding-right:50px;

}


ol {
	color:#fff;
	text-align:justify;
	padding-left:25px;
	padding-top:40px;

}

.break p {
	color:#fff;
	font: 12px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align:justify;
	padding-left:50px;
	padding-right:50px;

}


#album p {
	color:#fff;
	font: 12px/19px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align:justify;
	padding-left:50px;
	padding-top:0px;
	padding-right:50px;

}



/* general links */

a { outline:none; }



a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
	
}

a:visited {color:#fff;
border-bottom:dotted 1px #fff;
}

a:hover {
	color: #e7ab57;
	border-bottom: solid 1px #e7ab57;
}

a:active { color:#aaa;
border-bottom: dotted 1px #aaa;
}

h1 a {
	color: #fff;
	text-decoration: none;
	border-bottom: 0px solid #fff;
	
}

h1 a:visited {color:#fff;
border-bottom:solid 0px #fff;
}

h1 a:hover {
	color: #e7ab57;
	border-bottom: solid 1px #e7ab57;
}

h1 a:active { color:#aaa;
border-bottom: dotted 1px #aaa;
}



/* footer */



h1 {
	color:#fff;
	font: small-caps 15px/11px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align:right;
	padding:17px 17px 0px 0px;
	margin:0;
}

/* headline */

h2 {
	color:#fff;
	font: 12px/25px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align:left;
	padding-left:50px;

}

h3  {
	color:#fff;
	font: 10px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-left:50px;
	padding-top:20px;
}

/* @end */

/* @group images */

img.download {vertical-align:middle;}



.mainpic {
float: left;
margin:4px 15px 10px 0px;
background:#fff;
padding:3px;
border: 1px solid #fff;
height:150px;
}


.pic  {
float:left;
margin:20px 250px 10px 0px;
background:#fff;
padding:2px;
border: 1px solid #fff;
height:150px;
}




.presspic  {
float:left;
margin:0px 20px 20px 40px;
background:#fff;
padding:2px;
border: 1px solid #fff;
height:75px;
}


.discopic  {
margin:0px 0px 4px 4px;
background:#1d1f1f;
padding:1px;
border: 1px solid #fff;
height:50px;
width:50px;
}

.discopics  {
	float:left;
	width:120px;
margin:40px 20px 50px 50px;


}



/* @end */
