#thumbnails.component {
	transition: height .4s ease-out .4s; overflow: hidden;
}

#thumbnails.component > a.element {
	display: block;
	margin-bottom: 15px;
	
	padding: 5px;
	background: #FFF;
	border-radius: 3px;
	box-shadow: 1px 1px rgba(0,0,0,.1);
}
#thumbnails.component > a.element:not(.writing) > div { opacity: .9; transition: opacity .2s ease-out; }
#thumbnails.component > a.element:not(.writing):hover > div { opacity: 1; }

#thumbnails.component > a.element.writing { text-decoration: none; }
#thumbnails.component > a.element.writing > div {
	width: 230px;
	padding: 10px;
	
	background-color: #E1E1E1;
}
#thumbnails.component > a.element.writing > div > span {
	display: block;
	
	font-size: 18px;
	font-weight: 700;
	color: #666;
}
#thumbnails.component > a.element.writing > div > span:nth-child(1) {
	margin-bottom: 10px;
	font-size: 26px;
}
#thumbnails.component > a.element.writing > div > span:nth-child(2) {
}
#thumbnails.component > a.element.writing > div > span:nth-child(3) {
	margin-top: 10px;
	text-shadow: 1px 1px 2px rgba(0,0,0,.2);
	color: #FFF;
}
#thumbnails.component > a.element.writing > div > span:not(:nth-child(3)) {
	filter:
		drop-shadow( 1px  1px 0 rgba(  0,  0,  0,.2))
		drop-shadow(-1px -1px 0 rgba(255,255,255,.5));
}