/*
Theme Name: Mutated Sounds
Theme URI: http://www.mutatedsounds.com
Description: Official Theme Built By Blunt3d Media
Version: 1.0
Author: Blunt3d
Author URI: http://www.blunt3d.com/

*/


html, body {
	margin: 0;
	padding: 0;
	background: #000 url(images/bg.jpg) no-repeat top center;
	}
	
* {
	margin: 0;
	padding: 0;
	}
	

.clear { clear: both; }
	
#container {
	width: 999px;
	position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -496px;
	}

#header {
	width: 999px;
	margin: 0 auto;
	}
	
#header_01 {
	width: 367px;
	height: 194px;
	float: left;
	background: url(images/header_01.jpg);
	}
	
#header_01 h1 a {
	display: block;
	width:  330px;
	height: 165px;
	margin: 20px 0 0 30px;
	}
	
#header_01 h1 a span {
	display: none;
	}
	
#header_02 {
	width: 113px;
	height: 194px;
	float: left;
	background: url(images/header_02.jpg);
	}
	
#header_02 a {
	width: 35px;
	height: 35px;
	display: block;
	margin: 20px 0 0 19px;
	}
	
#header_02 a span {
	display: none;
	}
	
#header_03 {
	width: 519px;
	height: 194px;
	float: left;
	background: url(images/header_03.jpg);
	}
	
#search {
	margin: 155px 0 0 165px;
	}
	
#search form #s {
	height: 30px;
	width: 280px;
	font-size: 20px;
	background: none;
	border: none;
	}
	
#search form #searchsubmit {
	width: 50px;
	height: 30px;
	background: none;
	border: none;
	cursor: pointer;
	}
	
#header_04 {
	width: 999px;
	height: 8px;
	float: left;
	background: url(images/header_04.jpg);
	}
	
#header_05 {
	width: 65px;
	height: 44px;
	float: left;
	background: url(images/header_05.jpg);
	}
	
#menu {
	width: 934px;
	height: 44px;
	float:  left;
	background: url(images/menu.jpg);
	}
	
#menu ul li {
	display: inline;
	float: left;
	}
	
#menu ul li span {
	display: none;
	}

	
#menu ul li.home a, #menu ul li.profiles a, #menu ul li.mixes a, #menu ul li.events a, #menu ul li.gallery a, #menu ul li.forum a, #menu ul li.contact a {
	background: url(images/menu.jpg);
	display: block;
	height: 44px;
	}
	
#menu ul li.home a {
	width: 96px;
	background-position: 0 0;
	}
	
#menu ul li.home a:hover {
	background-position: 0 44px;
	}
	
#menu ul li.profiles a {
	width: 169px;
	background-position: -96px 0;
	}
	
#menu ul li.profiles a:hover {
	background-position: -96px 44px;
	}
	
#menu ul li.mixes a {
	width: 111px;
	background-position: -265px 0;
	}
	
#menu ul li.mixes a:hover {
	background-position: -265px 44px;
	}
	
#menu ul li.events a {
	width: 134px;
	background-position: -376px 0;
	}
	
#menu ul li.events a:hover {
	background-position: -376px 44px;
	}
	
#menu ul li.gallery a {
	width: 152px;
	background-position: -510px 0;
	}
	
#menu ul li.gallery a:hover {
	background-position: -510px 44px;
	}
	
#menu ul li.forum a {
	width: 112px;
	background-position: -662px 0;
	}
	
#menu ul li.forum a:hover {
	background-position: -662px 44px;
	}
	
#menu ul li.contact a {
	width: 157px;
	background-position: -774px 0;
	}
	
#menu ul li.contact a:hover {
	background-position: -774px 44px;
	}
	
#sidebar {
	width: 186px;
	float: left;
	}
	
#sidebar_right {
	width: 300px;
	float: right;
	margin: 0 10px 0 0;
	}
	
#artists_header {
	width: 186px;
	height: 101px;
	background: url(images/artists_header.jpg);
	}
	
#artists_bottom {
	width: 186px;
	height: 83px;
	background: url(images/artists_bottom.jpg);
	}
	
#artists_content {
	width: 186px;
	background: url(images/artists_bg.jpg) repeat-y;
	}
	
#content {
	width: 813px;
	background: url(images/content_bg.jpg) repeat-y;
	float: left;
	
	font-size: 10px;
	font-family: Tahoma, Arial, Verdana;
	}
	
#content_top {
	width: 813px;
	height: 42px;
	background: url(images/content_top.jpg);
	}
	
#content_bottom {
	width: 813px;
	height: 54px;
	background: url(images/content_bottom.jpg);
	}
	
#posts {
	width: 480px;
	float: left;
	margin: 0 0 0 15px;
	}
	
.post {
	background: #002641;
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	}
	
.post h2 {
	width: 470px;
	font-size: 16px;
	padding: 5px 0 5px 10px;
	}
	
.post h2 a {
	color: #9cccff;
	text-decoration: none;
	font-weight: bold;
	}
	
.post h2 a:hover {
	color: #123861;
	}
	
.post_cat {
	width: 350px;
	background: #9cccff;
	font-size: 10px;
	font-weight:  bold;
	margin: 0 0 0 10px;
	text-align:  right;
	padding: 5px;
	float: left;
	}
	
.post_cat a {
	text-decoration: none;
	color: #011020;
	}
	
.post_cat a:hover {
	color: #003d69;
	}
	
.post_genre {
	width: 350px;
	height: 13px;
	background: #88cdff;
	font-size: 10px;
	font-weight:  bold;
	margin: 0 0 0 10px;
	text-align:  right;
	padding: 5px;
	float:  left;
	}
	
.post_genre a {
	text-decoration: none;
	color: #011020;
	}
	
.post_genre a:hover {
	color: #003d69;
	}
	
.post_date {
	text-align:  center;
	width: 110px;
	color: #fff;
	float: right;
	font-size: 12px;
	background: #00182e;
	margin: -24px 0 0 0;
	line-height: 14px;
	padding: 3px 0;
	}
	
.post_date .date {
	font-size: 16px;
	color: #afd8ff;
	}
	
.post_content {
	background: #041d2e;
	padding: 10px 0 20px 35px;
	width: 435px;
	margin: 5px 0 0 10px;
	color: #fff;
	}
	
.post_content img.cover {
	border:  none;
	margin: 0 0 10px 0;
	}
	
p.audioplayer_container {
	margin: 10px 0 0 0;
	}
	
.bookmark_icons {
	width: 400px;
	background: #002641;
	margin: 10px 0 0 0;
	}

.bookmark_icons ul li {
	display: inline;
	}
	
.bookmark_icons ul {
	margin: 5px 0 10px 5px;
	padding: 10px 0 5px 0;
	}
	
.bookmark_icons ul li a {
	text-decoration: none;
	color: #fff;
	height: 50px;
	}
	
.bookmark_icons ul li a:hover {
	color: #87cdff;
	}
	
.bookmark_icons ul li a span {
	vertical-align: top;
	}
	
.bookmark_icons img {
	border: none;
	}
	
p.comments {
	margin: 10px 0 0 15px;
	color: #d0ebff;
	}
	
p.comments a {
	
	color: #2ea8ff;
	font-size: 12px;
	text-decoration: none;
	font-weight:  bold;
	}
	
	
p.comments a:hover {
	
	color: #fff;
	}
	
#tagcloud {
	width: 280px;
	height: 200px;
	background: url(images/tagcloud.jpg) #000;
	padding: 100px 10px 0 10px;
	}
	
#tagcloud a {
	color: #fff;
	text-decoration:  none;
	font-family: Tahoma, Arial, Verdana;
	text-transform: uppercase;
	margin: 30px 5px 30px 5px;;
	}
	
#tagcloud a:hover {
	color: #0bc6ff;
	}
	
	
#links {
	width: 140px;
	background: #002641;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	margin: 10px 0 0 0;
	float: left;
	}
	
#links h3 {
	color: #fff;
	font-size: 14px;
	margin: 5px 0 5px 10px;
	}
	
#links ul {
	width: 110px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	}
	
#links ul li {
	list-style-type: none;
	margin: 0 0 5px -5px;
	}
	
#links ul li a {
	display: block;
	width: 110px;
	background: #04121c;
	color: #fff;
	text-decoration: none;
	padding: 5px;
	}
	
#links ul li a:hover {
	background: #00487b;
	}
	
#google_ad2 {
	width: 160px;
	float: left;
	margin: 10px 0 0 0;
	}
	
/**** PROFILE PAGE ****/

.profile-page {
	margin: -10px 0 0 20px;
	}
	
h2.artist-title {
	font-size: 40px;
	font-weight: bold;
	color: #9cccff;
	border-bottom: 1px dashed #002641;
	width: 400px;
	}
	
h2.artist-title a:hover {
	color: #123861;
	}
	
img.main-profile-pic {
	float: left;
	}
	
.profile-page #artist-info {
	float: left;
	width: 330px;
	height: 380px;
	background: #001f2e;
	color: #fff;
	margin: 0 0 0 10px;
	padding: 10px;
	}
	
.profile-page #artist-info a {
	color: #a1ff8e;
	font-weight: bold;
	}
	
.profile-page #artist-info a:hover {
	color: #fff;
	}
	
.profile-page #artist-info h3 {
	color: #78d4ff;
	}
	
.profile-page #artist-info ul {
	margin: 0 0 0 10px;
	list-style-type: square;
	}
	
.profile-page #artist-info ul li {
	border-bottom: 1px solid #001924;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	}