/* ----------
				General Reset
---------- */
html, body, 
h1, h2, h3, h4, h5, h6, 
form, fieldset, input, textarea, 
p, blockquote,
.nav, .nav ul, .nav ol {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
html {
	font-size: 125%;
	/* Sets base (1em) to 20px */
	}
	
body {
	font-size: 50%;
	/* Sets base (1em) to 10px */
	font-family: Helvetica, Arial, sans-serif;
	background: url(../images/assets/bg-stripe.gif);
	}
	
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 1em;
	line-height: 1em;
	}
	
	
	
	
p {
	color: #8c8c8c;
	clear: both;
	line-height: 16px;
	padding: 3px 0;
	margin: 0 0 10px;
	}
	
	p:last-child {
		margin: 0;
		}
		
p strong {
	color: #404040;
	}
	
a {
	text-decoration: none;
	}
	
	a:hover {}
	
a img {
	border: 0;
	}
	
	{
	background: url(../images/assets/ajax-loader.gif) center no-repeat;	
	}
	

/* ----------
				General Styling
---------- */
.nav, .nav ul, .nav ol {
	list-style-type: none;
	overflow: hidden;
	}
	
.title {
	float: left;
	padding: 0 6px;
	margin: 0 0 2px;
	height: 23px;
	font-size: 11px;
	line-height: 23px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	background: rgba(0,0,0,0.17);
	}
	
.sub-title {
	clear: both;
	color: #fff;
	padding: 4px 6px;
	margin: 2px 0;
	font-size: 10px;
	line-height: 14px;
	background: rgba(0,0,0,0.4);
	}
	
.caps {
	text-transform: uppercase;
	}
	
.hidden {
	display: none;
	}
	
span.spacer {
	display: block;
	clear: both;
	height: 20px;
	margin: 0;
	padding: 0;
	visibility: hidden;
	}
	
	
/* ----------
				Main Structure
---------- */
div.container {
	overflow: hidden;
	}
	
div#mainContainer {
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 25px;
	position: relative;
	}
	
div#header, div#content {
	float: left;
	/*background: red;*/
	}
	
	div#header {
		width: 200px;
		padding: 0 0 222px;
		margin: 0 20px 0 18px;
		}
		
	div#content {
		width: 762px;
		}
		
div#footer {
	clear: both;
	font-size: 1.2em;
	}


/* ----------
				Header
---------- */
#logoContainer {
	margin: 0 auto 17px;
	width: 1056px;
	height: 130px;
	position: relative;
	background: url(../images/assets/banner-background.png) top right no-repeat;
	}
	
a.logo {
	position: absolute;
	top: 14px;
	left: 685px;
	width: 306px;
	height: 98px;
	background-image: url(../images/assets/logo-on.png);
	opacity: 0.35;
	text-indent: -999em;
	overflow: hidden;
		
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	}
		
	a.logo:hover {
		opacity: 1;
		}
		
		
/* ----------
				Artist List
---------- */
#artistList {
	position: absolute;
	top: 14px;
	left: 36px;
	}
	
#artistList h3 {
	display: none;
	}
	
#artistList li {
	float: left;
	padding-left: 10px;
	}
	
#artistList li a {
	display: block;
	width: 98px;
	height: 98px;
	position: relative;
	}
	
#artistList li a * {
	position: absolute;
	top: 0;
	left: 0;
	}
	
#artistList li a img {
	opacity: 1;
		
	-webkit-transition: opacity 0.5s ease-in;
	-moz-transition: opacity 0.5s ease-in;
	}
	
	#artistList li a:hover img {
		opacity: 0;
		}
	
#artistList li a span {
	display: block;
	width: 98px;
	height: 98px;
	text-indent: -999em;
	overflow: hidden;
	opacity: 0;
		
	-webkit-transition: opacity 0.5s ease-in;
	-moz-transition: opacity 0.5s ease-in;
	}
	
	#artistList li a:hover span {
		opacity: 1;
		}
		
#intro {
	padding: 27px 0 0;
	}
	
#intro h1 {
	float: left;
	padding: 0 6px;
	margin: 0 0 2px;
	height: 23px;
	font-size: 11px;
	line-height: 23px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	background: rgba(0,0,0,0.17);
	}
	
#intro p {
	clear: both;
	font-weight: bold;
	color: #fff;
	padding: 6px;
	line-height: 16px;
	background: rgba(0,0,0,0.35);
	}
	
#mailingList {
	position: absolute;
	bottom: 184px;
	left: 18px;
	width: 200px;
	}
	
#mailingList h3.legend, #mailingList label {
	float: left;
	padding: 0 6px;
	margin: 2px 0;
	height: 23px;
	font-size: 11px;
	line-height: 23px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	background: rgba(0,0,0,0.5);
	}
	
p {
	color: #8c8c8c;
	clear: both;
	line-height: 16px;
	padding: 3px 0;
	margin: 0 0 10px;
	}
	
	p:last-child {
		margin: 0;
		}
		
#mailingList p {
	margin: 0;
	}
	
#mailingList input {
	clear: both;
	display: block;
	}
	
	#mailingList input[type="text"] {
		background: transparent;
		border: 1px solid #c5c5c5;
		font-size: 14px;
		width: 160px;
		margin-bottom: 2px;
		}
		
	#mailingList input[type="submit"] {
		float: left;
		padding: 0 6px 3px;
		margin: 2px 0 0;
		height: 23px;
		font-size: 11px;
		line-height: 23px;
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		background: rgba(0,0,0,0.17);
		cursor: pointer;
		
		-webkit-transition: background-color 0.2s ease-in;
		-moz-transition: background-color 0.2s ease-in;
		}
		
		#mailingList input[type="submit"]:hover {
			background: rgba(0,0,0,0.35);
			}


/* ----------
				Navigation
---------- */
div#navigation {
	padding-top: 13px;
	}
	
#navigation ul, #artistNavigation li {
	overflow: hidden;
	}
	
	#artistNavigation {
		margin-top: -3px;
		margin-bottom: 13px;
		}
	
#navigation li {
	overflow: hidden;
	padding-top: 2px;
	}
	
	#artistNavigation li {
		float: left;
		padding: 0 2px 0 0;
		}
		
	#artistNavigation li:last-child {
		padding: 0;
		}
	
#navigation a, #artistNavigation a {
	float: left;
	padding: 6px;
	line-height: 1em;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	background: rgba(0,0,0,0.17);
		
	-webkit-transition: background-color 0.2s ease-in;
	-moz-transition: background-color 0.2s ease-in;
	}
	
	#navigation a:hover, #artistNavigation a:hover {
		background: rgba(0,0,0,0.35);
		}
		
#navigation strong {
	display: block;
	padding: 6px;
	/*margin: 0 0 2px;*/
	line-height: 1em;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	background: rgba(0,0,0,0.85);
	cursor: default;
	}
		
#navigation li.current>a {
	background: rgba(0,0,0,0.75);
	}
	
#navigation ul ul {
	clear: both;
	}
	
#navigation li li a {
	background: rgba(0,0,0,0.35);
	display: block;
	float: none;
	}
	
	#navigation li li a:hover {
		background: rgba(0,0,0,0.5);
		}
		
#navigation li li.current a {
	float: left;
	width: 68px;
	margin-top: 2px;
	}
	
#navigation li li.current a:last-child {
	width: 106px;
	margin-left: 2px;
	}


/* ----------
				Footer
---------- */
#footer ul {
	background: url(../images/assets/movie-reel-footer.png) top left repeat-x;
	border-bottom: 4px solid rgb(0,0,0);
	margin: 14px 0 7px;
	padding: 15px 0 0 6px;
	}
	
	#footer li {
		float: left;
		padding: 0 0 0 11px;
		}
		
	#footer a {
		display: block;
		width: 98px;
		height: 96px;
		background: rgba(0,0,0,0.17);
		
		-webkit-transition: background-color 0.2s ease-in;
		-moz-transition: background-color 0.2s ease-in;
		}
		
		#footer a:hover {
			background-color: rgba(0,0,0,0.35);
			}
			
	#footer a span {
		display: none;
		}
		
	#footer a img {
		display: block;
		opacity: 0.5;
		
		-webkit-transition: opacity 0.2s ease-in;
		-moz-transition: opacity 0.2s ease-in;
		}
		
		#footer a:hover img {
			opacity: 1;
			}
	
#footer p {
	float: right;
	background: rgba(0,0,0,0.17);
	font-weight: bold;
	color: #fff;
	height: 23px;
	line-height: 23px;
	padding: 0 7px;
	text-transform: uppercase;
	}


/* ----------
				Main Content
---------- */
.column {
	float: left;
	overflow: hidden;
	}
	
#columnCenter {
	width: 410px;
	margin-right: 10px;
	}
	
#columnRight {
	width: 342px;
	}
	
.column-content {
	background: rgba(255,255,255,0.5);
	overflow: hidden;
	padding: 12px 17px;
	font-size: 11px;
	}

.column-content>span.spacer {
	height: 15px;
	}
	
.column-content>img {
	display: block;
	margin-bottom: 3px;
	border-bottom: 4px solid rgb(0,0,0);
	}
	
.column-content ul:not(.nav), .column-content ol:not(.nav) {
	clear: both;
	color: #8c8c8c;
	padding: 10px 0;
	margin: 0 17px 0 23px;
	}
	
	.column-content ul:not(.nav) li, .column-content ol:not(.nav) li {
		padding: 2px 0;
		}
		
		.sub-columns {
			float: left;
		overflow: hidden;
		
		}
		
.column-left {
		margin-top: 6px;
		float: left;
		width: 170px;
		margin-right: 10px;
	}
.column-right {
		margin-top: 6px;
		float: right;
		width: 185px;
	}
	
	
/* ----------
				Pagination
---------- */
#pagination {
	overflow: hidden;
	}
	
#pagination a {
	float: left;
	padding: 0 6px;
	margin: 0px 2px 0px 0px;
	height: 23px;
	font-size: 11px;
	line-height: 23px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	background: rgba(0,0,0,0.17);

		
	-webkit-transition: background-color 0.2s ease-in;
	-moz-transition: background-color 0.2s ease-in;
	}
		
	#pagination a:hover {
		background: rgba(0,0,0,0.4);
		}