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

/*div.slideshow-container { width:880px; margin:0px auto }*/
div.slideshow-container { float:right; width:580px; margin-left:-50px; }

div.slideshow-container div.slideshow-counter {
	float: left;
	/*position: relative;*/
	color: #fff;
	font-family: Arial, Sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: #000;
	/*opacity: 0.8;*/
	width:40px;
	height:20px;
}
.control { color:#000; width:50px; }

	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;
		}