/*

title: master css
author: bylinebreak.com
last revision: 28/12/09

*/

/* section: imports
---------------------------------------------- */
@import url(library.css);
/* ------------------------------------------- */

/* section: section
---------------------------------------------- */
body {
	background: url(../images/body_bg.png) repeat #111;
	color: #585858;
	font: 14px/1 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: 1px 0 1px #000;
}

	/* section: headers
	---------------------------------------------- */
	h1 {
		background: url(../images/logo.png) no-repeat;
		height: 20px;
		text-indent: -99999px;
		width: 163px;
	}

	h2, h3 {
		color: #fff;
	}

	h2 {
		font-weight: normal;
		font-size: 20px;
		margin-bottom: 20px;
	}
	/* ------------------------------------------- */	
	
	/* section: paragraphs
	---------------------------------------------- */
	p {
		line-height: 1.8em;
		margin-bottom: 20px;
		text-align: justify;
	}
	/* ------------------------------------------- */
	
	/* section: links
	---------------------------------------------- */
	a {
		color: #fff;
		text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
	}
	/* ------------------------------------------- */
	
	/* section: variations
	---------------------------------------------- */
	em {
		font-style: italic;
	}

	strong {
		font-weight: bold;
	}

	.small {
		font-size: 0.8em;
	}
	/* ------------------------------------------- */
/* ------------------------------------------- */

/* section: structure
---------------------------------------------- */
	/* section: grid
	---------------------------------------------- */
	.container {
		margin: 0 auto;
		width: 832px;
	}
	/* ------------------------------------------- */

	/* section: header
	---------------------------------------------- */
	#header {
		background: url(../images/header_bg.png) repeat-x;
		padding: 16px 0;
	}
	
	#header h1 {
		float: left;
		margin-left: 4px;
	}
	
	#header ul {
		float: right;
	}
	
	#header ul li {
		display: inline;
		line-height: 20px;
		margin-right: 30px;
	}
	
	#header ul li.no_right {
		margin-right: 4px !important;
	}
	
	#header ul li a {
		font-weight: 500;
	}
	
	#header ul li a:link, #header ul li a:visited {
		color: #a8a8a8;
	}
	
	#header ul li a:hover, #header ul li a:active {
		color: #fff;
		text-decoration: none;
	}
	/* ------------------------------------------- */
	
	/* section: content
	---------------------------------------------- */
	#content {
		background: url(../images/content_bg.png) repeat;
		padding: 50px 0 30px 0;
	}
	
		/* section: discography
		---------------------------------------------- */
		#discography {
			height: 619px;
			margin-bottom: 20px;
			overflow: hidden;
			position: relative;
			width: 832px;
		}

		#discography .items {
			clear: both;
			position: absolute;
			width: 20000em; /* a really big value so we can scroll */
		}

		#discography .items .page {
			float: left;
			height: 639px;
			width: 852px;
		}

		#discography li.cover {
			background: url(../images/album_artwork_bg.png) no-repeat;
			height: 185px;
			float: left;
			margin: 0 20px 20px 0;
			padding: 4px;
			width: 185px;
		}

		#discography li.cover a img {
			display: block;
		}
		/* ------------------------------------------- */
		
		/* section: navigator
		---------------------------------------------- */
		#navigator {
			padding-left: 4px;
			text-align: center;
		}

		#navigator a { /* center the dots cross browser */
			display: -moz-inline-stack;
			display: inline-block;
			zoom: 1;
			*display: inline;
		}

		#navigator a {
			background: url(../images/navigator_index.png) no-repeat;
			height: 17px;
			margin-right: 4px;
			width: 16px;
		}

		#navigator a:hover {
			background-position: 0 -17px;
		}

		#navigator a.active {
			background-position: 0 -34px;
		}
		/* ------------------------------------------- */
	/* ------------------------------------------- */

	/* section: footer
	---------------------------------------------- */
	#footer {
		border-top: 1px solid #000;
		padding: 30px 0;
	}
	
		/* section: contact_us
		---------------------------------------------- */
		#contact_us {
			float: left;
			margin-right: 20px;
			padding-left: 4px;
			width: 402px;
		}
		
		#contact_us dl {
			border-bottom: 1px solid #1e1e1e;
			display: block;
			margin-bottom: 15px;
			padding-bottom: 15px;
		}
		
		#contact_us dl dt {
			margin-bottom: 10px;
		}
		/* ------------------------------------------- */
		
		/* section: about
		---------------------------------------------- */
		#about {
			float: right;
			padding-right: 4px;
			width: 402px;
		}
		/* ------------------------------------------- */
	/* ------------------------------------------- */
/* ------------------------------------------- */