/*

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

	/* Controls Bar
	----------------------------*/
	
	

@media
only screen and (max-width: 640px)
{	
	#controls-wrapper { margin:0 auto; height:28px; width: 100%; z-index:4; position: absolute; text-align: center;}
		#controls { overflow:hidden; height:100%; position:relative; text-align:left; z-index:5; }
			#slidecounter { float:left; color:#999; font:14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 0 -1px 0; margin:0px 10px 0 15px; line-height:42px; }
			#slidecaption { overflow:hidden; float:left; color:#FFF; font:400 14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 1px 1px 2px; margin:0 20px 0 0; line-height:42px; }
						
			ul#slide-list{ padding:8px 0; float:left; position:absolute; left:48%; border: 0px solid;}
				ul#slide-list li{ list-style:none; width:20px; height:20px; 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; opacity: 1; }
					ul#slide-list li a{ display:block; width:20px; height:20px; background:url('../img/nav-dot.png') no-repeat 0 -40px; opacity: 0.9; }
						ul#slide-list li a:hover{ background-position:0 -20px; cursor:pointer; opacity: 1;}
}
			
			
			
@media
only screen and (min-width: 641px)
{	
	#controls-wrapper { margin:0 auto; height:28px; width: 320px; z-index:4; position: absolute;}
		#controls { overflow:hidden; height:100%; position:relative; text-align:left; z-index:5; }
			#slidecounter { float:left; color:#999; font:14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 0 -1px 0; margin:0px 10px 0 15px; line-height:42px; }
			#slidecaption { overflow:hidden; float:left; color:#FFF; font:400 14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 1px 1px 2px; margin:0 20px 0 0; line-height:42px; }
						
			ul#slide-list{ padding:8px 0; float:left; position:absolute; left:48%; border: 0px solid;}
				ul#slide-list li{ list-style:none; width:20px; height:20px; 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; opacity: 1; }
					ul#slide-list li a{ display:block; width:20px; height:20px; background:url('../img/nav-dot.png') no-repeat 0 -40px; opacity: 0.9; }
						ul#slide-list li a:hover{ background-position:0 -20px; cursor:pointer; opacity: 1;}
}