/* jAlbum 23.2.4 with Saturn 55, Smoke style, album creation date 20.03.21, 12:27 */
html {
	height: 100%;
	background-color: #333333;
}
body {
	font-family: Verdana, Geneva, sans-serif;
	color: #eeeeee;
	text-align: center;
	margin: 0px 0px 10px;
}
body a {
	color: #eeeeee;
}
body a:hover {
	color: #aaaaaa;
}
a, audio, video {
	outline: none;
}
audio {
	height: 32px;
}
img, iframe {
	outline: none;
	border: none;
}
#sa-itti, #sa-ittibanner, .sa-thumbimg img, .sa-ipimage img {
	animation: fadein 500ms;
}
@keyframes fadein {
	from {opacity: 0;}
	to {opacity: 1;}
}
#sa-itstd {
	margin: 10px auto;
	max-width: 1260px;
	min-height: 18px;
	padding: 0px 5px;
}
#sa-itti {
	padding: 0px 20px;
}
#sa-itti > div {
	max-width: 1260px;
	min-height: 200px;
	margin: 10px auto 25px;
	border-style: solid;
	border-width: 1px;
	padding: 3px;
	border-color: #eeeeee;
	box-shadow: 5px 5px 5px rgba(51, 51, 51, 0.25);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent), url("../sa-theme.jpg") center center no-repeat;
	background-size: cover;
	background-clip: content-box;
}
#sa-itti > div > div {
	margin: 0px auto;
	padding: 10px 15px;
	position: relative;
}
.sa-pagetitle {
	color: #eeeeee;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-shadow: none;
	padding-bottom: 3px;
}
.sa-pagetitle a {
	color: #eeeeee;
	text-decoration: underline;
}
.sa-pagedescription {
	color: #eeeeee;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-shadow: none;
}
.sa-pagedescription a {
	color: #eeeeee;
	text-decoration: underline;
}
.sa-pagetitleTI {
	color: #ffffff;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-shadow: 5px 5px 5px rgba(51, 51, 51, 0.4);
	padding-bottom: 5px;
}
.sa-pagetitleTI a {
	color: #ffffff;
	text-decoration: underline;
}
.sa-pagedescriptionTI {
	color: #ffffff;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-shadow: 3px 3px 5px rgba(51, 51, 51, 0.4);
}
.sa-pagedescriptionTI a {
	color: #ffffff;
	text-decoration: underline;
}
#sa-navleft {
	width: 76px;
	height: 18px;
	text-align: left;
	float: left;
	font-size: 0px;
}
#sa-navleft img {
	width: 18px;
	height: 18px;
	margin-right: 20px;
	cursor: pointer;
}
#sa-navright {
	position: relative;
	width: 76px;
	height: 18px;
	text-align: right;
	float: right;
	font-size: 0px;
}
#sa-navright img {
	width: 18px;
	height: 18px;
	margin-left: 20px;
}
.sa-infotxt {
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-shadow: none;
	text-align: center;
	margin: 0px auto 15px;
	max-width: 900px;
	padding: 0px 10px;
}
.sa-infotxt a {
	text-decoration: underline;
}
.sa-infotxtbottom {
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-shadow: none;
	text-align: center;
	margin: 0px auto 10px;
	max-width: 900px;
	padding: 0px 10px;
}
.sa-infotxtbottom a {
	text-decoration: underline;
}
#sa-thumbs, #sa-fthumbs {
	max-width: 1200px;
	margin: 0px auto 10px;
	padding: 15px 53px 0px;
	font-size: 0px; /* Hack to collapse whitespace between boxes */
}
#sa-thumbs img, #sa-fthumbs img {
	max-width: 100%;
	height: auto;
}
#sa-thumbs > div {
	text-align: center;
	margin: 1.5px;
	max-width: 140px;
	vertical-align: top;
	display: inline-block;
}
#sa-thumbs > div > div:first-of-type {
}
#sa-fthumbs > div {
	text-align: center;
	margin: 1.5px;
	max-width: 192px;
	vertical-align: top;
	display: inline-block;
}
#sa-fthumbs > div > div:first-of-type {
}
.sa-ovrel {
	position: relative;
	display: inline-block;
}
.sa-thumbimg img, .sa-thumbicon {
	margin: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #eeeeee;
	padding: 4px;
	background-color: transparent;
	border-radius: 1px;
	box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.1);
}
.sa-thumbimg img:hover, .sa-thumbicon:hover {
	border-color: #aaaaaa;
}
.sa-thumbimg img:hover, .sa-thumbicon:hover {
	box-shadow: -3px 3px 3px rgba(51, 51, 51, 0.1);
}
.sa-foldericon {
	background: #111111 url('folder.png') center/contain no-repeat !important;
	max-height: 99px;
}
.sa-videooverlay img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -45px !important;
	margin-left: -45px !important;
	width: 83px;
	height: 83px;
	border: none !important;
	border-radius: 0px;
	box-shadow: none !important;
	background-color: transparent;
}
.sa-thumbcaption, .sa-fthumbcaption {
	overflow-wrap: break-word;
	margin: 2px 5px 10px;
}
.sa-foldertitle {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 15px;
	text-shadow: none;
}
.sa-foldertitle a {
	text-decoration: underline;
}
.sa-foldercomment {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 15px;
	text-shadow: none;
}
.sa-foldercomment a {
	text-decoration: underline;
}
.sa-imagetitle {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 15px;
	text-shadow: none;
}
.sa-imagetitle a {
	text-decoration: underline;
}
.sa-imagecomment {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 15px;
	text-shadow: none;
}
.sa-imagecomment a {
	text-decoration: underline;
}
.sa-imagevideolength {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 15px;
	text-shadow: none;
}
.sa-copyright {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	margin: 0px auto 8px;
	padding: 0px 10px;
	text-shadow: none;
}
.sa-copyright a {
	text-decoration: underline;
}
.sa-credits {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	margin: 0px auto 10px;
	text-shadow: none;
}
.sa-credits a {
	text-decoration: underline;
}
#sa-pagetop {
	background-color: #111111;
	position: fixed;
	bottom: 40px;
	left: 10px;
	opacity: 0.7;
	display: none;
}
#sa-pagetop img {
	width: 28px;
	height: 28px;
	padding: 10px 5px 5px;
}
#sa-pagetop:hover {
	cursor: pointer;
}
.sa-slidetitle {
	font-family: Verdana, Geneva, sans-serif;
	color: #eeeeee;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	margin-bottom: 3px;
	text-align: center;
	text-shadow: none;
}
.sa-slidetitle a {
	color: #eeeeee;
	text-decoration: underline;
}
.sa-slidetitle a:hover {
	color: #fcfcfc;
}
.sa-slidecomment {
	font-family: Verdana, Geneva, sans-serif;
	color: #eeeeee;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	margin-bottom: 3px;
	text-align: center;
	text-shadow: none;
}
.sa-slidecomment a {
	color: #eeeeee;
	text-decoration: underline;
}
.sa-slidecomment a:hover {
	color: #fcfcfc;
}
.sa-bodyopening, .sa-bodyclosing {
	margin: 5px;
}
.sa-footer {
	margin: 0px -1px;
	padding: 5px 2px;
	border-width: 0px 1px 1px;
	border-style: solid;
	border-color: #eeeeee;
	height: 16px;
	background-color: #333333;
}
.sa-globe {
	float: right;
	margin: 0px 8px 0px 15px;
	width: 16px;
	height: 16px;
}
.sa-disabled {
	opacity: 0.5;
}
.sa-hidden {
	display: none;
}
.sa-pointer {
	cursor: pointer;
}
.sa-bodyspacer {
	height: 30px;
}
i.fbxIcon {
	font-size: 16px;
}
.fbContentWrapper {
	box-shadow: 1.0px 1.0px 1.0px rgba(51, 51, 51, 0.05)
}
@media (max-width: 500px), (max-height: 500px) {
	.fbContentWrapper {
		box-shadow: none;
	}
} 
a.fbNextPanel {
	width:55% !important;
}
.fbPrev2 .fbxIcon, .fbNext2 .fbxIcon {
	font-size: 25px;
}
.fbx .fbResizer {
	display: none;
}
@media (max-width: 500px), (max-height: 500px) {
	.fbPrev2 .fbxIcon, .fbNext2 .fbxIcon {
		font-size: 24px;
	}
}
@media (min-width: 500px) and (min-height: 500px) {
	.fbx a.fbPrev2 {
		left: 0px;
	}
	.fbx a.fbNext2 {
		right: 0px;
	}
	.fbx a.fbPrev2, .fbx a.fbNext2 {
		position: fixed;
		visibility: visible !important;
		background-color: #aaaaaa;
	}
}