/*
	Your own changes to these pages' looks. GalleryBot 0.1 made this file
	once and never replaces it; gallery.css, which it does replace, is read
	first, so a rule here overrides it. For example:

	body.picture {
		--page-background: #ffffff;
		--frame-color: #cccccc;
	}

	Rules for links (a, a:hover and so on) change only text links. The
	controls, class "control", keep their looks unless a rule names them,
	such as a.control:hover.
*/

a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; color: red; }

.thumbnails a:hover img { border-color: red; outline: 1px solid red; }

body { font-family: "Lucida Grande", Arial, sans-serif; font-weight: normal; }
.footer { font-style: italic; }

body.overview .thumbnails {
	column-gap: 50px;
	row-gap: 30px;
	max-width: calc(3 * var(--thumbnail-width) + 2 * 50px);
	grid-template-columns: repeat(auto-fill, minmax(0, var(--thumbnail-width))) !important;
}

body.overview .thumbnails img {
	margin-top: 30px; margin-bottom: 5px;
}