/* ALLGEMEIN
------------------------------------------------------------------------------*/

*{
  outline:none;
  font-size:13px;
  color:#FFF;
  font-family: 'Droid Sans', arial, sans serif;
  line-height:1.5em;
}

body{
  margin:0;
  padding:0;
  background:#000;
}

form,
fieldset,
img{
  border:0;
  margin:0;
  padding:0;
}

.clear{
  clear:both;
  line-height:0;
  height:0;
  font-size: 1px;
}

/* TOOLTIP
------------------------------------------------------------------------------*/

#easyTooltip {
  padding: 5px 7px;
  background: #000000;
  color:#FFF;
  font-size: 12px;
  z-index: 999;
}

/* CONTENT
------------------------------------------------------------------------------*/

#content a{
  color:#741eaa;
  text-decoration:none;
}

#content a:hover{
  color:#FFF;
  text-decoration:none;
}


/* CONTENT > ALLG
------------------------------------------------------------------------------*/
#content h1{
  margin:0 0 20px 0;
  padding:0;
}

#content h1 span,
#content h1 span a{
  font-size: 20px;
  font-weight: normal;
  text-transform: uppercase;
  padding:2px 0;
  margin:0 0 0px 0;
  background:#000;
}

#content p span{
  background:#000;
  padding:1px 0;
}

#content p{
  margin:5px 0 10px 0;
}




 /* CONTENT > CONTENT (LEFT)
------------------------------------------------------------------------------*/

#content .content{
  width:550px;
  float:left;
  margin:20px 60px 20px 0;;
}


 /* CONTENT > SIDEBAR (RIGHT)
------------------------------------------------------------------------------*/

#content .sidebar{
  float:left;
  width:200px;
  margin:20px 0 0 0;
}

#content .sidebar h1{
  margin:0 0 10px 0;
}

/* CONTENT > NEWS
------------------------------------------------------------------------------*/

#content .news{
  width:540px;
  margin:0 0 30px 0;
}

#content .news h1{
  margin-bottom:0;
}

/* CONTENT > LIVE
------------------------------------------------------------------------------*/

#content .live h1{
  margin-bottom:0;
}


#content .live p{
  margin:0 0 5px 0;
}


/* CONTENT > VIDEOS
------------------------------------------------------------------------------*/

#content .videos a{
  width:160px;
  height:100px;
  border: 2px solid #000;
  display:block;
  float:left;
  margin:0 25px 25px 0;
}

#content .videos a.last{
  margin-right:0;
}


#content .videos a:hover{
  border: 2px solid #741eaa;
}

/* CONTENT > CONTACT
------------------------------------------------------------------------------*/

#content .contact{
  width:540px;
}

#content .contact h1{
  margin-bottom:0;
}


/* SIDEBAR > PLAYER
------------------------------------------------------------------------------*/

#content .mp3player{
  margin:0 0 20px 0;
}


/* SIDEBAR > NEWSLETTER
------------------------------------------------------------------------------*/

#content .newsletter{
  margin:0 0 20px 0;
}

#content .newsletter .error{
  background:#FF0000;
  padding:5px 10px;
}

#content .newsletter .msg{
  background:#000000;
  padding:5px 10px;
}


/* SIDEBAR > FRIENDS
------------------------------------------------------------------------------*/

#content .friends{
  margin:0 0 20px 0;
  background:#000;
}

#content .friends ul{
  margin:10px 0;
  padding:10px;
  list-style-type:none;
}


/* FORM
------------------------------------------------------------------------------*/

#content form{
  background:#000;
  padding:10px;
}

#content form label{
  margin-bottom:5px;
  display:block;
}


#content form input.txt{
  color:#000;
  margin-bottom:5px;
}

#content form input.btn{
  color:#000;
  margin-bottom:5px;
}




/* CONTAINER
------------------------------------------------------------------------------*/

#bg{
  z-index: 0;
  position: relative;
  margin: auto;
}

#container{
  width:840px;
  margin:0 auto;
  z-index: 10;
  position:relative;
}

#content{
  position:absolute;
  top:230px;
  width:840px;
}

#menu{
  position:absolute;
  top:150px;
  width:840px;
  height:40px;
}

/* MENU
------------------------------------------------------------------------------*/

#menu ul{
  width:860px;
  height:40px;
  margin:0;
  padding:0;
  list-style-type:none;
}
#menu ul li{
  float:left;
}
#menu ul li a{
  height: 40px;
  display: block;
  text-decoration: none;
  background: transparent no-repeat;
}
#menu ul li a span{
  display: none;
}

#menu ul li.slut{
  background: url(../images/layout/menu/slut.png) left top;
  width:63px;
  height:40px;
}

#menu ul li.news a{
  background: url(../images/layout/menu/news.png) left top;
  width:73px;
}
#menu ul li.news a:hover,
#menu ul li.news.act a{
  background: url(../images/layout/menu/news.png) left bottom;
  width:73px;
}
#menu ul li.live a{
  background: url(../images/layout/menu/live.png) left top;
  width:56px;
}
#menu ul li.live a:hover,
#menu ul li.live.act a{
  background: url(../images/layout/menu/live.png) left bottom;
  width:56px;
}
#menu ul li.shop a{
  background: url(../images/layout/menu/shop.png) left top;
  width:70px;
}
#menu ul li.shop a:hover,
#menu ul li.shop.act a{
  background: url(../images/layout/menu/shop.png) left bottom;
  width:70px;
}
#menu ul li.media a{
  background: url(../images/layout/menu/media.png) left top;
  width:83px;
}
#menu ul li.media a:hover,
#menu ul li.media.act a{
  background: url(../images/layout/menu/media.png) left bottom;
  width:83px;
}
#menu ul li.facebook a{
  background: url(../images/layout/menu/facebook.png) left top;
  width:134px;
}
#menu ul li.facebook a:hover,
#menu ul li.facebook.act a{
  background: url(../images/layout/menu/facebook.png) left bottom;
  width:134px;
}
#menu ul li.myspace a{
  background: url(../images/layout/menu/myspace.png) left top;
  width:121px;
}
#menu ul li.myspace a:hover,
#menu ul li.slut.act a{
  background: url(../images/layout/menu/myspace.png) left bottom;
  width:121px;
}
#menu ul li.lastfm a{
  background: url(../images/layout/menu/lastfm.png) left top;
  width:98px;
}
#menu ul li.lastfm a:hover,
#menu ul li.lastfm.act a{
  background: url(../images/layout/menu/lastfm.png) left bottom;
  width:98px;
}
#menu ul li.contact a{
  background: url(../images/layout/menu/contact.png) left top;
  width:115px;
}
#menu ul li.contact a:hover,
#menu ul li.contact.act a{
  background: url(../images/layout/menu/contact.png) left bottom;
  width:115px;
}


/* FREE EP
------------------------------------------------------------------------------*/

#content .cover{
	width:120px;
	float:left;
}

#content .links{
	width:400px;
	float:left;
}

#content .links p a{
	margin-right:10px;
}


#content .links h1{
	margin-bottom:10px;
}


#content .links h1 span{
	font-size:16px;
}