* {
	margin: 0px;
	padding: 0px;
}

body {
	background: #203040 url('../images/bg.gif') repeat-x 50% 0%;
	color: #d6e6ed;
	font: 14px "Open Sans", Arial, sans-serif;
	text-align: left;
}

p {
	font-size: 1em; /* 14px */
	/* line-height: 1.2857em; */ /* 18px */
	/* margin: 0 0 1.2857em 0; */
	line-height: 1.45em;
	margin: 0 0 1.45em 0;
}

a {
	//color: #f0d080;
	color: #f0c090;
}

a:hover {
	color: white;
}

h2 {
	font-size: 1.7143em; /* 24px */
	line-height: 1.5em; /* 36px */
	margin-bottom: 0.75em;
	color: #ffffff;
}

h3 {
	color: #c0c0c0;
	font-size: 0.7857em; /* 11px */
	line-height: 1.6364em; /* 18px */
	font-weight: normal;
	margin-bottom: 1.6364em;
}

img {
	border: 0;
}

#layout {
	line-height: 18px;
	width: 980px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

/* header */

#header {
	padding-top: 20px;
	padding-bottom: 40px;
	width: 100%;
	height: 80px;
	margin: 0 auto;
}	

	/* logo */

	#header #logo {
		float: left;
	}

	#header #logo img{
		border: none;
	}

	/* menu */
	
	#header #menu {
		float: left;
		padding-left: 20px;
		padding-top: 34px;
		font-size: 24px;
	}
	
	#header #menu ul {
		list-style: none;
	}
	
	#header #menu ul li {
		float: left;
		padding: 5px;
		margin-right: 20px;
	}

	#header #menu ul li a{
		padding: 5px;
	}
	
	#header #menu ul li a:hover{
		padding: 5px;
		background: #778899;
		border-radius: 5px;
	}
	
	#header #menu .selected {
		color: white;
	}

#releases_thumbs {
	margin-bottom: 20px;
	margin-left: 15px;
}
	
#releases_thumbs a img{
	width: 64px;
	height: 64px;
}
	
	
/* releases */

#releases {
	display: block;
	position: relative;
	font-size: 15px;
	margin-left: 5px;
	width: 100%;
	height: 280px;
}

	#releases .item {
		float: left;
		margin-right: 8px;
		width: 155px;
		height: 280px;
	}

	#releases .item a {
		text-decoration: none;
	}

	#releases .item a .thumb {
		width: 100%;
		height: 155px;
	}
	
	#releases .item a .thumb img {
		border: 0;
		width: 100%;
		height: 155px;
	}

	#releases .item a span.title, #releases .item a span.artist, #releases .item a span.info {
		padding-left: 4px;
		padding-right: 4px;
		background-color: #dddddd;
	}

	#releases .item a:hover span.title, #releases .item a:hover span.artist, #releases .item a:hover span.info {
		background-color: white;
	}
	
	#releases .item a .title {
		color: #303040;
		display: block;
		font-size: 0.8em;
		font-weight: bold;
		line-height: 1.4em;
		overflow: hidden;
		padding-top: 3px;
		text-align: left;
	}

	#releases .item a .artist {
		color: #506070;
		display: block;
		font-size: 0.7333em;
		line-height: 1.6364em;
		overflow: hidden;
		text-align: left;
	}

	#releases .item a .info {
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		color: #506070;
		display: block;
		font-style: italic;
		font-size: 0.7333em;
		line-height: 1.6364em;
		overflow: hidden;
		// padding-top: 0.8182em;
		padding-top: 1.6364em;
		padding-right: 4px;
		padding-bottom: 3px;
		text-align: left;
	}
	
#main_content {
	width: 100%;
	background: #3f4f5f;
	border-radius: 5px 5px;
	margin-bottom: 40px;
}

	/* layout_left */

	#layout_left {
		width: 600px;
		float: left;
		padding-left: 20px;
		padding-top: 20px;
	}
		#layout_left .post{
			padding-bottom: 40px;
		}
		
			#layout_left .post .post_comments {
				font-size: 11px;
			}
		
		#layout_left h1 {
			font-size: 2.4286em; /* 34px */
			line-height: 1.0588em; /* 36px */
			margin-bottom: 0.5294em;
			color: #C0C0C0;
			font-family: "Trebuchet MS";
		}
		
		#layout_left #title h1{
			color: white;
		}
		
		#layout_left h2{
			margin-bottom: 0;
		}

		#layout_left #description {
			margin-bottom: 20px;
		}
			
		#layout_left #tracklist {
			margin: 0 20px 20px 0;
		}
		
		#layout_left #tracklist ol {
			margin-left: 50px;
		}

		#layout_left #tracklist li {
			color: white;
			font-size: 16px;
			line-height: 20px;
			font-family: "Trebuchet MS";
			list-style-position: outside;
			list-style-type: decimal;
			padding: 2px;
		}
		
		#layout_left #tracklist li div.song-comment {
			font-size: 11px;
			color: #aaaaaa;
			vertical-align: text-top;
			float: right;
		}

		#layout_left #credits {
			font-style: italic;
		}
		
	/* layout_right */
		
	#layout_right {
		width: 300px;
		padding: 20px 20px 20px 40px;
		float: right;
	}

		#layout_right h2 {
			color: white;
			font-weight: bold;
			border-bottom: 1px dotted #c0c0c0;
		}

		#layout_right #artwork {
			margin-bottom: 20px;
		}

			#layout_right #artwork img {
				width: 300px;
				height: 300px;
			}

		#layout_right #audioplayer_container {
			margin-bottom: 20px;
		}
		
			#layout_right #share dd {
				margin-bottom: 5px;
			}
			
			#layout_right #share dl {
				margin-bottom: 20px;
			}
		
		#layout_right #reviews {
			clear: both;
		}
		
		#layout_right #details {
			clear: both;
		}
		
			#layout_right #details #license a {
				vertical-align: text-top;
			}
		
		#layout_right dl {
			margin: 0 0 20px 20px;
		}
		
		#layout_right #downloads dd {
			margin-bottom: 10px;
		}
		
		#layout_right ul {
			list-style-type: none;
		}
		
		#layout_right #follow_us ul {
			margin-bottom: 20px;
		}

		#layout_right #follow_us ul li{
			margin-bottom: 10px;
		}
		
			#layout_right #follow_us #facebook {
				background: white;
			}

			#layout_right #follow_us #rss a{
				height: 28px;
				display: inline-block;
				vertical-align: top;
				padding-left: 35px;
				background: url('/images/feed-icon-28x28.png') no-repeat;
			}

			
		#layout_right #news_archives {
			clear: both;
			margin-bottom: 20px;
		}
		
		#layout_right .last_news_item {
			font-size: 11px;
		}
		
#clear {
	clear: both;
}
	
#footer {
	clear: both;
	height: 548px;
	width: auto;
	overflow: hidden;
	background: url('../images/footer.gif') repeat-x 50% 0;
}
	
	
/* everything */

#comments {
	padding-bottom: 40px;
	padding-top: 20px;
}

#comments .com_text {
	padding-top: 5px; 
	padding-bottom: 15px;
}

#input_form {
	padding-top: 10px;
}

#input_form div {
	padding-bottom: 6px;
}

.input_field {
	border: 1px solid #535244; 
	border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #535244;
	color: white;
}

#input_button {
	margin-top: 10px;
	background: #dfdfcf;
	border: 3px solid #dfdfcf;
	border-radius: 3px;
	-moz-border-radius: 3px;
	color: #535244;
	cursor: pointer;
}
