/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.6
	Site	: www.buildinternet.com/project/supersized
	
	Theme 	: Shutter 1.1
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/

	#slideshow-overlay {
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -998;
	background: transparent url(../images/slideshow-overlay-hatch.png) repeat 0 0;
	}
	
	
	/* Controls Bar
	----------------------------*/
	#slidecaption {
	position: fixed;
	bottom: 150px;
	color:#FFF;
	z-index: -997;
	}
	
	#slidecaption h2 {
  font-size: 48px;
  color: #000;
  line-height: 43px;
  margin-bottom: 3px;
  }
  
  #slidecaption h2 a {
  color: #000;
  }
  
  #slidecaption h2 a:hover {
  color: #e63600;
  }
  
  #slidecaption h3 {
  font-size: 26px;
  color: #fff;
  line-height: 24px;
  margin-bottom: 0;
  }
  
  #slidecaption h2 span {
  background: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 6px 8px;
  display: inline-block;
  max-width: 408px;
  box-shadow: 0 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
  }
  
  #slidecaption h3 span {
  background-color: #e63600;
  padding: 5px 7px;
  display: inline-block;
  max-width: 300px;
  box-shadow: 0 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
  }
  
  #slidecaption .scroll-pane {
  color: #000;
  width: 424px;
  height: auto;
  max-height: 152px;
  overflow-y: auto;
  margin-bottom: 3px;
  background: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
  }
  
  #slidecaption .scroll-pane p {
  margin: 8px 12px 10px 12px;
  font-size: 15px;
  line-height: 20px;
  }
  
  #slidecaption .scroll-pane .more-link {
  font-weight: bold;
  float: right;
  margin-bottom: 12px;
  }
  
  .jspVerticalBar {
  width: 7px;
  right: 10px;
  background: transparent;
  }
  
  .jspTrack {
  background: #e3e3e3;
  }
    
  .jspDrag {
  background: #c3c3c3;
  }
  
  .jspDrag.jspHover,
  .jspDrag.jspActive {
  background: #e63600;
  }
  
  #prevslide, #nextslide{
  position:absolute;
  width: 33px;
	height: 33px;
	background: #fff url(../images/supersized-controls-light.png) no-repeat 0 0;
	background: rgba(255,255,255,0) url(../images/supersized-controls-light.png) no-repeat 0 0;
  top: 0;
  border-right: 1px solid #ddd;
  zoom: 1;
  filter: alpha(opacity=60);
  opacity: 0.6;
  }
  
  #prevslide{
  left: 0;
  }
  
  #nextslide{
  left: 34px;
  background-position: -33px 0;
  }
  
  #prevslide:hover, #nextslide:hover{
  border-right: 1px solid #ccc;
	cursor:pointer;
	box-shadow: 0 0 4px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.15);
  }
  
  #prevslide:active, #nextslide:active{
  border-right: 1px solid #fff;
	background-color: #e5e5e5;
	box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
  }
  
  
  ul#slide-list{ padding:0; float:left; position:absolute; left:50%; top: 50%; }
  ul#slide-list li{ list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0; }
  ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; }
  ul#slide-list li a{ display:block; width:12px; height:12px;}
  ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer; }
  
  #play-button{
  position: absolute;
	right: 34px;
	top: 0;
	border-left: 1px solid #ddd;
	width: 33px;
	height: 33px;
	background: #fff url(../images/supersized-controls-light.png) no-repeat -99px 0;
	background: rgba(255,255,255,0) url(../images/supersized-controls-light.png) no-repeat -99px 0;
	zoom: 1;
	filter: alpha(opacity=60);
	opacity: 0.6;
  }
  
  #play-button:hover{
  border-left: 1px solid #ccc;
	cursor: pointer;
	box-shadow: 0 0 4px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.15);
	filter: alpha(opacity=100);
	opacity: 1;
  }
  
  #play-button:active {
	border-left: 1px solid #fff;
	background-color: #e5e5e5;
	box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
	}
	
	#play-button.play-slideshow {
	background: #fff url(../images/supersized-controls-light.png) no-repeat -65px 0;
	background: rgba(255,255,255,0) url(../images/supersized-controls-light.png) no-repeat -65px 0;
	}
	
	#play-button.play-slideshow:active {
	background: #e5e5e5 url(../images/supersized-controls-light.png) no-repeat -65px 0;
	}
  
	#tray-button {
	position: absolute;
	right: 0;
	top: 0;
	border-left: 1px solid #ddd;
	width: 33px;
	height: 33px;
	background: #fff url(../images/supersized-controls-light.png) no-repeat -132px 0;
	background: rgba(255,255,255,0) url(../images/supersized-controls-light.png) no-repeat -132px 0;
	zoom: 1;
	filter: alpha(opacity=60);
	opacity: 0.6;
	}
	
	#tray-button:hover { 
	border-left: 1px solid #ccc;
	cursor:pointer;
	box-shadow: 0 0 4px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.15);
	filter: alpha(opacity=100);
	opacity: 1;
	}
	
	#tray-button.close-thumbs-tray {
	border-left: 1px solid #fff;
	background: #e5e5e5 url(../images/supersized-controls-light.png) no-repeat -132px 0;
	box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
	}
		
	
	/* Progress Bar
	----------------------------*/					
	
	#progress-back{
	z-index: 5;
  position: absolute;
  top: -4px;
  left: 0;
  height: 4px;
  width: 978px;
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF)"; /* IE8 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF);   /* IE6 & 7 */
  zoom: 1;
  background: rgba(255,255,255,0.6);
  overflow: hidden;
  }
  
  #progress-bar{
  position: absolute;
  height:10px;
  width: 100%;
  background:#e63600;
  }
	
	
	/* Thumbnail Tray
	----------------------------*/			
	#thumb-tray{
	position:fixed;
	z-index:3;
	bottom:0;
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3FFFFFFF,endColorstr=#3FFFFFFF)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3FFFFFFF,endColorstr=#3FFFFFFF);   /* IE6 & 7 */
	zoom: 1;
	background: rgba(255,255,255,0.25);
	height:80px;
	width:978px;
	overflow:hidden;
	text-align:center;
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
	}
		
  #thumb-back, #thumb-forward{
  position:absolute;
  z-index:5;
  top: 25px;
  height:30px;
  width:30px;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd)); 
  background-image: -webkit-linear-gradient(top, #ffffff, #dddddd); 
  background-image:    -moz-linear-gradient(top, #ffffff, #dddddd); 
  background-image:     -ms-linear-gradient(top, #ffffff, #dddddd); 
  background-image:      -o-linear-gradient(top, #ffffff, #dddddd); 
  background-image:         linear-gradient(top, #ffffff, #dddddd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dddddd');
  zoom: 1;
  filter: alpha(opacity=60);
  opacity: 0.6;
  box-shadow: 0 0 4px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,0.4);
  }
  
  #thumb-back{
  left:0px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  }
  
  #thumb-forward{
  right:0px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  }
  
  #thumb-back:hover, #thumb-forward:hover{
  cursor:pointer;
  filter: alpha(opacity=90);
  opacity: 0.9;
  }
  
  #thumb-back span, #thumb-forward span {
  background: #fff url(../images/arrows-light.png) no-repeat 0 0;
  background: rgba(255,255,255,0) url(../images/arrows-light.png) no-repeat 0 0;
  display: block;
  width: 30px;
  height: 30px;
  }
  
  #thumb-forward span {
  background-position: -30px 0;
  }
		
	ul#thumb-list {
	display:inline-block;
	list-style:none;
	position:relative;
	left:0px;
	padding:0 0px;
	}
		
	ul#thumb-list li {
	background:#111;
	list-style:none;
	display:inline;
	width:100px;
	height:60px;
	overflow:hidden;
	float:left;
	margin:8px 0 8px 8px;
	border: 2px solid #fff;
	border: 2px solid rgba(255,255,255,0.6);
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
	}
	
	ul#thumb-list li:hover,
	ul#thumb-list li.current-thumb {
	border: 2px solid #fff;
	}
			
	ul#thumb-list li img {
	width:100px;
	height:auto;
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
	display: block;
	}
	
	ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{
	filter: alpha(opacity=100);
	opacity: 1;
	}
	
	ul#thumb-list li:hover{
	cursor:pointer;
	}
	
	#slidecounter {
	position: absolute;
	left: 80px;
	color: #aaa;
	text-shadow: -1px 1px 0 #fff;
	-webkit-text-shadow: -1px 1px 0 #fff;
	-moz-text-shadow: -1px 1px 0 #fff;
	}