/**
 * slideshowjs.css
 * Basic stylesheet used to show the customization options of
 * Slideshow JS.
 */

div.slideshow-container {}

	div.slideshow-title {
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 0;
		font-family: Tahoma, Arial, Sans-serif;
		font-size: 11px;
		font-weight: bold;
		background: rgb(0, 0, 0);
		color: rgb(255, 255, 255);
		text-align: right;
		padding: .2em 0 .2em 0;
		opacity: 0.8;
	}

	div.slideshow-container div.filmstrip {
		background: rgb(10, 10, 10);
	}

		div.filmstrip ul.filmstrip {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		
		div.filmstrip img {
			margin: .3em;
		}

div.slideshow-container div.slideshow-counter {
	float: right;
	position: relative;
	margin: 1em;
	padding: 1em;
	color: rgb(255, 255, 255);
	font-family: Arial, Sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: rgb(0, 0, 0);
	opacity: 0.8;
}