/*
General Stylesheet / YDM Downloads

URL: http://ydmlabel.com
Created by: The Grizzly Anderson
For: Young Dinosaur Movement
Site Design by:	The Grizzly Anderson
		
http://thegrizzlyanderson.com

*/

/******************\
| GENERAL STYLES   |
\******************/

body {
	background: #323533;
	color: #E0E0E0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin: 0;
	}

	a {
		text-decoration: none;
		}
	
/******************\
| ID SPECIFICS     |
\******************/

#header {
	background-color: #141211;
	color: #FFFFFF;
	height: 58px;
	padding: 0px;
	}
	
	#header .container {
		height: 58px;
		margin: 0 auto;
		overflow: hidden;
		width: 960px;
		}
		
		#header .container h1 {
			margin: 0;
			background: url("images/slogan.png") no-repeat scroll 100px 25px #141211;
			text-indent: -9009px;
			display: block;
			width: 381px;
			height: 58px;
			float: left;
			}
	
			#header .container h1 a {
				background: url("images/main-logo.png") no-repeat scroll 0 0 #141211;
				color: inherit;
				display: block;
				float: left;
				height: 38px;
				margin: 10px 16px 0 0;
				text-indent: -9009px;
				width: 84px;
				}
			
				#header .container h1 a:hover {
					background-position: 0 -39px;
					}
					
		#header .container ul {
			float: right;
			margin: 22px 0 0 0;
			list-style: none outside none;
			}
			
			#header .container ul li {
				background-image: inherit;
				color: #FFFFFF;
				float: left;
				font-size: 11px;
				margin-left: 40px;
				}
				
				#header .container ul li a {
					color: #FFFFFF;
					background-color: inherit;
					text-decoration: none;
					}
					
					#header .container ul li a:hover {
						color: #A5A5A9;
						}
				
	#footer {
		height: 150px;
		}
		
		#footer #copyright {
			width: 964px;
			margin: 0 auto;
			font-size: 11px;
			color: #767676;
			overflow: hidden;
			}
			
			#footer #copyright p {
				float: left;
				width: 600px;
				line-height: 15px;
				}
				
				#footer #copyright h4 a {
					background: #323533 url(images/footer-logo.png) no-repeat right 0;
					display: block;
					text-indent: -9009px;
					width: 45px;
					height: 21px;
					float: right;
					outline-style: none;
					}
					
					#footer #copyright h4 a:hover {
						background-position: 0 -22px;
						}

/******************\
| CLASS SPECIFICS  |
\******************/

.downloads {
	background-color: #EEEEEE;
	overflow: hidden;
	color: #323232;
	}
	
	.downloads.alt {
		background-color: #FFFFFF;
		}

	.downloads .content {
		width: 960px;
		margin: 0 auto;
		padding: 40px 0;
		overflow: hidden;
		}
		
		.cover {
			width: 334px;
			position: relative;
			display: block;
			float: left;
			margin-right: 16px;
			}
			
			.cover img {
				border-style: none;
				}
			
			.cover span {
				position: absolute;
				display: none;
				width: 294px;
				height: 167px;
				padding: 167px 20px 0;
				color: #FFFFFF;
				font-size: 14px;
				text-align: center;
				}
				
				a:hover.cover span {
					display: block;
					background: transparent url(images/trans-bg.png) repeat 0 0;
					text-decoration: none;
					top: 0;
					}
					
		.info {
			width: 347px;
			float: left;
			border-right: 4px solid #D1D1D1;
			padding-right: 27px;
			margin-right: 22px;
			line-height: 18px;
			}
			
			.mx {
				font-size: 10px;
				font-weight: bold;
				color: #666666;
				background-color: inherit;
				margin: 0;
				}
				
			.info h2 {
				font-family: Georgia, Times, "Times New Roman", serif;
				font-weight: normal;
				margin: 0;
				}
				
			.release {
				text-transform: uppercase;
				font-size: 11px;
				margin: 3px 0 0;
				color: #666666;
				}
				
			.dlmx {
				font-size: 14px;
				font-weight: bold;
				background-color: #57B6DD;
				color: #FFFFFF;
				text-decoration: none;
				padding: 0 5px;
				text-transform: uppercase;
				}
				
				a:hover.dlmx {
					background-color: #D8DE23;
					}
			
		.tracks {
			float: left;
			width: 210px;
			}

			.tracks h3 {
				font-family: Georgia, Times, "Times New Roman", serif;
				font-size: 14px;
				margin: 0 0 5px;
				font-weight: normal;
				}

			.tracks ol {
				padding: 0;
				margin: 0;
				}

				.tracks ol li {
					margin: 0 0 5px 21px;
					padding: 0;
					}
					
					.tracks ol li span {
						float: right;
						font-size: 11px;
						}
		
		.liner {
			font-size: 11px;
			margin-top: 15px;
			}
			
			.liner a {
				color: #57B6DD;
				background-color: inherit;
				}
				
				.liner a:hover {
					color: #323232
					}