.slideshow-window {
	background-color: #222;
	border: 20px solid #222;
	border-radius: 11px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	-khtml-border-radius: 11px;
	margin-bottom: 20px;
}

.slideshow-window, .slideshow-window * {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.slideshow-loading {
	height: 100%;
	text-align: center;
	margin: auto;
}

body div.slideshow-window * img {
    /* Override any styles that might be present in the page stylesheet */
    border-width: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
    max-width: 100%;
}

.slideshow-loading img {
	vertical-align: middle;
}

.slideshow-slide {
	height: 100% !important;
	width: 100% !important;
	text-align: center;
	margin: auto;
	display: none;
}

.slideshow-slide img {
	vertical-align: middle;
}

.slideshow-line-height-hack {
	overflow: none;
	width: 0px;
	font-size: 0px;
}

.slideshow-slide-caption {
	font-size: 13px;
	font-family: "Helvetica Neue", sans-serif;
	color: #f7f7f7;
	text-shadow: #222 1px 1px 2px;
	line-height: 25px;
	/*height: 25px;*/
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	text-align: center;
}

.slideshow-slide-caption-aria {
	position: absolute;
    left: -10000px;
}

.entry-content .slideshow-slide-caption{
	width: 100%;
	left: initial;
}

/* @noflip */
.slideshow-controls {
	z-index: 1000;
	position: absolute;
	top: 5px;
	margin: auto;
	text-align: center;
	width: 100%;
	display: none;
	direction:ltr;
}

body div div.slideshow-controls a,
body div div.slideshow-controls a:hover {
	border:2px solid rgba(255,255,255,0.1) !important;
	background-color: #000 !important;
	background-color: rgba(0,0,0,0.6) !important;
	background-image: url('img/slideshow-controls.png') !important;
	background-repeat: no-repeat;
/*	background-size: 142px 16px !important;*/
	background-position: -34px 8px !important;
	color: #222;
	margin: 0 5px !important;
	padding: 0 !important;
	display: inline-block !important;
	*display: inline;
	zoom: 1;
	height: 32px !important;
	width: 32px !important;
	line-height: 32px !important;
	text-align: center !important;
	-khtml-border-radius: 10em !important;
	-webkit-border-radius: 10em !important;
	-moz-border-radius: 10em !important;
	border-radius: 10em !important;
	-webkit-transition: 300ms border-color ease-out;
	-moz-transition: 300ms border-color ease-out;
	-o-transition: 300ms border-color ease-out;
	transition: 300ms border-color ease-out;
}

body div div.slideshow-controls a:nth-child(1),
body div div.slideshow-controls a:nth-child(1):hover, 
body div div.slideshow-controls a:nth-child(4),
body div div.slideshow-controls a:nth-child(4):hover{
	background-size: 142px 16px !important;
}

/*@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	body div div.slideshow-controls a,
	body div div.slideshow-controls a:hover {
		background-image: url('img/slideshow-controls-2x.png') !important;
	}
}*/

body div div.slideshow-controls a:hover {
	border-color: rgba(255,255,255,1) !important;
}

body div div.slideshow-controls a:first-child { background-position: -76px 8px !important; float: left;}
body div div.slideshow-controls a:last-child { background-position: -117px 8px !important; float: right;}
body div div.slideshow-controls a:nth-child(2) { background-position: /*-34px*/ -116px 8px !important;}
body div div.slideshow-controls a.running { background-position: -34px 8px !important;}
body div div.slideshow-controls a.paused { background-position: 9px 8px !important;}

body div div.slideshow-controls a:nth-child(2){
	background: none !important;
	border: none !important;
	height: auto !important; width: auto !important;
	border-radius: 0 !important;
	text-decoration: none;
}

@media only screen and (max-width: 500px) {
	body div div.slideshow-controls a:nth-child(2){
		font-size: 1em;
	}
}

.slideshow-controls a img {
	border: 50px dotted fuchsia;
}

/*slideshow full screen overlay*/
/*full screen slideshow onclick*/

.full-screen-slideshow {
	position: fixed !important;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 2147483647;
    overflow-x: hidden;
    overflow-y: auto;
    direction: ltr;
    display: block;
    height: 100% !important;
}

.full-screen-slideshow .slideshow-slide {
	width: 100% !important;
	margin-top: 10%;
}


/* hide masthead on full screen slider */
.fs-masthead {
	z-index: 1 !important;
}

.entry-content .slideshow-controls {
	top: -60px;
}

.slideshow-window {
	top: 25px;
}

.slideshow-controls a:first-child, .slideshow-controls a:nth-child(3), .slideshow-controls a:last-child,
.slideshow-controls a:first-child:hover, .slideshow-controls a:nth-child(3):hover, .slideshow-controls a:last-child:hover{
	margin-bottom: -14px !important;
}

.color-white {
	color: white !important;
}


/*view all section*/
.view-all{
	position: absolute;
	top: 99%;
	width: 100%;
	margin: 30px 0px !important;
	z-index: 99999999999999;
}

.full-screen-slideshow .view-all {
	position: initial;
	top: initial;
	width: initial;
	margin: initial !important;
	z-index: 0;
}

.view-all-text {
    text-align: right;
}

body div.slideshow-window * img.view-all-icon {
	border: 2px solid rgba(255,255,255,0.1) !important;
    background-color: #000 !important;
    background-color: rgba(0,0,0,0.6) !important;
    background-image: url(img/view-all.png) !important;
    background-repeat: no-repeat;
    background-position: -34px 8px !important;
    color: #222;
    margin: 0 5px !important;
    padding: 0 !important;
    display: inline-block !important;
    zoom: 1;
    height: 23px !important;
    width: 26px !important;
    line-height: 32px !important;
    text-align: center !important;
    padding: 3px 3px !important;
    border-radius: 5px;
}

.slideshow-window {
	margin-bottom: 100px;
	margin-top: 50px;
}

.entry-content .full-screen-slideshow .slideshow-slide-caption {
	width: 50%;
	position: relative;
	margin: 0 auto;
}

.entry-content a.view-all {
	text-decoration: none;
}

/*view all overlay*/

.view-all-overlay {
	position: fixed !important;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 2147483647;
    overflow-x: hidden;
    overflow-y: auto;
    direction: ltr;
    display: block;
    height: 100% !important;
}

.hide {
	display: none !important;
}

.show-grid {
	display: block !important;
	z-index: 9999999999;
	position: relative;
	margin: 0 auto;
}

.grid-image {
	float: left;
    width: 80px !important;
    text-align: center;
    margin-right: 15px;
    margin-top: 7px;
    margin-bottom: 8px;
}


/*style adjustments*/

@media only screen and (max-width: 1500px)  {
	.slideshow-window.full-screen-slideshow .slideshow-controls {
		top: initial !important;
	}
}

@media only screen and (max-height: 500px)  {
/*	.slideshow-window.full-screen-slideshow .slideshow-slide img {
		height: 200px;
	}*/

	.slideshow-window.full-screen-slideshow .slideshow-slide-caption {
		margin-top: 15px;
	}

	.full-screen-slideshow .slideshow-slide {
		margin-top: 100px;
	}

	.slideshow-window.full-screen-slideshow .slideshow-controls {
		top: 50px !important;
	}
}

.slideshow-window.full-screen-slideshow .slideshow-slide-caption {
	line-height: 25px;
	padding: 10px 0px;
}

@media only screen and (max-width: 500px)  {
	.slideshow-window.full-screen-slideshow .slideshow-controls {
		top: 100px !important;
	}
}

.full-screen-slideshow .slideshow-slide{
	margin-top: 150px;
}	

.slideshow-window.full-screen-slideshow .slideshow-controls {
	top: 100px !important;
}




/*view all gallery styles*/

dl.gallery-item img {
	width: 100px;
}

.gallery .gallery-caption {
	display: none !important;
}

/* new styles for button positions */

.entry-content a.view-all {
	width: 50%;
}

.view-all-text {
	display: none;
}

a#full-screen {
	float: right;
	cursor: pointer;
}

a#full-screen,
a#full-screen:hover {
	border:2px solid rgba(255,255,255,0.1) !important;
	background-color: #000 !important;
	background-color: rgba(0,0,0,0.6) !important;
	background-repeat: no-repeat;
	color: #222;
	padding: 0 !important;
	zoom: 1;
	height: 32px !important;
	width: 32px !important;
	line-height: 32px !important;
	text-align: center !important;
	-khtml-border-radius: 10em !important;
	-webkit-border-radius: 10em !important;
	-moz-border-radius: 10em !important;
	border-radius: 10em !important;
	-webkit-transition: 300ms border-color ease-out;
	-moz-transition: 300ms border-color ease-out;
	-o-transition: 300ms border-color ease-out;
	transition: 300ms border-color ease-out;
}

a#full-screen.open-fs-btn {	
	display: inline-block !important;
	margin: 0 5px !important;
}

a#full-screen.close-fs-btn {	
	display: table !important;
    margin: auto !important;
    float: right;
	margin-right: 15px !important;
    margin-top: 5px !important;
}

a#full-screen.close-fs-btn, a#full-screen.close-fs-btn:hover {
	border: none !important;
	background-color: transparent !important;
}

 .view-all a.close-fs-btn {
	color: white !important;
    text-decoration: none;
    font-size: 25px;
}


 .view-all a.open-fs-btn {
	background-image: url('img/resize-full-screen.png') !important;
	background-position: center !important;
	color: transparent !important;
}


.full-screen-slideshow  .slideshow-controls .controls-container {
	width: 50%;
	margin: 0 auto !important;
}

.full-screen-slideshow .slideshow-slide img {
	width: 50% !important;
}


@media only screen and (max-width: 1023px)  {
	.full-screen-slideshow .slideshow-slide img {
		width: auto !important;
	}

	.entry-content .full-screen-slideshow .slideshow-slide-caption {
		width: 70%;
	}
}

@media only screen and (max-width: 769px)  {
	.slideshow-window {
	    margin-left: -25px;
	    margin-right: -25px;
		border: 0px solid #222;
		border-bottom-width: 20px;
		border-radius: 0;
	}

	.slideshow-window.full-screen-slideshow {
	    margin-left: 0px;
	    margin-right: 0px;
		border: 0px solid #222;
		border-bottom-width: 20px;
		border-radius: 0;
	}

	.slideshow-window img {
		width: 100% !important;
	}

	.full-screen-slideshow .slideshow-controls .controls-container {
		width: 100%;
	}

	a#full-screen.close-fs-btn {	
		margin-right: 5px !important;
	}

}









