@charset "UTF-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
}
img {
	border: 0px;
}
img:hover {
	box-shadow: 2px 2px 2px #CCC;
}

/* Text
----------------------------------------------- */
h1 {
	font-size: 3em;
	line-height: 0.5;
	display: none;
}
h2 {
	font-size: 1em;
	line-height: 0.1;
}
h3 {
	font-size: 1em;
}
.profile ul {
	list-style-image: url(images/bullet.gif);
}

/* Hyperlinks
----------------------------------------------- */
a:link {
	color: #009;
	text-decoration: none;
}
a:visited {
	color: #009;
	text-decoration: none;
}
a:hover {
	color: #0CF;
	text-decoration: none;
}
a:active {
	color: #0CF;
	text-decoration: none;
}

/* Header
----------------------------------------------- */
#wrapper {
	position: relative;
	margin: auto;
}
.header_1 {
	position: relative;
	width: 99%;
	height: auto;
	margin: 0 0.5% 0.5% 0.5%;
	float: left;
}
.header_2 {
	position: relative;
	width: 98%;
	height: auto;
	margin: 0 1% 0.5% 1%;
	float: left;
}
.albums {
	position: relative;
	width: 100%;
	height: auto;
	padding: 0.5% 0;
	float: left;
}
.albums ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.albums ul li {
	width: 15.65%;
	margin: 0.5%;
	float: left;
}

/* Main
----------------------------------------------- */
.subheader {
	position: relative;
	width: 97%;
	height: auto;
	color: #666;
	background: #CCC;
	margin: 0 0.5%;
	padding: 1%;
	float: left;
}
.subheader:hover {
	color: #FFF;
	background: #CCC;

}
.page {
	width: auto;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
}
.spacer {
	position: relative;
	width: 1%;
	height: 10px;
	float: left;
}
.profile {
	position: relative;
	width: 98%;
	padding: 1%;
	float: left;
}
.album_list {
	position: relative;
	left: 0.5%;
	width: 24.5%;
	float: left;
}
.song_list {
	position: relative;
	width: 37%;
	float: left;
}
.lyrics {
	position: relative;
	width: 37%;
	float: left;
}

/* Video
----------------------------------------------- */
.video {
	position: relative;
	height: auto;
	clear: both;
}
video {
	max-width: 100%;
	height: auto;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

/* Footer
----------------------------------------------- */
.footer {
	position: relative;
	width: 97%;
	height: auto;
	color: #666;
	font-weight: bold;
	text-align: center;
	background: #CCC;
	margin: 0 0.5% 1% 0.5%;
	padding: 0 1%;
	float: left;
}
.footer:hover {
	color: #FFF;
	background: #CCC;

}