
body { 
	 font-family: "Lucida Sans Unicode", "Lucida Grande", "Verdana", "Arial", "Helvetica", "sans-serif";
	 background: url(../images/hhh.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#bg
{
	background-color: #000;

}

#wrapper {
	filter: alpha(opacity=20);
	position:relative;
	top: 80px;
	
}

#fb{
	position: fixed;
	top:250px;
	left:10px;
	
}


#header{
	position:absolute;
	width: 100%;
	height: 50px;
	background-color: black;
	top:0;
	left:0;
	opacity:.6;
	filter: alpha(opacity=60);
}	

hr{
	margin: -7px 2px;
	
}
.social{
	position: fixed;
	top:50%;
	left:20px;
}

a img{
	border:none;
}

a.logo{
	position:fixed;
	bottom: 10px;
	left:20px;
	border: none;
}

#labelArtist{
	position:absolute;
		bottom: 60px;
		left:20px;
}

#bar{
		position:absolute;
		width:1280px;
		left:-20px;
		bottom: -30px;
		
}


audio {
    right: -220px;
    position: absolute;
    width: 200px;
    z-index: 10000;
    top: 10px;
    margin-right: 10px;
}

#showPictureButton{
	
    position: absolute;
    right: -220px;
    z-index: 11000;
    top: 12px;
    
    margin-right: 230px;
}


/* Moving Boxes title image wrapper */
#title { 
	position: absolute;
	text-align: left;
	font-size: 25px;
	color:#f0f0f0; 
	text-align:center;
	top:10px;
	margin-top: -2px;
}



/* panel images */
.mb-inside img { 
	width: 100%; 
	border: 2px solid #303030;
	
}

.mb-inside img:hover{
	
}

/* height of the placeholder until image completely loads - needed for
   webkit browsers, add this only if you don't want the height animation
   on startup. 326px measures the height of the current image when enlarged 
*/
#slider-two .current img { /* height: 326px; */ }

/* panel links */
.mb-inside a 
{ 
	color: #333; 
	text-decoration: none; 
	border-bottom: 1px dotted #ccc; 
}


#song
{
	position: absolute;
    right: 360px;
    top: 5px;
    width: 50px;

}

.mb-inside a:hover { 
	border-bottom: 1px solid #999; 
}

/* Add/remove panels buttons */
.buttons { 
	padding: 5px 10px; 
	text-align: center; 
}

/* direct link styling */
.dlinks { text-align: center; font-size: 20px; }

