/* Layout Stylesheet */ 

  body {
	text-align:center;
	}

#container
{
	width:99%;
	text-align:center;
}	
	
#top
{	
	width:auto;
	border:solid 0px #EEEEEE;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding:0px;
	display:table;
}
	
#top ul {	
	list-style: none;
	display:table;
	padding: 0;
	margin: 0;
	text-align: center;
	color:#AAAAAA;
}
#top li {
	width:135px;
	height:auto;
	float:left;
}

#top img {
	margin-left:auto;
	margin-right:auto;
}

#middle
{	
	width:675px;
	height:auto;
	border:solid 0px #EEEEEE;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	position:relative; top:10px;
	padding:0px;
	display:table;
}

#middle ul {	
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}

#middle li
{
float: left;
}

#middle li a {	
	
	margin:2px;
	padding:0px;
	text-decoration: none;
	float:left;
	height:125px;
	width:125px;
	border-left:3px solid #EEEEEE;
	border-top:3px solid #EEEEEE;
	border-right:3px solid #AAAAAA;
	border-bottom:3px solid #AAAAAA;
}
#middle li a:hover {
	border: 3px solid #AAEE44;
	}
	
#middle img {
	margin-left:auto; margin-right:auto;
	}
ul.tracklist{
	color:#cccccc;
	display:block;
	list-style: none;
}
ul.tracklist li {
	display:block;
	}
	
#bottom
{
	border:0px;
	text-align:center;
	position:relative;top:20px;
	padding-bottom:10px;
	display:block;
	width:auto;
}

.image-preview{
	float:left;
	width:200px;
	height:200px;
	margin:3px;
	border:1px solid #eeeeee;
	overflow:hidden;
	text-align:center;
	display:block;
}
.image-preview  img{
	float:left;
	max-height:200px;
	max-width:200px;
	display:block;
	margin: 0 auto; 
}

.rand_image img{
	max-height:303px;
	max-width:808px;
}
img {
	display:block;
	border:0px;
}

p   {
	color:#FFFFFF;
	}
a {
	color:#BBB;
	}

h3	{
	color:#AAAAAA;
	font-size:14px;
	font-family:arial;
}