RapidWeaver Photo Album class 3 (abridged)

rw-photoalbum-3-abridged.css

/* Photo Album Index Page (Thumbnail view)
================================================== */
div.album-title
{
	font-size:2.3em;
	padding-bottom:1em;
	line-height:1em
}

div.album-description
{
	margin-bottom:80px
}

div.album-wrapper
{
	display:block;
	margin: -2.25em 0 0 -2.25em;
	position:relative;
}

div.thumbnail-wrap {
	display: inline-block;
	height: auto;
	margin: 0 0 2.25em 2.25em;
	line-height: 0;
	position: relative;
	width: auto;
}

div.thumbnail-frame
{
	background-color: white;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
	border: 1px solid #CFD2D2;
	display: inline-block;
	height: auto;
	line-height: 0;
	padding: 7px;
	position: relative;
	width: auto;
}

div.thumbnail-frame a
{
	position: relative;
	padding-bottom: 58%; /* 56.25 for 16/9 ratio */
	padding-top: 30px; /* IE6 workaround*/
	height: 0;
	overflow: hidden;
	width:100%
}

div.thumbnail-frame a img
{
	display:block;
	margin:auto;
	width: 100% !important;
	height: auto;
}

div.thumbnail-frame p.thumbnail-caption {
	background-color: rgba(250,250,250,0.6);
	bottom: -7px;
	color: #252525;
	display: block;
	height: 45px;
	left: 0;
	line-height: 45px;
	position: absolute;
	text-align:center;
	width: 100%;
	zoom: 1;
}
/* Photo Album Single Page (Photo view)
	- only as fallback for Lightbox failure
================================================== */
div.photo-navigation{float:left;margin:40px 0 0 5%;width:33%;}
p.photo-title{font-size:1.8em;line-height:1.1em;margin:0 0 1em;}
p.photo-caption{font-size:1.5em;line-height:1.1em;}
a.photo-frame{display:block;float:right;height:auto;margin:40px 5% 0 0;width:53%;}
/* Photo Album EXIF data wrapper
	- only as fallback for Lightbox failure
================================================== */
.exif-data{clear:both;float:right;margin:10px 5% 0 0;text-align:right;width:53%;}
.exif-data p{display:inline;margin-left:10px;text-align:center;}