/*
	Gallery
*/

/* Post */

.gallery #content {
	width: 850px;
}

	.gallery #content .images {
		float: left;
		display: inline;
		width: 850px;
		padding:40px 0 0;
	}

.gallery #content h2 {
	color: #ad75b4;
	display: inline;
	font: 21px/26px Helvetica, Arial;
	letter-spacing: -1px;
	margin: 10px 0 0 30px;
}

	.gallery #content .entry p {
		margin: 0px 0 14px 30px;
	}

/* Plugin */

.ad-gallery {
	color: #ad75b4;
	float: left;
	width: 820px;
}

.ad-gallery, .ad-gallery * {
	margin: 0;
	padding: 0;
}

	.ad-gallery .ad-image-wrapper {
		width: 780px;
		height: 450px;
		margin: 0 0 10px 30px;
		position: relative;
		overflow: hidden;
	}

	.ad-gallery .ad-image-wrapper .ad-loader {
		position: absolute;
		z-index: 10;
		top: 48%;
		left: 48%;
		border: 1px solid #CCC;
	}

	.ad-gallery .ad-image-wrapper .ad-next {
		position: absolute;
		right: 0;
		top: 0;
		width: 25%;
		height: 100%;
		cursor: pointer;
		display: block;
		z-index: 100;
	}

	.ad-gallery .ad-image-wrapper .ad-prev {
		position: absolute;
		left: 0;
		top: 0;
		width: 25%;
		height: 100%;
		cursor: pointer;
		display: block;
		z-index: 100;
	}

	.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
		/* Or else IE will hide it */
		background: url("../images/gallery/non-existing.jpg");
	}

	.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
		background: url("../images/gallery/ad_prev.png");
		width: 30px;
		height: 30px;
		display: none;
		position: absolute;
		top: 47%;
		left: 0;
		z-index: 101;
	}

	.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
		background: url("../images/gallery/ad_next.png");
		width: 30px;
		height: 30px;
		right: 0;
		left: auto;
	}

	.ad-gallery .ad-image-wrapper .ad-image {
		position: absolute;
		overflow: hidden;
		top: 0;
		left: 0;
		z-index: 9;
	}

	.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
		position: absolute;
		bottom: 0px;
		left: 0px;
		padding: 7px;
		text-align: left;
		width: 100%;
		z-index: 2;
		background: url("../images/gallery/opa75.png");
		color: #ad75b4;
		font: 13px/18px Helvetica, Arial;
	}

		.ad-gallery .ad-image-wrapper .ad-image .ad-image-description span {
			color: #b4a7d6;
			font: 11px/14px Helvetica, Arial;
		}

		.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
			display: block;
		}

.ad-gallery .ad-controls {
	height: 20px;
	margin: 0 0 0 30px;
	width: 780px;
}

	.ad-gallery .ad-info {
		float: left;
	}

	.ad-gallery .ad-slideshow-controls {
		float: right;
	}

	.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
		padding-left: 5px;
		cursor: pointer;
	}

	.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
		padding-left: 5px;
		font-size: 0.9em;
	}

	.ad-gallery .ad-slideshow-running .ad-slideshow-start {
		cursor: default;
		font-style: italic;
	}

	.ad-gallery .ad-nav {
		width: 100%;
		position: relative;
	}

	.ad-gallery .ad-forward, .ad-gallery .ad-back {
		position: absolute;
		top: 0;
		height: 100%;
		z-index: 10;
	}

	.ad-gallery .ad-back {
		background: url("../images/gallery/ad_scroll_back.png") 0px 35px no-repeat;
		cursor: pointer;
		width: 14px;
		display: block;
	}

	.ad-gallery .ad-forward {
		background: url("../images/gallery/ad_scroll_forward.png") 0px 35px no-repeat;
		cursor: pointer;
		display: block;
		right: -20px;
		width: 17px;
	}

.ad-gallery .ad-nav .ad-thumbs {
	overflow: hidden;
	margin-left: 30px;
	width: 780px;
}


.ad-gallery .ad-thumbs .ad-thumb-list {
	float: left;
	width: 9000px;
	list-style: none;
}

	.ad-gallery .ad-thumbs li {
		float: left;
		padding-right: 6px;
		list-style-type: none;
		height: 85px;
		width: 81px;
	}

		.ad-gallery .ad-thumbs li a {
			display: block;
		}

			.ad-gallery .ad-thumbs li a img {
				border: 3px solid #CCC;
				display: block;
			}

	/* Can't do display none, since Opera won't load the images then */
	.ad-preloads {
		position: absolute;
		left: -9000px;
		top: -9000px;
	}

/* Border */

#content .entry .ad-gallery p {
	margin: 0;
}

#content .ad-gallery img {
	border: 0;
}

#content .ad-gallery .ad-thumbs li img {
	border: 3px solid #170236;
}

#content .ad-gallery .ad-thumbs li a.ad-active img {
	border: 3px solid #ad75b4;
}

.gallery #content .more {
	float: right;
	margin: 20px 45px 0 0;
}

	.gallery #content .more a {
		background: url("../images/icons/more_double.png") right 2px no-repeat;
		font: 12px/18px Helvetica, Arial;
		padding-right: 20px;
		text-decoration: none;
		text-transform: uppercase;
	}

/* Share */

.gallery #content .share {
	height: 20px;
	margin: 0 0 20px 0;
	width: 815px;
}

	.gallery #content .share ul {
		float: right;
		list-style-type: none;
	}

		.gallery #content .share ul li {
			float: left;
			margin: 0 5px 0 0;
		}

			.gallery #content .share ul li a {
				display: block;
				overflow: hidden;
				text-indent: -10000px;
			}

			.gallery #content .share ul li.email,
			.gallery #content .share ul li.facebook,
			.gallery #content .share ul li.twitter {
				height: 19px;
				width: 19px;
			}

				.gallery #content .share ul li.email a,
				.gallery #content .share ul li.facebook a,
				.gallery #content .share ul li.twitter a {
					height: 19px;
					width: 19px;
				}

				.gallery #content .share ul li.email a {
					background: url("../images/icons/email.png");
				}

				.gallery #content .share ul li.facebook a {
					background: url("../images/icons/facebook_dark.png");
				}

				.gallery #content .share ul li.twitter a {
					background: url("../images/icons/twitter_dark.png");
				}