.artcard {
	background:#fff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 4px 10px 0 rgba(0, 0, 0, 0.09);
	text-align:center;
	display:block;
	transition:ease all .3s;
	margin-bottom:25px;
}
.artcard a {
	color:#666;
}
.artcard h3 {
	font-size:22px !important;
	line-height:28px !important;
}
.artcard:hover, .artcard:active {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 4px 10px 0 rgba(0, 0, 0, 0.3);
}
.artcard span {
	font-family:'Source Sans Pro', sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	display:block;
	margin:10px auto 16px auto;
	color:#f15a29;
}
.artcard div {
	display:block;
	padding:15px;
}
.listenfor {
	display:block;
	margin:20px 0 15px 0;
}
.listenfor span {
	font-style:italic;
	font-size:16px;
	color:#878787;
	font-family:'Source Sans Pro', sans-serif;
}
.listenfor h3 {
	color:#000;
	margin-bottom:0px;
}
.listenitem {
	font-family:'Source Sans Pro', sans-serif;
	display:block;
	margin-bottom:15px;	
	padding:15px;
	border-radius:2px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 4px 0 rgba(0, 0, 0, 0.09);
}
.listenitem a {
	color:#3366cc;
}
.listenitem img {
	margin:0 0 10px 0;
	max-width:65px;
}
.listenitem h4 {
	font-size:18px;
	line-height:22px;
	font-family:'Source Sans Pro', sans-serif;
	margin-bottom:2px;
}
.listenspan {
	font-size:16px !important;
	line-height:22px !important;
	color:#878787;
	font-family:'Source Sans Pro', sans-serif;
	font-style:italic;
}
.listentime {
	font-family:'Source Sans Pro', sans-serif;
	font-size:13px;
	color:#2483c5;	
	text-align:right;
}
.listenad {
	display:block;
	max-width:300px;
	margin:42px auto 10px auto;
	text-align:right;
}
@media(max-width:468px) {
	.listenitem {
		margin-bottom:15px;	
		padding:8px;
		border-radius:2px;
		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 4px 0 rgba(0, 0, 0, 0.09);
	}
	.artcard div {
		padding:8px;
	}
	.artcard h3 {
		font-size:18px !important;
		line-height:24px !important;
	}
	.listenitem img {
		max-width:45px;
		margin-bottom:5px;
	}
	.listentime {
		text-align:left;
	}
	.listenad {
		max-width:350px;
		margin:15px auto 10px auto;
		text-align:center;
	}
}
@media(max-width:968px) {
	.artcard div {
		padding:12px;
	}
	.listenitem img {
		max-width:45px;
		margin-bottom:5px;
	}	
	.artcard h3 {
		font-size:18px !important;
		line-height:22px !important;
	}
}