/* Include the resets script */
@import url(reset.css);


/*
** 
** Main container elements
**
*/
html, body {
	min-width:1024px;
	width:100%;
}

p,
a,
span,
input {
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

a {
	color:#0c555c;
	text-decoration:none;
}

.container {
	margin:0 auto;
	position:relative;
	width:1024px;
}


/*
** 
** Heading elements
**
*/
.site-header {
	margin:20px 0;
}

.playlist,
.menu-container {
	vertical-align:top;
}

.playlist {
	float:right;
	height:24px;
	width:300px;
	position:relative;
	border:1px solid #CCC;
	padding:7px;
}

.playlist object,
.playlist embed { float:left; }

.playlist-info {
	margin-left:32px;
}

.site-logo {
	display:inline-block;
	height:32px;
	width:162px;
}

.menu-container {
	display:inline-block;
	height:22px;
	padding:7px 0 5px 20px;
}

.menu-container ul,
.menu-container ul li {
	display:inline;
	list-style-type:none;
}

.menu-container ul li {
	margin:0 10px;
}

	/* Menu items */
	.menu-home a img,
	.menu-shows a img,
	.menu-blog a img,
	.menu-bio a img,
	.menu-contact a img,
	.menu-media a img {
		background-position:0 0;
		background-repeat:no-repeat;
		display:inline-block;
		height:9px;
	}

	.menu-home a img {
		background-image:url(/design/menu-home.png);
		width:41px;
	}
	
	.menu-home a:hover img {
		background-position:0 -9px;
	}
	
	.menu-shows a img {
		background-image:url(/design/menu-shows.png);
		width:53px;
	}
	
	.menu-shows a:hover img {
		background-position:0 -9px;
	}
	
	.menu-blog a img {
		background-image:url(/design/menu-blog.png);
		width:38px;
	}
	
	.menu-blog a:hover img {
		background-position:0 -9px;
	}
	
	.menu-bio a img {
		background-image:url(/design/menu-bio.png);
		width:25px;
	}
	
	.menu-bio a:hover img {
		background-position:0 -9px;
	}
	
	.menu-contact a img {
		background-image:url(/design/menu-contact.png);
		width:69px;
	}
	
	.menu-contact a:hover img {
		background-position:0 -9px;
	}
	
	.menu-media a img {
		background-image:url(/design/menu-media.png);
		width:46px;
	}
	
	.menu-media a:hover img {
		background-position:0 -9px;
	}


/*
** 
** Splash site-wide
**
*/
.page-heading-container {
	position:relative;
	width:1024px;
	height:550px;
	overflow:hidden;
}

.page-splash,
.page-heading {
	position:absolute;
}
.page-splash {
	width:1024px;
	height:550px;
}
.page-heading {
	top:20px;
	left:20px;
	z-index:99;
}


/*
** 
** Content container for the site
**
*/
.site-content {
	position:absolute;
	top:55px;
}


/*
** 
** Footer elements
**
*/
.site-footer {
	border-top:2px solid #7f7f7f;
	margin:4px 0;
	padding:0 0 0 25px;
}

.site-footer h3 {
	margin:15px 0 5px;
}

.site-footer h3 img {
	background-repeat:no-repeat;
	height:10px;
	width:100%;
}

.footer-album,
.newsletter-signup,
.social-media {
	display:inline-block;
	float:left;
}

.footer-album,
.newsletter-signup {
	margin:0 40px 0 0;
}

.footer-album {
	width:525px;
}

.footer-album h3 img {
	background-image:url(/design/sub-new-album.png);
}

.footer-album p {
	color:#4D4D4D;
	font-family:Georgia,serif;
	font-size:12px;
	font-style:italic;
	line-height:21px;
}

.footer-album ul {
	display:inline-block;
	height:21px;
	margin:20px 0 0;
}

.footer-album ul li {
	display:inline;
	height:21px;
	line-height:21px;
	vertical-align:top;
}

.footer-album ul li h4 {
	display:inline;
}

.footer-album ul li h4 img {
	background-image:url(/design/button-buy-album.png);
	background-repeat:no-repeat;
	height:21px;
	width:52px;
}

.footer-album ul li h4.hover-element img {
	background-position:0 -21px;
}

.footer-album ul li a,
.footer-album ul li a span {
	color:#222222;
	text-decoration:none;
}

.footer-album ul li a {
	margin:0 6px;
}

.footer-album ul li span {
	background-color:#E6E6E6;
	padding:2px 10px;
	vertical-align:top;
}

.footer-album ul li span a {
	text-decoration:none;
}

.newsletter-signup {
	width:230px;
}

.newsletter-signup h3 img {
	background-image:url(/design/sub-newsletter.png);
}

.newsletter-signup ul li {
	padding:0 0 5px 0;
}

.newsletter-signup ul li input.text-field {
	background-color:#E6E6E6;
	border:none;
	color:#808080;
	font-size:10px;
	letter-spacing:1px;
	padding:4px;
	width:227px;
}

.newsletter-signup ul li input.button {
	background-image:url(/design/button-newsletter-signup.png);
	height:21px;
	width:235px;
}

.newsletter-signup ul li input.button:hover {
	background-position:0 -21px;
}

.newsletter-signup ul li#newsletter-message {
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#555;
}

.social-media {
	width:160px;
}

.social-media h3 img {
	background-image:url(/design/sub-social-media.png);
}

.social-media ul li {
	padding:0 0 3px 0;
}

.social-media ul li,
.social-media ul li a {
	color:#666666;
	font-size:12px;
	text-decoration:none;
}

.site-credit {
	clear:both;
}

.site-credit p {
	padding:5px 85px 0 0;
	text-align:right;
}

.site-credit p a {
	color:#999999;
	text-decoration:none;
}