/* ### -- -- -- -- -- Gallery Styles -- -- -- -- -- ### */

/* 

File: gallery.css 
Copyright 2009 by WoltLab GmbH. 

*/

/* ### -- -- -- -- -- Gallery Thumbnails -- -- -- -- -- ### */

.galleryIndex {
	font-size: 100%;
	list-style-type: none;
	line-height: 1.3;
	margin: 0;	
	padding: 0;	
}

.galleryIndex li.floatedElement {
	border-style: solid;
	border-width: 1px;
	margin: 0 7px 7px 0;
	overflow: hidden;
	padding: 10px;
	position: relative;
	height: 183px;
	text-align: center;
	width: 158px;
}

.galleryIndex li.floatedElement a span {
	text-decoration: underline;	
}

.galleryIndex li.floatedElement a:hover span {
	text-decoration: none;	
}

.galleryIndex .thumbnail {
	display: block;
	height: 150px;
	margin: 0 auto 3px auto;
	position: relative;
	width: 150px;
}

.galleryIndex .thumbnail img {
	bottom: 0;
	left: 0;
	position: absolute;
}

.galleryIndex .caption {
	white-space: nowrap;
	clear: both;
	display: block;
	width: 158px;
	overflow: hidden;
}

.galleryIndex li.floatedElement p {
	margin: 0 7px;
}

/* ### -- -- -- -- -- Thumbnail Buttons -- -- -- -- -- ### */

.galleryIndex .thumbnailButtons {
	background-color: #000;
	left: 0;
	padding: 0 6px 3px 6px;
	position: absolute;
	opacity: .5;
	right: 0;
	top: 0;
	visibility: hidden;
}

.galleryIndex li:hover .thumbnailButtons {
	visibility: visible;
}

.galleryIndex .thumbnailButtons a {
	display: inline;
	float: left;
	margin: 0 3px;
}

.galleryIndex .thumbnailButtons a img {
	margin-top: 3px !important;
}

/* ### -- -- -- -- -- Photo Navigation -- -- -- -- -- ### */

.photoNavigation .container-1 {
	margin-right: 1px;
	margin-bottom: 1px;
}

.photoNavigation li.photoFirst {
	width: 33% !important;
}

.photoNavigation li.photoFirst span.thumbnail {
	width: 48px;
}

.photoNavigation li.photoFirst span.thumbnail img {
	width: 48px;
}

.photoNavigation li.photoPrevious {
	background-image: url("../images/lineArrowLeft.png");
	background-position: center 7px;
	background-repeat: no-repeat;
	width: 33% !important;
}

.photoNavigation li.photoPrevious span.thumbnail {
	width: 48px;
}

.photoNavigation li.photoPrevious span.thumbnail img {
	width: 48px;
}

.photoNavigation li.photoThis {
	width: 33% !important;
}

.photoNavigation li.photoNext {
	background-image: url("../images/lineArrowRight.png");
	background-position: center 7px;
	background-repeat: no-repeat;
	width: 33% !important;
}

.photoNavigation li.photoNext span.thumbnail {
	width: 48px;
}

.photoNavigation li.photoNext span.thumbnail img {
	width: 48px;
}

.photoNavigation li.photoLast {
	width: 33% !important;
}

.photoNavigation li.photoLast span.thumbnail {
	width: 48px;
}

.photoNavigation li.photoLast span.thumbnail img {
	width: 48px;
}

/* ### -- -- -- -- -- Photo Display -- -- -- -- -- ### */

.galleryPhoto img {
	width: 90%;
}

.galleryPhotoCaption {
	padding-bottom: 5px;
	padding-top: 10px;
}

/* ### -- -- -- -- -- Extras -- -- -- -- -- ### */

.galleryAlbumCover {
	padding: 10px 0;
	text-align: center;
}

.galleryAlbumCover img {
	padding: 10px;
	text-align: center;
}

#userPhotoEmbed, #userPhotoLink {
	width: 97%;
}

/* ### -- -- -- -- -- EOF -- -- -- -- -- ### */