/**
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.
*/

.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	width: 940px;
	height: 640px;
	margin: 0 auto;
	background: url("../images/back.png") no-repeat scroll 0 0 transparent; 
}
.slideshow a img {
	border: 0;
}
/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	width: 900px;
	height: 600px;
	left: 20px;
	top: 20px;
}		
.slideshow-images-visible { 
	opacity: 10;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
	position: static;
}

a { 
margin: 1px; 
font-family : sans-serif, Arial; 
font-size :16px; 
color : #000000; 
background-color : #888888; 
text-decoration : none; 
} 
a:link {
color : #ffffff; 
background-color : #888888; 
} 
a:visited {
color : #ffffff; 
background-color : #888888; 
} 
a:active {
color : #000000; 
background-color : #666666; 
} 
a:hover {
color : #000000; 
background-color : #666666; 
} 
body { 
width: 940px;
font-size : 14px; 
font-family : Comic Sans MS, sans-serif, Arial; 
background-color : #333333; 
background-position : 50% 0em;
color : #ffffff; 
margin-top : 20px; 
margin-left : auto; 
margin-right : auto; 
margin-bottom : 100px; 
} 
h1 {
	color : #ffffff;
	background-color : #222222;
	font-size : 30px;
	font-family : sans-serif, Arial;
	text-align: center;
}
h2 {
color : #0066ff; 
background-color : transparent; 
font-size : 22px; 
font-family : Comic Sans MS, sans-serif, Arial; 
}
h3 {
color : #0066ff; 
background-color : #222222; 
font-size : 8px; 
font-family : Comic Sans MS, sans-serif, Arial; 
}
table {
font-size : 14px; 
text-align : center; 
vertical-align : middle; 
background-color : #222222; 
color : #dddddd; 
font-family : Comic Sans MS, sans-serif, Arial; 
} 
td {
padding : 10px 10px;
}