/*
original code Creative Commons Attribution 3.0 License
http://www.queness.com/post/484/create-a-thumbnail-gallery-with-slick-heading-and-caption-effect-with-jquery
*/

.clear {
	clear:both
}

#gallery {
	position:relative;
	height:350px
}
#gallery a {
	float:left;
	position:absolute;
}
	
#gallery a img {
	border:none;
}
	
#gallery a.show {
	z-index:500
}

#gallery .caption {
	z-index:600; 
	background-color:#000; 
	color:#ffffff; 
	height:75px; 
	width:100%; 
	position:absolute;
	bottom:0;
}

#gallery .caption .content {
	margin:5px
}
	
#gallery .caption .content h3 {
	margin:0;
	padding:0;
	color:#1DCCEF;
}