/* galleriffic */

div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none; float: right; width: 480px;
}
div.content a, div.navigation a { text-decoration: none; color: #777; }
div.content { display: block; }
div.content  a:focus, div.content  a:hover, div.content  a:active { text-decoration: underline; }
div.controls { height: 23px; margin-top: 5px; }
div.controls a { padding: 5px; }
div.ss-controls { float: left; }
div.nav-controls { float: right; }
div.loader { width: 480px; height: 350px; background: url('../../img/loading.gif') no-repeat top center; }
div.slideshow {
	clear: both;
}
div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
}
div.slideshow a.advance-link {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
div.slideshow img { display: block; border: none; }
div.download { float: right; }
div.embox { clear: both; padding: 12px; border: 1px solid #ccc; background: #eee; }
div.image-title { font-weight: bold; font-size: 12px; color: #000; }
div.image-desc { line-height: 1.3em; padding-top: 12px; }
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
	float: left; width: 200px; margin: 0; margin-top: 30px; padding: 0;
}
ul.thumbs { clear: both; margin: 0; padding: 0; }
ul.thumbs li { float: left; margin: 5px 10px 5px 0; padding: 0; list-style: none; }
a.thumb { display: block; padding: 2px; border: 1px solid #ccc; }
ul.thumbs li.selected a.thumb { background: #000; }
a.thumb:focus { outline: none; }
ul.thumbs img { display: block; width: 80px; border: none; }
div.pagination { clear: both; }
div.navigation div.top { height: 11px; margin-bottom: 12px; }
div.navigation div.bottom { margin-top: 12px; }
div.pagination a, div.pagination span.current { display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc; }
div.pagination a:hover { background: #eee; text-decoration: none; }
div.pagination span.current { border-color: #000; background: #000; font-weight: bold; color: #fff; }

/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li { float: none; margin: 0; padding: 0; list-style: none; }
#thumbs-min a.thumb { display: inline; padding: 0; border: none; }
#thumbs-min ul.thumbs li.selected a.thumb { background: inherit; font-weight: bold; color: #000; }