@charset "utf-8";
/* CSS Document */

	#screen {
		position: fixed;
		width: 100%;
		height: 100%;
		background: #000;
		overflow: hidden;
		position:absolute;
		top:0;
		left:0;
		z-index: 1;
	}
	#superslides {
		position: fixed;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	
	a { 
		outline: 0 none;
	}

	.photo {
		visibility:hidden;
		position:absolute;
		cursor:pointer;
	}
	.photo.selected {
		visibility: visible;
	}
	
	.picture {
			-webkit-transform: translate3d(0,0,0);
			-moz-transform: translate3d(0,0,0);
			-ms-transform: translate3d(0,0,0);
			-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	
	#screen .selected, #bar .selected {
		cursor:auto;
	}
	
	#screen .href {
		border: #FFF dotted 1px;
	}
	#screen .filler { 
		position: absolute;
		background: #fff;
		opacity: 0.16;
		filter: alpha(opacity=10);
	}
	
	#command {
		position:absolute;
		right: 40px;
		top: 60px;
		width: 65px;
		z-index: 30000;
		background: #eae7e0;
		background: rgba(234, 231, 224, 0.5);
		-moz-border-radius: 4px; /* Firefox */
		-webkit-border-radius: 4px; /* Safari, Chrome */
		border-radius: 4px; /* CSS3 */
	}
	#bar {
		margin: 4px 0 0 4px;
	}
	
	#thumbnail {
		position:absolute;
		display:none;
		width:100px;
		height:100px;
	}
	
	#baron {
		position: absolute;
		left: 10px;
		bottom: 100px;
		height: 80px;
		width: 80px;
		text-align:center;
		background:#C06;
		z-index:25000;
	}
	
	#baroff {
		position: absolute;
		left: 10px;
		bottom: 10px;
		height: 80px;
		width: 80px;
		text-align:center;
		background: #39F;
		z-index:25000;
	}
	
	.button { 
		float: left;
		background: url(thumbnails.png) no-repeat 0 0;
		width: 17px;
		height: 17px;
		cursor: pointer;
		margin: 0 3px 3px 0;
		opacity: 0.6
	}
	
	div .loaded { 
		opacity: 1;
	}
	
	div .loaded:hover {
		background: url(thumbnails.png) no-repeat 0 -17px;
	}
	
	div .loaded.viewed { 
		background: url(thumbnails.png) no-repeat 0 -34px;
		opacity: 1;
	}
	
	div .loaded.viewed:hover {
		background: url(thumbnails.png) no-repeat 0 -51px;
	}
	
	div .loaded.selected { 
		background: url(thumbnails.png) no-repeat 0 -51px;
		opacity: 1;
	}
	
	.inf {
		position: absolute;
		display:none;
		padding:10px;
		margin:0;
		text-align:center;
		z-index: 30000;
	}
	
	#screen h2 {
		visibility: hidden;
	}
	
	#UrlInfo {
		cursor: pointer;
		color: #810A48;
		text-decoration:none;
		font-size:14px;
		font-weight:bold;
	}
	
	#caption {
		color: #f3efec;
		/*background: #000000;
		background: rgba(0, 0, 0, 0.8);*/
	}
	
	#caption a {
		text-decoration: underline;
	}

	#caption a:hover {
		text-decoration: none;
	}
	
.go_up {
	display: none !important;
}

#aside {
	padding-bottom: 0 !important;
}

#loading {
	z-index: 2;
}


@media screen and (max-width: 999px) {
	#command {
		top:  auto;
		bottom: 60px;
	}
	#thumbnail {
		display: none !important;
	}
}

@media screen and (max-width: 739px) {
	#loading {
		display:  none !important;
	}
	#command {
		top:  auto;
		bottom: 20px;
		right: 20px;
	}
}