article.gallery	{width:640px;margin-left:auto;margin-right:auto}
footer.gallery		{width:640px;margin-left:auto;margin-right:auto}

div.gallerytop { 
	width: 500px; 
	border-style: ridge; border-width: 2px; 
	padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; 
	margin-bottom: 10px;
	background-color: #5c995d;
	margin-left:auto;margin-right:auto
}

article.gallery img {display:block;margin-left:auto; margin-right:auto}

article.gallery h2
	{color: #efffef }

p.gallery
	{text-align: left; width:500px; color: #efffef }
	
p.gallery a {color: #b1dcf5}
	
p.gallery_caption
	{text-align:center; margin-top:0; width:500px;margin-left:auto;margin-right:auto}
p.gallery_exif
	{text-align:right; margin-top:0; max-width: 100%; margin-left:auto;margin-right:auto; font-size:0.7em; position: relative; top:-1.5em}

p.gallery_footer
	{text-align:center}

nav.flashcard {
	left:150;
	width:100%;
	height: 2em;
}

@media screen and (max-width: 640px) {
	article.gallery img {max-width:100%;height:auto;margin-left:0;margin-right:0}
	article.gallery	{
		width: auto;
		margin-left:0;margin-right:0
		}
	p.gallery_caption 	{text-align:left; }

p.gallery_footer
	{text-align:left}

}