@charset "utf-8";

html *{
	padding:0;
	margin:0;
}
body{
	padding:10px;
	background-color:#111;
}
h1,.timerange{
	color:#eee;
}
h1{
	font-size:20px;
	line-height:1;
	margin-bottom:6px;
}

#aday{
	font-size:20px;
	padding:2px 4px;
	margin-bottom:10px;
}

#btn_update{
	font-size:20px;
	padding:2px 4px;
	float:right;
}

#timerange{
	line-height:1;
	margin-bottom:10px;
}
#timerange:before{
	content:"business hours ";
}

#playlist{
	color:#eee;
}
#playlist .blk{
	clear:both;
	padding:8px;
	background-color: #2e2e2e;
	border-radius:8px;
	margin-bottom:8px;
}
#playlist .blk:nth-child(odd) {
	background-color: #2e2e2e;
}

#playlist .blk>div{
/*	width: -webkit-fill-available;*/
}

/*
#playlist .blk{
	display:flex;
}
#playlist .blk .afi{
	flex-grow:1;
	flex-basis:108px;
}
#playlist .blk .info{
	flex-grow:2;
}
*/
#playlist .blk .afi{
	width:100px;
	height:100px;
	margin-right:8px;
	float:left;
	text-align:center;
}
#playlist .blk .afi.nodata{
	line-height:100px;
	background-color:#000;
}
#playlist .blk .afi a{
	display:block;
	width:100%;
	max-width:100%;
	max-height:100px;
}
#playlist .blk .afi img:first-child{
	width:100%;
	max-width:100%;
	max-height:100px;
	height:auto;
}

#playlist .blk .title{
	background-color:#1a1a1a;
	padding:2px 4px;
	border-radius:5px;
	color:#ddd;
	font-size:24px;
	word-break : break-all;
	line-height:1.2;
	margin-bottom:4px;
	margin-left:108px;
}

#playlist .blk .artists{
	font-size:20px;
	word-break : break-all;
	line-height:1.2;
	margin-bottom:4px;
	margin-left:108px;
}
#playlist .blk .artists:before{
	content:"by ";
	color:#999;
}

#playlist .blk .album{
	font-size:16px;
	word-break : break-all;
	line-height:1.2;
	margin-bottom:8px;
	margin-left:108px;
}
#playlist .blk .album:before{
	content:"on ";
	color:#999;
}

#playlist .blk .datetime{
	color:#999;
	text-align:right;
	border-top:1px solid #999;
	padding-top:8px;
	margin-left:108px;
	line-height:1;
}


#veil{
	position:fixed;
	left:0;
	top:0;
	display:block;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
}
#veil .icon{
	width:60px;
	margin:30% auto auto auto;
}