div.media {
	margin-bottom: 1rem;
}
div.media p {
	margin-bottom: 0.25rem;
	font-size: 92%;
}
#sidebar div.card a {
	text-decoration: none;
	text-transform: none;
	padding: 0.25rem;
	line-height: 1.8rem;
	font-weight: 500;
	background-color: #f8f9fa;
}
#sidebar div.card a:hover {
	background-color: #e0e0e0;
}
#sidebar div.card a:before {
	content: '• ';
	visibility: hidden;
}
#sidebar div.card a:after {
	content: ' •';
	visibility: hidden;
}
#sidebar div.card a.active:before {
	visibility: visible;
}
#sidebar div.card a.active:after {
	visibility: visible;
}

#image-container {
  /* Main wrapper for all images */
  width: 100%;
  padding: 1rem;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
	background-color: #000000;
	text-align: center;
}
.navButton {
  /* Make buttons look nice */ 
  cursor: pointer;
  float: left;
  width: 40px;
  height: 40px;
  padding: 10px;
  margin: 1rem 4px 0 4px;
  overflow: hidden;
  text-align: center;
  color: white;
  font-weight: bold;
  font-size: 18px;
  background: #999999;
  opacity: 0.65;
  user-select: none;
	line-height: 1;
}
.navButton:hover {
  opacity: 1;
}
.caption {
  float: right;
}
.img-div:not(:first-child) {
  /* Hide all images except the first */
  display: none;
}
.img-div a:after {
	content: '' !important;
	padding: 0 !important;
}
#date-select {
	float: right;
	margin: 1rem 4px 0 4px;
	/*height: 2rem;*/
}
#archive-table td, #archive-table th {
	padding: 0.5rem 0.75rem;
}