html, body {
    width: 100%;
	min-height: 480px;
    background-color: #AAA;
    text-shadow: #FFF 0px 1px;
    margin: 0;

	font-family: 'PT Sans', Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: normal;
}

html {
    height: 100%;
}

body {
    background: #AAA;
    background: -moz-radial-gradient(30% 30px, circle farthest-side, #fff, #AAA); /* FF3.6+ */
    background: -webkit-gradient(radial, 30% 30px, 0, 30% 30px, 100%,
                                 color-stop(0%,#FFF), color-stop(100%,#AAA)); /* Chrome, Safari4+ */
    background: -webkit-radial-gradient(30% 30px, circle farthest-side, #FFF, #AAA); /* Chrome 10+, Safari 5.1+ */
    background: -o-radial-gradient(30% 30px, circle farthest-side, #FFF, #AAA); /* Opera 12 */
    background: -ms-radial-gradient(30% 30px, circle farthest-side, #FFF, #AAA); /* IE10 */
    background: radial-gradient(30% 30px, circle farthest-side, #FFF, #AAA); /* CSS3 */
	min-height: 100%;

	height: 100%; /* for image vertical alignment */
}


.x-unselectable {
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    cursor: default;
}



#wrapper {
	width: 250px;
	margin: 0 auto;
	/*vertical-align: middle;*/
	text-align: center;
	position: relative;

	display: table; /* for image vertical alignment */
	height: 100%; /* for image vertical alignment */
}

#wrapper a {
	display: table-cell; /* for image vertical alignment */
	padding-bottom: 87px; /* for image vertical alignment */
	vertical-align: middle; /* for image vertical alignment */
	box-sizing : border-box; /* !important */
	-moz-box-sizing : border-box; /* !important */
	-webkit-box-sizing : border-box; /* !important */
	line-height: 0; /* !important */
}

#wrapper img {
	/* display: none; */
}

.renderer {
	width: 100%;
	height: 100%;
}


#prev, #next {
    background: transparent;
	display: none; /* !!! */

	width: 35%;
	height: 100%;

	position: absolute;
	opacity: 0.3;
	
    text-decoration: none;
    text-align: center;
    font-size: 80px;
    line-height: 5em;

	color: transparent;
	text-shadow: none;
}
#prev {
	top: 0;
	left: 0;
}
#next {
	top: 0;
	right: 0;
}
/****
#next:hover,
#prev:hover {
    background: #222222;
    color: white;
	text-shadow: 0 1px #FFF;
}
****/


.clear {
	clear: both;
	font-size: 0;
	overflow: hidden; /* Tripple condom for IE */
}








#navigation {
	height			: 87px; /* ! */
	width			: 100%;
	position		: fixed;
	bottom			: 0;
	left			: 0; /* !important */
	right			: 0; /* !important */
	overflow		: hidden;



	/*-moz-box-sizing: border-box;*/
}

#iscroll {
	height			: 100%;
	width			: 100%;
	border-top		: 1px solid #CCC;

/*	-webkit-touch-callout:none;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
#iscroll ul {
	list-style		: none;
	text-align		: left;
	display			: block;

	height			: 86px; /* ! */
	width			: 200%;
	padding			: 0;
	margin			: 0;
}
#iscroll ul li {
	border-right	: 1px solid #CCC;
	width			: 86px; /* ! */
	height			: 86px; /* ! */
	overflow		: hidden;
	float			: left;
	display			: block;
	vertical-align	: middle;
	overflow		: hidden;
}
#iscroll ul li a {
	width			: 86px; /* ! */
	height			: 86px; /* ! */
	background-position: center center;
	background-repeat: no-repeat;
	display			: block;
}

/*
#iscroll ul li img {
	display			: block;
	margin			: auto;
	|||width			: 75px;
	|||height			: 75px;
}
*/


#iscroll ul li:hover {
	border-bottom	: 1px solid yellow;
	margin-top		: -1px;
}
#iscroll ul li.selected {
	border-bottom	: 1px solid yellow;
	margin-top		: -1px;
	cursor			: default;
}



.left-arrow {
    padding-right: 3px;
}
.footer {
    position: absolute;
    top: 5px;
	left: 5px;
}

.icon-gae {
    vertical-align: -3px;
}
.icon-flickr {
    vertical-align: -4px;
	padding-left: 1px;
}
.icon-itsumma {
    vertical-align: -1px;
	padding-right: 1px;
}

.icon-facebook {
    vertical-align: -3px;
	padding-left: 2px;
}
.powered {
	color: #444;
    position: absolute;
    top: 5px;
    right: 7px;
    text-shadow: #DDD 0px 1px;
	z-index: 1;
}





#spinner {
	position	: absolute;
	top			: 50%;
	left		: 50%;
	overflow	: hidden;
	margin		: -40px 0 0 -40px;
	width		: 80px;
	height		: 80px;
	-webkit-border-radius : 15px;
	-moz-border-radius : 15px;
	border-radius : 15px;
	background	: #000 url(/img/spinner.png) 24px 24px no-repeat;
	opacity		: 0.5;
	-webkit-box-shadow : 0 0 20px rgba(0, 0, 0, 0.4);
	-moz-box-shadow : 0 0 20px rgba(0, 0, 0, 0.4);
	box-shadow	: 0 0 20px rgba(0, 0, 0, 0.4);
	display		: none;
}





/*****
.iScrollbarH {
	position:absolute;
	z-index:100;
	height:8px;
	bottom:1px;
	left:2px;
	right:7px
}

.iScrollbarH > div {
	position:absolute;
	z-index:100;
	height:100%;

	background : rgba(0,0,0,0.5);
	border: 1px solid rgba(255, 255, 255, 0.05);

	-webkit-background-clip:padding-box;
	-moz-background-clip:padding-box;
	-o-background-clip:padding-box;
	background-clip:padding-box;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	
	-webkit-box-shadow : 1px 1px 0 rgba(255,255,255,0.5), -1px -1px 0 rgba(255,255,255,0.5);
	-moz-box-shadow : 1px 1px 0 rgba(255,255,255,0.5), -1px -1px 0 rgba(255,255,255,0.5);
	-o-box-shadow : 1px 1px 0 rgba(255,255,255,0.5), -1px -1px 0 rgba(255,255,255,0.5);
	box-shadow : 1px 1px 0 rgba(255,255,255,0.5), -1px -1px 0 rgba(255,255,255,0.5);
}
*****/