/* (c) Michel Beaudouin-Lafon - mbl@lri.fr, 2011 */
/* Style sheet for photo gallery (classic style, i.e. no javascript) */

/* ======== General Settings ======== */

* { margin: 0; padding: 0; }
body { background-color: #222; color: #bba; font: 80%/140% sans-serif; }

h1, h2, p { margin: 10px 20px; }
a { color: #348; text-decoration: none; outline: none; }
a:hover { color: #67a; }

.galleria-view, .galleria-help {
	position: absolute;
	overflow: hidden;
	right: 0px;
	width: 100px;
	height: 100px;
	z-index: 20;
	text-align: right;
	margin-right: 10px;
}
.galleria-view {
	top: 5px;
}
.galleria-help {
	top: 25px;
}

#thumbs {
	margin-left: 20px;
	margin-right: 20px;
}

#thumbs li {
	display: inline-block;
	width: 128px;
	vertical-align:top;
}

#thumbs li p {
	margin: 5px;
}

#thumbs li img {
	width: 128px;
}

/*
#thumbs { list-style: none; }
#thumbs li { display: block; width: 80px; height: 80px; overflow: hidden; float: left; margin: 5px; }
#thumbs li img { display: block; top: auto; left: auto; width: auto; height: auto; cursor: pointer; }

.galleria li a { display: none; }
*/