/* Cloned the gallery ID as a class for when more than one gallery are used on a single page. Should have just created it originally as a class, but didn't think this would be required. */

/* for standard galleries, subject to change for individual pages */
#gallery, .gallery {
	margin: 20px auto;
	width: 800px;
/*	padding-left: 50px; */
/* 	width: 80%; */
	font-family: 'Noto Sans', sans-serif;
	font-size: 0.85em;
	line-height: 0.9em;
}
#gallery a, .gallery a {
	float:left;
	max-width: 155px; height:190px;
	vertical-align: top;
	text-align: center;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: 300;
	color: blue;
}
#gallery a:hover, .gallery a:hover {
	color: orange;
}
#gallery img, .gallery img {
	border: 1px solid white;
}
#gallery img:hover, .gallery img:hover {
	border: 1px solid orange;
}
#gallery img, .gallery img {
	max-width: 135px;
	max-height: 165px;
    margin-right: 12px;
}

.fancybox-caption__body {
	text-align: left;
}
.fancybox-caption__body p, fancybox-caption__body ul li {
	margin: auto;
	margin-left: 50px;
	font-family: 'Noto Sans', sans-serif;
	line-height: 1.3em;
	font-size: 0.85em;
}
.fancybox-caption__body p {
	margin-top: 2px;
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
	color:red;
}
.fancybox-caption a:hover {
	color:orange;
	text-decoration:none;
}

/*fix the font in the upper-left corner of the screen, slide number/total number of slides, so that it is consistent with the captions.*/
.fancybox-infobar {font-family: 'Noto Sans', sans-serif;font-size:0.75em;}