div.prefooter {
  height: 1px;
  clear:both;
}
body {
  
  margin: 0px;
  padding: 1em 1em 1em 2em;
  font-family: "Trebuchet MS", "Arial", sans-serif;
}
div.meta {
  float: left;
}
div#player,div#playlist,div#browser,div#artist,div#magic {
	border: 1px double #777;
	background: #ddd url('./default/header.png') repeat-x top;
	padding: 5px 10px;
	margin-bottom: 1em;
}
div#player,div#playlist, div#magic {
  clear: left;
  margin-bottom: 1em;
}
span.title1, span.title2 {
  margin: 0px;
  padding: 0px;
  letter-spacing: 2px;
}
span.title1 {
  color: #AAA;
}
span.title2 {
  font-weight: bold;
  color: #E91;
}
div.playerbox {
	width: 100%;
	border: 1px solid #000;
	
	margin: 0px auto;
	margin-top: 20px;
}
h1#host {
  color: #ddd;
  font-size: 18px;
  margin: 2px 2px 0px;
  padding: 0px;
  letter-spacing: 4px;
}
div.controls,div.options {
  padding: 0px 1em;
}
div.options {
  border-top: 1px solid #888;
}
div.control {
  text-align: center;
  float: left;
  margin: 0px 5px;
}
div.controls a, div.options a {
  font-size: small;
  font-weight: bold;
  margin: 0px auto;
  color: #ddd;
  text-decoration: none;
  letter-spacing: 2px;
}
div.controls a:hover, div.options a:hover {
  color: #e91;
}
h3 {
  color: #333;
  margin: 0px;
  padding: 0px;
  font-size: 11px;
  font-family: "Arial","Trebuchet MS",sans-serif;
}
div.status {
  background: #5c8eb1;
  padding: 1px 4px;
}
div.nowplaying {
  padding: 0em 1em;
}
span.songinfo {
  font-weight: bold;
}
#songlist,#directorylist {
  margin: 2.2em 0em 0em 0em;
  font-size:small;
}
#directorylist {
  list-style: none;
  padding: 0px;
}
#playlist_list, #magic_list {
  font-size:small;
  list-style: none;
}
#playlist_list {
  border-top: 1px solid #666;
}
div#browser {
 margin: 0em 0em 0em 0em;
}
#songlist a,#directorylist a {
  color: #621;
  text-decoration: none;
}
#playlist_list a, #magic_list a {
  color: #462;
  text-decoration: none;
}
#magic_list {
	padding-left: 10px;
	margin: 2.2em;
}
#current_song {
  color: #731;
  font-weight: bold;
}
#songlist a:hover, #directorylisy a:hover, div.right_controls a:hover, #playlist_list a:hover, #magic_list a:hover {
  color: #e91;
}
div.right_controls {
  float: right;
  margin: 0px;
  padding: 0px;
  color: #ddd;
}
div.right_controls a {
  font-size: small;
  text-decoration: none;
  color: #ddd;
}
img {
  border-width: 0px;
}
div#similiar_artists img {
  margin: 10px 2px;
}
table td {
  vertical-align: text-top;
}
#playlist_list {
  padding-left: 10px;
}
