/* #################################################
// Project:		imageGallery
// Version:		1.0
// File			imageGallery.css
// 
// Author:		Arvid Österlund, Media & Webbsupport
// #################################################
*/

#galleryContainer {
}
	#galleryList {
		width: 634px;
		border: 1px solid #dfd581;
		padding: 4px 0 0 4px;
		margin: 0 auto;	
	}
		#galleryList div.galleryBlock {
			width: 304px; 
			padding: 3px;
			float: left;
			margin: 0 5px 5px 0;
		}
			#galleryList div.galleryBlock img {
				float: left;
				margin-right: 5px;
				width: 70px;
				height: 70px;
			}
	#gallerySlider {
		width: 600px;
		padding: 10px;
		border-bottom: none;
		border: 1px solid #dfd581;
		margin: 0 auto;		
		background: #fff;
		text-align: center;
	}
	
	#galleryImage {
		width: 600px;	
		height: 430px;
		padding: 10px;
		text-align: center;
		margin: 0 auto;	
		background: #fff;
		border: 1px solid #dfd581;
		border-bottom: none;
	}
		
	#caption {		
		width: 620px;
		border-bottom: none;
		margin: 0 auto;
		padding: 10px 0;
		text-align: center;
		border: 1px solid #dfd581;
		border-top: 0;
		background: #fff;
	}
		
	#back {		
		width: 620px;
		margin: 0 auto;
		padding: 5px 0;	
		text-align: center;
		background: #fff;
		border: 1px solid #dfd581;
		border-top: 0;
	}
		#back a {
			float: none;
			text-decoration: underline;
		}
		#back a:hover {
			text-decoration: none;
		}
		
	#galleryControls {
		border: 1px solid #dfd581;
		border-bottom: 0;
		background-color: #fff;
		padding: 5px 0 0 5px;
		height: 55px;
		width: 614px;
		margin: 10px auto 0 auto;
		overflow: hidden;
	}	
		#galleryControls img.controls {
			float: left;
		}
		#galleryControls img.controls2 {
			float: right;
			margin-right: 5px;
		}
		#galleryControls div.thumbBlock {
			float: left;
			width: 521px;
			margin: 0 24px;
		}
			#galleryControls div.thumbBlock.vis {
				display: block;
			}
			#galleryControls div.thumbBlock a img {
				width: 44px;
				height: 44px;
				margin: 3px 4px 8px 3px;
				float: left;
			}
			#galleryControls div.thumbBlock a:hover img {
				width: 50px;
				height: 50px;
				margin: 0 1px 5px 0px;
			}