/*====================================================================================================*

	Photos frontend CSS

/*====================================================================================================*/

/*==================================================*
	Index
/*==================================================*/
.photo-gallery-category {
	clear:both;
	overflow:hidden;
	margin:0 0 20px;
}
.photo-gallery-album {
	width:220px;
	height:160px;
	float:left;
	margin:0 10px 10px 0;
	background-position:center center;
	text-decoration:none;
	background-repeat:no-repeat;
}
.photo-gallery-album-title {
	background:#000;
	color:#fff;
	display:block;
	padding:.25em;
	opacity:.76;
	font-size:12px;
}
.photo-gallery-album:hover .photo-gallery-album-title,
.photo-gallery-album:focus .photo-gallery-album-title {
	opacity:1;
}
.photo-gallery-album:hover,
.photo-gallery-album:focus {
	box-shadow:0 0 6px #666;
}
/*==================================================*
	Slideshow
/*==================================================*/

.photo-slideshow {
	overflow:hidden;
	position:relative;
	box-shadow:0 2px 10px #444;
	background:#eee;
	margin-left:auto;
	margin-right:auto;
}

.photo-slide {
	width:100%;
	height:100%;
	display:block;
	background-repeat:no-repeat;
	background-position:center center;
}

/* Default to hidden text */

.photo-slide .photo-title,
.photo-slideshow .photo-album-title {
	display:block;
	position:absolute;
	left:0;
	margin:0;
	-moz-opacity: 0.70;
	opacity:.70;
	filter: alpha(opacity=70);
	background:#222;
	color:#fff;
	padding:1em;
	z-index:2;
	width:100%;
	padding:2%;
	width:96%;
}
.photo-slide .photo-title {
	bottom:0;
}
.photo-slide .photo-description {
	display:none;/* no support for this yet, we might yank photo descriptions altogether */
}
.photo-slideshow .photo-album-title {
	top:0;
	z-index:99;
	font-size:110%;
}

/*==================================================*
	View Album
/*==================================================*/

.photo-gallery {
	margin: 0 auto 1em;
	text-align:center;
	clear:both;
}

.photo {
	display:inline-block;
	vertical-align:middle;
	margin:0 10px 10px 0;
}

.ie7 .photo {
	display:inline;
}

.photo-description {
	display:none;
}

.photo-title {
	display:none;
}

/*====================================================================================================*/