body {
	background-image: url("../images/bg.png");
	background-color: #8e989f;
	height:100%;
	margin: 0; 
	padding: 0;
	text-align: center; 
}
img {
  border: none;
}
#mainwrapper {
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url("../images/bg-mid.png");
	height:100%;
}
#contentwrapper {
  	margin: 0 auto;
  	width: 816px;
  	text-align: left;
}
#headerbg {
	background-position: center top;
	background-repeat: repeat-x;
	background-image: url("../images/header.png");
	height:84px;
}
#headerwrapper {
  	margin: 0 auto;
  	width: 816px;
  	text-align: left;
}
#content {
	padding: 20px 0 0 0;
  text-align: left;
}
#player {
	background-color: #dddddd;
	padding: 4px;
	margin: 2px;
	display: block;
	float: left;
}
#playlist {
	float: left;
	background-color: #dddddd;
	padding: 4px;
	margin: 2px;
	width: 254px;
	height: 350px;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
}
#right{
	background-color: #dddddd;
	padding: 4px;
	margin: 2px;
	display: block;
	float: left;
}
#notice {
  margin: 10px 0px;
  padding: 10px;
  background-color:#FF4444;
}
#contentblock {
	background-color: #dddddd;
	padding: 4px;
	margin: 2px;
	width: 778px;
	float: left;
}
#djmonitor {
	clear: left;
	background-color: #dddddd;
	padding: 4px;
	margin: 2px;
	width: 778px;
}
#discogs {
	clear: left;
	background-color: #dddddd;
	padding: 4px;
	margin: 2px;
	width: 778px;
}
/*********/
/** Font & Type
/*********/
html, body, p, uL {
	font-size: 11px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}
/*********/
/** Menus
/*********/
#topmenu {
	float: left;
}

ul.menu{
	font-size: 12px;
	margin: 60px 0 0 0;
    padding: 0 0 0 0.6em;
}

ul.menu li {
    display: inline;
    list-style-type: none;
    padding: 0 0.6em;
}

#topmenu a {
	color: #48217b;
	font-weight: bold;
	text-decoration: none;
}
#topmenu a:hover {
	color: #ffffff;
}
#topmenu a.active {
	color: white;
}

#logo {
	float: left;
}
/*********/
/** Channel boxes
/*********/
ul.channellist {
  margin-left: 0px;
	padding: 0px;
	list-style-type: none;
}
li.channel, li.currentchannel {
	margin: 1px;
	padding: 3px 0 3px 3px;
	border:1px solid #e4e9e7;
	background-color: #c7cdd0;
	width: 250px;
	background-repeat: repeat-x;
	background-position: 0 center;
	backgroundimage: url(../images/header.png);
  cursor: pointer;
}
li.currentchannel {
	background-color: #ffcdd0;
}
ul.assetlist {
  margin-left: 0px;
	padding: 0px;
	list-style-type: none;
}
li.asset {
	margin: 1px 0px 1px 20px;
	padding: 2px 0 2px 2px;
	border:1px solid #e4e9e7;
	background-color: #c7cdd0;
	width: 225px;
	background-repeat: repeat-x;
	background-position: 0 center;
	backgroundimage: url(../images/header.png);
  cursor: pointer;
}


