@import url('https://fonts.googleapis.com/css?family=PT+Sans');

/**
YouTube list
*/

#list_yt{
display:table;
padding:0;
margin:0;
border-bottom:1px solid #ccc;
}

#list_yt div.vid_yt{
display:table-row;
margin:0 auto;
padding:0;
background-color:#fff;
}

#list_yt div.vid_yt a.img, #list_yt div.vid_yt a.img:visited{
display:table-cell;
padding:0;
height:180px;
width:320px;
padding:15px 15px 15px 0;
border-top:1px solid #ccc;
vertical-align:top;
}

#list_yt div.vid_yt div.text{
display:table-cell;
padding:15px 0;
border-top:1px solid #ccc;
vertical-align:top;
}

#list_yt div.vid_yt img{
margin:0;
padding:0;
border:1px solid #ccc;
}

#list_yt div.vid_yt a.tlt, #list_yt div.vid_yt a.tlt:visited{
display:block;
margin:0 0 5px;
padding:0;
font-family:'PT Sans',sans-serif;
font-size:20px;
font-weight:bold;
text-decoration:none;
color:#182c85;
}

#list_yt div.vid_yt a.tlt:hover{
color:#000;
text-decoration:underline;
}

#list_yt div.desc p,
#list_yt div.desc{
line-height:135%;
font-family:'PT Sans',sans-serif;
font-size:18px;
padding:0;
margin:0;
color:#333;
padding:0;
}

#list_yt div.desc p{
margin:0 0 1em;
}

#list_yt div.desc p:last-child{
margin:0;
}

#list_yt div.desc a{
font-size:12px;
color:#182c85;
text-decoration:underline;
}

#list_yt div.desc a:hover{
color:#000;
text-decoration:none;
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {

	#list_yt{
	display:block;
	}

	#list_yt div.vid_yt{
	display:block;
	border-top:1px solid #ccc;
	text-align:center;
	}

	#list_yt div.vid_yt a.img, #list_yt div.vid_yt a.img:visited{
	display:block;
	padding:0;
	margin:0 auto;
	padding:15px 0 0;
	border:0;
	}

	#list_yt div.vid_yt div.text{
	display:block;
	padding:15px 0;
	border:0
	}
}

div.yt_more{
padding:0;
text-align:center;
padding:30px 0 20px 0;
margin:0;
}

div.yt_more a.more_lnk,
div.yt_more a.more_lnk:link,
div.yt_more a.more_lnk:visited{
display:inline-block;
font-family:'PT Sans',sans-serif;
font-size:18px;
font-weight:bold;
margin:0;
padding:8px 50px;
text-decoration:none;
color:#fff;
background-color:#1c75bb;
}

div.yt_more a.more_lnk:hover{
background-color:#2b3990;
}

#topvid_yt{
border:1px solid #ccc;
}

#play_yt_desc{
line-height:135%;
display:block;
padding:5px 0;
margin:0;
font-family:'PT Sans',sans-serif;
font-size:14px;
color:#333;
}

#play_yt_desc p{
line-height:135%;
padding:0 0 7px 0;
margin:0;
font-size:12px;
color:#333;
}

#play_yt_desc p:last-child{
margin:0;
}