/*
 Supersized - Fullscreen Slideshow jQuery Plugin
 Version 3.1.3
 www.buildinternet.com/project/supersized

 By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
 Released under MIT License / GPL License
*/
* {
	margin:0;
	padding:0;
}

body {
	background:#111;
	height:100%;
}

img {
	border:none;
}

#supersized-loader {
	position:absolute;
	top:50%;
	left:50%;
	z-index:0;
	width:60px;
	height:60px;
	margin:-30px 0 0 -30px;
	text-indent:-999em;
	background:url(http://www.bryanrandallphotography.com/wp-content/themes/randall/img/progress.gif) no-repeat center center;
	visibility:hidden;
}

#supersized_overlay {
	display:block;
	position:fixed;
	left:0;
	top:0;
	overflow:hidden;
	z-index:-998;
	height:100%;
	width:100%;
}

#supersized {
	display:block;
	position:fixed;
	left:0;
	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;
}

/****************
    - Speed -
****************/
#supersized.speed img {
	-ms-interpolation-mode:nearest-neighbor;
	image-rendering:-moz-crisp-edges;
}

/******************
    - Quality -
******************/
#supersized.quality img {
	-ms-interpolation-mode:bicubic;
	image-rendering:optimizeQuality;
}

#supersized li {
	display:block;
	list-style:none;
	z-index:-30;
	position:fixed;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
}

#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:#111 url(http://www.bryanrandallphotography.com/wp-content/themes/randall/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;
}

a#prevslide, a#nextslide {
	z-index:999;
	cursor:pointer;
	display:block;
	position:fixed;
	top:45%;
	width:71px;
	height:71px;
	background-color:#000;
	opacity:0.3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity=30);
}

a#prevslide:hover, a#nextslide:hover {
	background-color:#000000;
}

a#prevslide {
	left:0px;
}

a#nextslide {
	right:0px;
}

a#prevslide img, a#nextslide img {
	display:block;
	clear:both;
	position:absolute;
	top:19px;
	left:27px;
}

#play-button {
	cursor:pointer;
}

/***************************
    - Controls section -
***************************/
#controls-wrapper {
	margin:0 auto;
	width:100%;
	bottom:0px;
	left:0;
	z-index:4;
	position:fixed;
}

#controls {
	width:120px;
	overflow:hidden;
	height:100%;
	text-align:center;
	z-index:5;
	padding:15px 0 8px 0;
	margin:auto;
	background:#000;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

#slidecounter {
	float:left;
	color:#888;
	font:23px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-shadow:#000 0 -1px 0;
	margin:19px 10px 18px 20px;
}

#navigation {
	float:right;
	margin:10px 0 0 0;
}

/*******************************
    - Thumbnail navigation -
*******************************/
#nextthumb, #prevthumb {
	z-index:6;
	display:none;
	position:fixed;
	bottom:12px;
	height:75px;
	width:100px;
	overflow:hidden;
	background:#ddd;
	border:2px solid #fff;
	-webkit-box-shadow:0 0 5px #000;
	-moz-box-shadow:0 0 5px #000;
	box-shadow:0 0 5px #000;
}

#nextthumb {
	right:12px;
}

#prevthumb {
	left:12px;
}

#nextthumb img, #prevthumb img {
	width:150px;
	height:auto;
}

#nextthumb:active, #prevthumb:active {
	bottom:10px;
}

#navigation > :hover, #nextthumb:hover, #prevthumb:hover {
	cursor:pointer;
}

/***********************
    - Progress bar -
***********************/					
#progress-back {
	z-index:5;
	position:fixed;
	bottom:40px;
	left:0;
	height:0px;
	width:100%;
	background-color:#000;
	background-color:rgba(0,0,0,0.5);	
}

#progress-bar {
	position:relative;
	height:5px;
	width:100%;
	background:#fff;
	display: none;
	visibility: hidden;
}

/*************************
    - Thumbnail tray -
*************************/			
#thumb-tray {
	position:fixed;
	z-index:3;
	bottom:50px;
	right:50px;
	background:transparent;
	padding-top:8px;
	height:80px;
	width:100%;
	overflow:hidden;
	text-align:center;
}

#thumb-back, #thumb-forward {
	position:absolute;
	z-index:5;
	bottom:-2px;
	height:108px;
}

#thumb-back {
	left:0;
	background:transparent;
}

#thumb-forward {
	right:0;
	background:transparent no-repeat center center;
}

#thumb-back:hover, #thumb-forward:hover {
	cursor:pointer;
	background-color:rgba(256,256,256, 0.1);
}

#thumb-back:hover {
	border-right:1px solid rgba(256,256,256, 0.2);
}

#thumb-forward:hover {
	border-left:1px solid rgba(256,256,256, 0.2);
}

#thumb-tray {
	display:inline-block;
	list-style:none;
	padding:0 0px;
}

ul#thumb-list li {
	background:#000;
	list-style:none;
	display:inline;
	overflow:hidden;
	float:left;
	visibility:hidden;
}

ul#thumb-list li img {
	opacity:0.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity=60);
	height:80px;
}

ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img {
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
}

ul#thumb-list li:hover {
	cursor:pointer;
}

#tray-button {
	position:fixed;
	right:50px;
	top:20px;
	cursor:pointer;
}