html, body {
  margin:0;
  padding:0;
	/* font-family:'Nanum Gothic Coding', sans-serif; */
  font-family:'Roboto', sans-serif;
	font-weight:300;
}

#overlayer {
	position:fixed;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	overflow-y:auto;
	-moz-box-shadow:inset 0 0 140px 20px #000;
	-webkit-box-shadow:inset 0 0 140px 20px #000;
	box-shadow:inset 0 0 140px 20px #000;
	border:1px solid #000;
	border-collapse:separate;
}

/*#menu {
	width:100%;
	margin:0 auto;
	text-align:center;
	font-size:3em;
}*/

#menu {
	float:right;
	width:50%;
	margin:2% 0 0;
	padding:2px;
	background:rgba(0,0,0,0.6);
	text-align:right;
	font-size:1.4em;
}

.menu-item {
	float:left;
  width:33%;
	color:rgba(255,255,255,0.5);
	cursor:pointer;
}

.menu-item:hover {
	color:rgba(255,255,255,0.8);
}

.content {
	position:absolute;
	left:-2000px;
  width:65%;
	margin:14% auto 60px;
	padding:10px;
	background:url('/images/60perbg.png') repeat;
	color:#fff;
}

.content a {
	color:#eab600;
	-moz-transition:color 400ms;
	-webkit-transition:color 400ms;
	-o-transition:color 400ms;
	transition:color 400ms;
}

.content a:hover {
	color:#f16c00;
	-moz-transition:color 400ms;
	-webkit-transition:color 400ms;
	-o-transition:color 400ms;
	transition:color 400ms;
}

.content-close {
	float:right;
	font-size:0.8em;
	cursor:pointer;
	color:#eab600;
	-moz-transition:color 400ms;
	-webkit-transition:color 400ms;
	-o-transition:color 400ms;
	transition:color 400ms;
}

.content-close:hover {
	color:#f16c00;
	-moz-transition:color 400ms;
	-webkit-transition:color 400ms;
	-o-transition:color 400ms;
	transition:color 400ms;
}

#container {
	position:fixed;
	bottom:0;
	width:100%;
  min-height:60px;
	background:url('/images/60perbg.png') repeat;
}

#logo {
	float:left;
	width:350px;
	margin:2px 8px 14px;
}

#audiocontainer {
	float:right;
	margin:0 auto;
	width:420px;
}

#pl-controls {
	margin:0 16px 0 0;
	color:#999;
	-moz-transition:color 200ms;
	-webkit-transition:color 200ms;
	-o-transition:color 200ms;
	transition:color 200ms;
}

#pl-controls:hover {
	color:#efefef;
	-moz-transition:color 200ms;
	-webkit-transition:color 200ms;
	-o-transition:color 200ms;
	transition:color 200ms;
}

#pl-controls:hover #pl-chooser a {
	color:#eab600;
	-moz-transition:color 400ms;
	-webkit-transition:color 400ms;
	-o-transition:color 400ms;
	transition:color 400ms;
}

#pl-controls:hover #pl-chooser a:hover {
	color:#f16c00;
	-moz-transition:color 400ms;
	-webkit-transition:color 400ms;
	-o-transition:color 400ms;
	transition:color 400ms;
}

#pl-chooser {
	float:left;
	width:75%;
	font-size:0.8em;
}

#pl-chooser a {
	color:#bbb;
	text-decoration:none;
}

.pl-toggler {
	float:right;
	width:25%;
	font-size:0.7em;
	text-align:right;
}

.pl-toggler a {
  color:#ccc;
	text-decoration:none;
}

.clear {
	clear:both;
}

.jp-playlist {
  display: none;
}