/*
	SupersPix - Fullscreen Slideshow jQuery Plugin
	Fabio Mollica
	SuperPix Index
*/

	#supersized-loader{
		position:absolute;
		top:50%;
		left:50%;
		z-index:0;
		width:64px;
		height:64px;
		margin:-32px 0 0 -32px;
		text-indent:-999em;
		background:url("../img/progress.gif") no-repeat center center;
		overflow: hidden;
	}

	#supersized{
		display:block;
		position:fixed;
		top: 0;
		overflow:hidden;
		z-index:-999;
		height:100%;
		width:100%;
	}
			
	#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
		#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }
		#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }
	
	#supersized li{
		background-color: white;
		display:block;
		list-style:none;
		z-index: -30;
		position:fixed;
		overflow:hidden;
		top: 0px;
		left: 0px;
		width:100%;
		height:100%;
	}

	#supersized a{
		width: 100%;
		height: 100%;
		display: block;
	}

	#supersized li.prevslide { z-index:-20; }
	#supersized li.activeslide { z-index:-10; }
	#supersized li.image-loading { background: white url("../img/progress.gif") no-repeat center center; width:100%; height:100%; }
	#supersized li.image-loading img{ visibility:hidden; }
	#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

	#slidecaption,
	#slidelabel,
	#slidedate,
	#slidetag{
		right: 3.5%;
		right: 32px;
		position: absolute;
		text-align: right;
		margin: 0px 0px 0px 0px;
		white-space: nowrap;
	}
	#slidecaption{
		color: white;
		z-index: 9;
		top: 5%;
		font-size: 200%;
		font-size: 4.0vh;
		padding: 0px 6px 6px 0px;
		text-shadow: #000 1px 1px 2px;
	}
	#slidelabel{
		color: white;
		z-index: 5;
		bottom: 11.7%;
		bottom: 73px;
		font-size: 2.5vh;
		font-size: 110%;
		padding: 2px 2px 2px 0px;
		text-shadow: #000 1px 1px 2px;
	}	
	#slidedate{
		color: white;
		z-index: 6;
		bottom: 8.1%;
		bottom: 51px;
		font-size: 2.0vh;
		font-size: 90%;
		padding: 2px 2px 2px 0px;
		text-shadow: #000 1px 1px 2px;
		text-transform: lowercase;
	}	
	#slidetag{
		color: silver;
		z-index: 4;
		bottom: 4%;
		bottom: 27px;
		font-size: 1.5vh;
		font-size:70%;
		padding: 0px 2px 0px 0px;
		text-shadow: gray 1px 1px 2px;
	}
	
	#prevslide, #nextslide{
		position: absolute;
		width: 100px;
		height: 100%;
		opacity: 0.0;
	}
	#prevslide{ left: 0px; background: url('../img/button_back.png'); background-position: center; background-repeat: no-repeat; }
	#nextslide{ right: 0px; background: url('../img/button_forward.png'); background-position: center; background-repeat: no-repeat; }
	#prevslide:active, #nextslide:active{
	}
	#prevslide:hover, #nextslide:hover{
		cursor: pointer;
	}
	
	#progress-back{ z-index:5; position:fixed; bottom:0px; height:8px; width:100%; overflow:hidden; }
	#progress-bar{ position:relative; height:8px; width:100%; background:url("../img/progress-bar.png") repeat-x; overflow:hidden; }

	#thumb-social{
		z-index: 3;
		position: fixed;
		left: 0px;
		bottom: 0px;
		background: url(../img/bg_black.png);
		height: 115px;
		width: 100%;
		overflow: hidden;
		text-align: center;
		opacity: 0.0;
		border-top: 1px solid gray;
	}
	#thumb-social:hover{
		cursor: default;
	}

	#slidesocial{
		z-index: 50;
		color: white;
		left: 32px;
		bottom: 20px;
		position: absolute;
		text-align: left;
		margin: 0px 0px 0px 0px;
		white-space: nowrap;
	}
	#slidesocial,
	#slidesocial a{
		color: white;
	}
	#slidesocial a:hover{
		color: silver;
	}