.gradient-box { height: 100px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 66%, rgba(255,255,255,0.75) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(66%,rgba(255,255,255,0.25)), color-stop(100%,rgba(255,255,255,0.75))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 66%,rgba(255,255,255,0.75) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 66%,rgba(255,255,255,0.75) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 66%,rgba(255,255,255,0.75) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 66%,rgba(255,255,255,0.75) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#bfffffff',GradientType=0 ); /* IE6-9 */
}
.item { margin: 10px; float: left; border-radius: 5px; background-color: #ddd; }
.item-container { width: 240px; height: 240px; margin: 10px; position: relative; overflow: hidden; }
.item img { width: 100%; height: 100%; border-radius: 4px; }
.item .image { position: absolute; z-index: 1; }
.item .image-cover { background-color: rgba(255,255,255,.5); position: absolute; width: 100%; height: 100%; z-index: 2; display: none; }
.item .likes-comments-container { position: absolute; top: 5px; right: 5px; z-index: 3; width: 100px; height: 20px; }
.item .likes { position: relative; float: right; margin-left: 5px; background-color: rgba(255,255,255,.8); border-radius: 5px; padding: 3px; font-size: 11px; }
.item .comments { position: relative; float: right; margin-left: 5px; background-color: rgba(255,255,255,.8); border-radius: 5px; padding: 3px; font-size: 11px; }
.item .caption-container { position: absolute; z-index: 4; bottom: 0; display: none; width: 100%; }
.item .caption { position: relative; background-color: rgba(255,255,255,.75); padding: 5px; color: black; margin: 0;font-size: 12px; line-height: 1.4; }
.item .timestamp { position: absolute; z-index: 5; background-color: rgba(255,255,255,.8); border-radius: 5px; padding: 3px; font-size: 11px; top: 5px; left: 5px; display: none; }
.item .photo-date { font-weight: bold; text-transform: uppercase; }
.item .photo-time { padding-left: 5px; display: none; }
.item a { color: black; font-weight: bold; text-decoration: none; }
.item a:hover { text-decoration: underline; }