.image {
    width: 				200px;
	height: 			auto;
	border-radius: 		8px;

}

.video-info {
	padding-left: 		10px;
}

.title {
	font-weight: 		bold;
	display: 			block;
	font-size: 			1.1em;
	margin-bottom: 		5px;
        }

.description {
	display: 			block;
	color: 				#888;
	margin-bottom: 		5px;
        }

.video-meta {
	font-size: 			0.9em;
	color: 				var(--dark-color);
}

.clickable-row {
	cursor: 			pointer;
	transition: 		background-color 0.2s ease-in-out;
}

.clickable-row:hover td {
	background-color: 	var(--hover-color); 
}

.header-row td {
	background-color: 	var(--dark-color);
	font-weight: 		bold;
	cursor: 			pointer;			
}
		
.header-row:hover td {
	background-color: 	var(--hover-color);
	border-radius: 		6px;	
	color: 				#000000 !important; 
	text-shadow: 
						1px  1px 1px #fff,
						1px -1px 1px #fff,
					   -1px  1px 1px #fff,
					   -1px -1px 1px #fff;		
	
}		

.header-link {
	text-decoration: 	none;
	display: 			block;
	padding: 			15px 15px;			
}

.header-link:hover { 	/*Link-Text*/
	color: 				#000000 !important; 
}

table {
	border-collapse: 	separate;
	border-spacing: 	0 12px;
}

table td {
	padding: 			12px;
	border: 			1px solid var(--dark-color);
	border-radius: 		6px;
}