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


body {
	padding:0px;
	margin:0px;
	background: #000;
}

/* @group elements */

/*container*/
#box {
	width:888px;
	margin:auto;
}
#container {
	width: 888px;
	height:850px;
	margin:auto;
	background:url(back.gif) top center no-repeat;

}




.player {position:absolute;
	margin-left: 455px;
	margin-top:65px;
	padding: 0;
	width:184px;
	height:324px;
	}


	
.cover {position:absolute;
	margin-left: 225px;
	margin-top:208px;
	padding: 0;
	background: url(cover.gif);
	width:184px;
	height:184px;
	}

.archives {position:absolute;
	margin-left: 721px;
	margin-top:721px;
	padding: 0;
	width:162px;
	height:97px;
	}


	
#foot {	
clear:both;
padding: 0;
	margin: 0 auto;
	width:888px;
	height:40px;
background:#d0d0d0;
	
	}




/* @end */

/* @group typography */

p {
	color:#000;
	font: 8px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align:right;
	padding-top:7px;
	padding-right: 10px;
	margin:0;
	
}

.player p, li {
	color:#000;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align:justify;
	padding: 0;
	margin:0;
	list-style-type: circle;
}



h1 {
	color:#000;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align:justify;
	padding:0;
	margin:0;
	
}


h2 {
	color:#000;
	font: 8px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align:justify;
	padding:0;
	margin:0;
	
}

a { outline:none; }
a img { border: 0; }



a {text-transform: none;
	text-decoration: none;
	border-bottom: none;}
a:visited {text-transform: none;
	text-decoration: none;
	border-bottom: none;}
a:hover {text-transform: none;
	text-decoration: none;
	border-bottom: none;}
a:active {text-transform: none;
	text-decoration: none;
	border-bottom: none;}
	
	
#foot a {color:#000;
	text-transform: none;
	text-decoration: none;
	border-bottom: none;}
#foot a:visited {text-transform: none;
	text-decoration: none;
	border-bottom: none;}
#foot a:hover {text-transform: none;
	text-decoration: none;
	border-bottom: 1px dotted;}
#foot a:active {text-transform: none;
	text-decoration: none;
	border-bottom: none;}


.player a {color:#000;
	text-transform: none;
	text-decoration: none;
	border-bottom: 1px dotted;}
.player a:visited {text-transform: none;
	text-decoration: none;
	border-bottom: none;}
.player a:hover {text-transform: none;
	text-decoration: none;
	border-bottom: 1px solid;}
.player a:active {text-transform: none;
	text-decoration: none;
	border-bottom: 1px dotted;}
/* @end */

/* @group menu */
#menu
{
position: absolute;
background-image: url('menu.gif');
width: 93px;
height: 134px;
margin-left: 316px;
margin-top: 64px;
}

#menu a
{
position: absolute;
height: 18px;
width: 100px;		
}


a#buy        
{ 
top: 28px;
}
a#myspace         
{ 
top: 57px;
}
a#lastfm         
{ 
top: 87px;
}
a#contact         
{ 
top: 114px;
}

a#buy:hover
{
background-image: url('buy2.gif');
width: 93px;
height: 25px;
margin-left:-2px;
}
a#myspace:hover
{
background-image: url('myspace2.gif');
width: 93px;
height: 25px;
margin-top: -2px;
margin-left:-2px;
}
a#lastfm:hover
{
background-image: url('lastfm2.gif');
width: 93px;
height: 25px;
margin-top: -4px;
margin-left:-2px;
}
a#contact:hover
{
background-image: url('contact2.gif');
width: 93px;
height: 25px;
margin-top: -4px;
margin-left:-2px;
}

#menu a span
{ 
visibility: hidden;
}

/* @end */