html {
  background: #eeeeec url("../images/bg_01.jpg") repeat 0 0;
}

#header.brand-image {
  background: transparent url("../images/container_bg03.jpg") repeat-x 0 0;
  background-size: cover;
}

div.player2 {
	background-color: #727272;
	color:white;
	border-radius:5px 5px;
	padding:5px 5px;
	width:200px;
}

div.player2 div.button {
	float:left;
	width:38px;
	height:24px;
	cursor:pointer;
	border-right:2px solid grey;
}

div.player2.paused div.play {
	background-image:url("../images/player/play.png");
	background-size:100% 100%;
}

div.player2.paused div.play:hover {
	background-image:url("../images/player/play_hover.png");
	background-size:100% 100%;
}

div.player2.playing div.play {
	background-image:url("../images/player/pause.png");
	background-size:100% 100%;
}

div.player2.playing div.play:hover {
	background-image:url("../images/player/pause_hover.png");
	background-size:100% 100%;
}

div.player2 div.end {
	clear:both;
} 
div.player2 div.playlist {
	background-color: black;
	overflow-x: hidden;
	height:80px;
	color:white;
	font-size:14px;
	padding-left:3px;
	width: 198px;
}

div.player2 div.playlist div.title{
	width:400px;
	overflow: hidden;
	cursor:pointer;
}

div.player2 div.playlist div.title:hover{
	color:yellow;
}

div.player2 div.playlist div.title.current{
	color:yellow;
}

@media only screen and (min-width: 768px) {
  figure.gl-article-figure {
    float:left;
    margin-right:10px;
  }

  div.player2 {
    float:right;
    margin-left:20px;
  }
  div.player2 div.playlist {
    width:198px;
    }
}