﻿/* needed for the thumbs to show correctly */
.ytPlayer{
	margin: auto;
	text-align: center;
}
.ytlist {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

.ytlist:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

.ytlist li{
	display: inline;
	float: left;
}


.ytlist a {
	padding:0px;
}
/* hd */
.clip {
	position: relative;
	display: block;
	height: 156px;	
	width: 288px;
	overflow: hidden;
}
.clip img {
	width: 288px;
	top: -30px;
	position: absolute;
	display: block;
}


.videoContainer { cursor: pointer;}
#ytContainer { width:660px; border: solid 2px white;padding-left:20px; }
#ytContainer div.ytGrid div.videoContainer { float:left;border:solid 1px #2E64A4; width:190px; height: 250px; margin:10px; padding: 10px; }
#ytContainer div.ytGrid div.thumbnail { height:60%; }
#ytContainer div.ytGrid h3.title { font-size:small; width:100%; height:34%;padding-top:5px; }
#ytContainer div.ytGrid p.views { text-align:right; font-weight: bold; height:6%; }

#ytContainer div.ytGrid div.thumbnail img { width:190px; height:150px; margin:0;padding:0; }
#ytContainer div.ytGrid p.duration,
#ytContainer div.ytGrid p.description,
#ytContainer div.ytGrid p.uploader,
#ytContainer div.ytGrid p.ratings { display:none; }
#ytContainer div.ytGrid br.break { clear:both; }
#ytContainer div.ytGrid p, #ytContainer div.ytGrid h3 { margin:0;padding:0; font-size: small;overflow: hidden; }
#ytContainer div.ytGrid p:hover { background-color:inherit; }
