/*! ! ! ! ! ! ! ! ! ! ! ! !
 
		Overall
 
! ! ! ! ! ! ! ! ! ! ! ! ! ! !*/
body {
	background:#eee;
	font-family: 'Trebuchet MS', sans; 
}

body {
	background:#ccc url(/images/stripes4.jpg);
/*	background-repeat:repeat-y;*/
}

body#splash {
	background:url(/images/face.jpg);
	background-repeat:no-repeat; 
	background-position: bottom left; 
	background-attachment:fixed;	
}

h1#header {
	margin:.5em 0 0 0;
}

#main-container { width:630px; padding:0; margin:0; margin-left:250px; }

#header { color:black; font-size:2em; font-weight:bold; font-family:Georgia, serif; }

#navigation .inactive { color:#ccc; text-decoration: line-through; }

#navigation a:hover,
#navigation a:active,
#navigation a:visited,
#navigation a:link { color: red; }

#navigation { 
	margin:.25em 0 1em 0; font-family:Helvetica, sans; letter-spacing:.05em; text-transform: uppercase; font-size:.75em; font-weight:bold; 
	position: absolute;
	top:0;
	left:0;
}

#navigation li { background:#000000; padding-right:5px;}

h3.mixlist { 
	font-size:1.55em;
	display:inline;
	line-height:1.55em;
}

h3.mixlist a:hover,
h3.mixlist a:active,
h3.mixlist a:visited,
h3.mixlist a:link { 
	color: red;
	text-decoration:none;
}

h3.mixlist a:visited {

}

#mixes {
	margin:30px 0;	
}

#footer {
	font-family: Arial, Helvetica, sans-seif;
	font-size:.8em;
	line-height:1.3em;
	padding-bottom:30px;
	border-bottom:5px solid red;
	margin:0; 
}

#footer #photo-credit { font-size:.85em; margin:.5em 0 0 0; }

/*! ! ! ! ! ! ! ! ! ! ! ! !
 
		SPLASH
 
! ! ! ! ! ! ! ! ! ! ! ! ! ! !*/

#new-mix,
#random-mix {
	float:left;
	width:207px;
}

#all-mix {
	float:right;
	width:400px;
}

#all-mix li {
	border-bottom:1px solid #999;
	padding-top:4px;
	padding-bottom:4px;	
}

body#splash h2 {
	background:black;
	color:white;
	padding:5px;
	margin-top:15px;
	margin-bottom:8px;
}

/*! ! ! ! ! ! ! ! ! ! ! ! !
 
		MIX 
 
! ! ! ! ! ! ! ! ! ! ! ! ! ! !*/

.mix { 
	color: black; 
	/*border:1px solid #000;*/
	background:white;	
}

.mix h2 { 
	font-weight:normal;
	font-size:2em;
	margin:0;
	color:#fff;
	text-align:center;
	background:#000;
	padding:55px;
	margin:0 0 20px 0; 
}

.mix .bp-buttons { 
	background:red; 
	color:#fff;
	padding:5px 30px;
	position:relative;
	margin:55px 0 0 0;
	font-weight:bold;
	letter-spacing:-4px;
	font-size:1.5em;
}

.mix #button-n { float:right;  }
.mix #button-p { float:left;  }

.mix .bp-buttons a:link,
.mix .bp-buttons a:hover,
.mix .bp-buttons a:active,
.mix .bp-buttons a:visited {
	text-decoration:none;
	color:white;
}

a:link,
a:hover,
a:active,
a:visited {
	text-decoration:none;
	color:red;
	font-weight:bold;
}

.mix .tracklist,
.mix .cover-art,
.mix .story,
.mix .description {
	margin:5px 30px;
}

.mix .description p {
	font-size:.9em;
	line-height:1.3em;
}

.mix .description h4 {
	margin-top:25px;
}

.mix #player-container {
	float:left;
	margin-left:30px;
	width:350px;
	background:red;	
	padding-bottom:0;
	*display:inline;	
}

.mix #player-container h3 {
	padding:10px;
	font-weight:bold;
	color:white;
}

.mix #download-container {
	float:right;
	background:black;
	width:207px;
	margin-right:30px;
	padding-bottom:15px;
	*display:inline;		
	*margin-bottom:1em;
}

.mix #download-container h3 {
	padding:10px;
	font-weight:bold;
	color:white;	
}

.mix #download-container p {
	font-family:Arial, Helvetica;
	font-size:.9em;
	padding:0;
	padding-left:10px;
}

.mix .player { 
	padding-left:10px;
	font-size: 11px;
	margin-bottom:8px;	
}

.mix .filecount2 .player {
	margin-top:7px;
	margin-bottom:16px;
}

.mix .tracklist ol,
.mix .story p {
	font-size:.80em;
	line-height:1.3em;
}

.mix .tracklist {
	width:350px;
	margin-right:0; 
}

.mix .tracklist ol li {
	border-bottom:1px solid #9f9f9f;
	margin-bottom:3px;
}

.mix .cover-art {
	margin-top:9px;
	*margin-top:15px;
	margin-left:0;
	width:207px;
	height:207px;
	background:#ccc;
	*display:inline;
	float:right;
	overflow:hidden;
}

.mix h4 {
	background:black;
	color:white;
	padding:5px;
	margin-top:15px;
	margin-bottom:8px;
}

.mix span.length {
	font-family:Georgia;
	font-size:.8em;
	color:#fff;
	font-weight:normal;
}