@charset "utf-8";
html
	{
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;		
	}

body 
	{
		margin: 0px 0px 20px 0px;
	}

a
	{
		color: #C4F0FF;
		text-decoration: none;
	}

form
	{
		margin: 0px; padding: 0px;
	}
	
h1
	{
		margin: 0px;
		padding: 5px;
		color: #333;
		font-size: 14px;
	}

h2
	{
		margin: 0px;
		padding: 5px;
		color: #FF6103;
		font-size: 14px;
	}
	
a:hover
	{
		text-decoration: underline;
	}
	
#wrapper
	{
		margin: 0 auto;
		width: 880px;
	}
	
#header
	{
		background: url(img/_header.png) no-repeat;
		height: 90px;
		font-size: 16px;
	}
	
#header .hl
	{
		float: left;
		width: 210px;
		margin: 30px 0px 0px 50px;
	}
	
#header .hr
	{
		float: right;
		width: 400px;
		text-align: right;
		margin: 50px 50px 0px 0px;
		
	}
	
#topbanner
	{
		float: left;
		width: 468px;
		height: 45px;
		padding: 20px 0px 5px 10px;
		color: #333;
	}

#search
	{
		float: right;
		width: 255px;
		height: 45px;
		padding: 20px 5px 5px 5px;
	}
	
#search .sl
	{
		float: left;
		background: #ccc;
		width: 150px;
	}
	
#search .sl input
	{
		width: 150px;
		padding: 5px;
		border: 1px solid #333;
	}
	
#search .sr
	{
		float: right;
		width: 20px;
		padding: 3px 22px 0px 0px;
		font-size: 18px;
	}

#search .sr a
	{
		color: #fff;
		text-decoration: none;
	}
	
#search .sr a:hover
	{
		text-decoration: none;
	}
	
#midpart
	{
		clear: both;
		background: url(img/_mid.png) no-repeat;
		height: 70px;
		color: #333;
	}
	
#content
	{
		clear: both;
		background: #4E89B6 url(img/_content.png) no-repeat;
		padding: 10px 5px 20px 5px;
	}

#selector
	{
		padding-bottom: 20px;
	}

#bbs
	{
		display: none;
	}
	
#menu
	{
		width: 140px;
		float: left;
		padding: 5px;
	}

#menu .menuhead
	{
		background: #C8D4DD;
		border: 1px solid #C8D4DD;
		padding: 0px;
		margin: 0px 0px 10px 0px;
	}
	
#menu .menulinks
	{
		background: #4B83AE;
		padding: 10px;
	}

#stuff
	{
		padding: 5px;
		width: 533px;
		float: left;
	}

#stuff .topnav1
	{
		padding-bottom: 20px;
	}
	
#stuff .topnav2
	{
		padding-top: 20px;
	}

#stuff table
	{
		border: 1px solid #C8D4DD;
		background: #CADCE9;
		color: #2E536E;
	}
	
#stuff table a
	{
		color: #2E536E;
	}
	
#stuff table td
	{
		padding: 3px;
	}
	
#stuff table td.even
	{
		background: #B5CBDB;
	}

#stuff table .artist, #stuff table .artist2, #stuff table .song, #stuff table .hitsm, #stuff table .hitst, #stuff table .user
	{
		height: 28px;
		vertical-align: middle;
		text-align: center;
		background: url(img/_tabletop.png) repeat-x;
		color: #fff;
	}

#sidebanner
	{
		width: 160px;
		float: right;
		padding: 5px;
	}
	
#footer
	{
		clear: both;
		background: #4E89B6 url(img/_bottom.png) no-repeat;
		background-position: bottom;
		padding: 5px 30px 5px 30px;
		text-align: center;
	}
	
#footer p
	{
		padding: 0px; margin: 0px;
	}
	
td.artist
	{
		width: 114px;
	}

td.artist2
	{
		width: 371px;
	}

td.song
	{
		width: 172px;
	}

td.hitsm
 	{
		width: 96px;
	}
	
td.hitst
	{
		width: 64px;
	}
	
td.user
	{
		width: 85px;
	}
	
#spacer
	{
		height: 20px;
	}
