#media-player {
	float:left;
	padding:1em 1em .5em;
	background-color:#333;
}

video {
	border:1px solid #2e52a4;
	width:100%;
	height:50%;
	background:#000;
}

#media-controls {
	display:table;
	width:100%
}


#media-controls button {  
	padding: 1% 2%;
	color: white;
	font-family:hacked;
	text-decoration:none;
	background-color: #3498db;
	margin:1px;
	margin-right:2px;
	float:left;
	clear:both
}
#media-controls progress {
	color:#fff;
	font-size:12px;
	width:100%;
	height:16px;
	border:none;
	background:#434343;
}
progress:-moz-progress-bar { background:#2e52a4; }

#media-play-list {
	float:left;
	clear:both;
	color:#000;
	width:100%;
	margin-top:10px;
	border-top:1px solid #2e52a4;
	padding-left:2%;
	font-size:0.5em;
	cursor:default;
}

#play-list {
	padding:0;
	font-size:12px;
	list-style-type:none;
	font-weight:bold;
}
#play-list li {
	cursor:pointer;
	text-decoration:none
}

#play-list li:hover {
	cursor:pointer;
	font-size:16px;
	color:red;
	transition: linear 1s
}