/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="slideshow-images" />
		<div class="slideshow-captions" />
		<div class="slideshow-controller" />
		<div class="slideshow-loader" />
		<div class="slideshow-thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
	
	
//NOTICE: Nathan: This file overwrites some of the styles in slideshow.css
*/

#show {
	height:400px;
}

.slideshow-images
{
	display: block;
	overflow: hidden;
	position: relative;
	top:78px;
	border:1px solid #d8d8d8;
	background-color:#ffffff;
	padding:10px;
	float:none;
	width:300px;
	height:300px;
}

.slideshow-thumbnails {
	top:-322px;
	float:none; 
    	height:75px;
	width:320px;
	overflow:hidden;
	position:relative; /*NOTICE:needed to make the thumb strip move */
}
.slideshow-thumbnails ul {
	width:10000px; /* NOTICE: this has it's limitations (about 140 thumbs). There is nothing I can do about that. I had to overwrite the width in the default sheet and there is no parameter to reset it */ 
	position:relative; /*NOTICE:needed to make the thumb strip move */
}