.vidtitle { color: black; font-weight: bold; font-size: 14px; vertical-align: bottom; line-height: 1.5rem; }


ul.vidgrp {
	list-style: none;
	font-size: 0px;
	margin: 0px 0px 0px -2.5%; /* should match li left margin */
	padding:0px 0px 0px 0px; /* added to override defaults at <400px */

}
ul.vidgrp >li {
	display: inline-block;
	padding: 10px;
	margin: 0 0 2.5% 4%;
	background:none;
	font-size: 12.8px;
	font-size: 0.8rem;
	vertical-align: top;
	box-sizing: border-box; 
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
ul.vidgrp >li img {
	max-width: 100%;
	height: auto;
	margin: 0px;
 	width:250px;
	height:150px;
	padding:5px 0px !important;
}

/* class for 2 columns */
ul.vidgrp.columns-2 >li {	width: 46%; /* 27.5%; /* this value + 2.5 should = 50% */ }
/* class for 3 columns */
ul.vidgrp.columns-3 >li {	width: 29%; /* 30.83%; /* this value + 2.5 should = 33% */ }
/* class for 4 columns */
ul.vidgrp.columns-4 >li {	width: 21%; /* 22.5%; /* this value + 2.5 should = 25% */ }
 
@media (max-width: 700px) {
	ul.vidgrp { margin-left: 0; }
	ul.vidgrp li { width: 100% !important; margin: 0 0 20px; }
}



table.viddetails { margin-right:30px; }
table.viddetails td.label { width: 35px; }
ul.vidgrp >li img:hover {opacity: 0.6; filter: alpha(opacity=60);}

a.vidlink { border-bottom:none !important; background-color: none;}
a.vidlink:hover { border-bottom:none !important; background-color: none !important;}