#listViewer {
	text-align: center; box-sizing: border-box;
	width: 100%;
	padding: 0px 0px 0px 0px;
}
#listViewerOptions {text-align: center; width: 100%;}
#listViewerContent {font-size: 1rem;}
.entry {
	display: inline-block; text-align: left; box-sizing: border-box;
	border-radius: 12px;
	overflow: hidden;	
	/*border-radius: 12px;*/
	margin: 8px;
	width: calc(75% - 16px);
	background-color: rgba(255,255,255,0.9);
	box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.5), -4px -4px 16px 4px rgba(224,224,224,0.25);
	page-break-inside: never;
}
.entryHeader {
	display: inline-block; cursor: pointer;
}
.entryHeader:hover .entryLabel {
	/*color: DeepSkyBlue;*/
}
.entryLabel {
	margin-top: 8px;
	padding: 0px 8px;
	font-size: 1.5em;
	font-family: EBGaramond;
	font-weight: bold;
	text-decoration: underline;
}
.entryLabelBlock {
	display: inline; position: relative; text-align: center;
}
.entryBlurb {
	display: inline-block; text-align: left;
	box-sizing: border-box;
	padding: 0px 16px;
	white-space: pre-line;	
	font-size: 1em;
	font-family: sans-serif;
}
.entryDetails {
	height: 0px; margin: 0px 16px 0px 16px;
	transition: height 0.25s;
}
.entryDetail {
	display: inline-block;
	margin: 4px 8px;
}
.entryDetailLabel {
	display: inline-block;
	font-weight: bold;
}
.entryDetailValue {
	display: inline-block;
}
.entryStartDateBlock {
	position: relative; float: left; padding-left: 1rem; top: -1.5rem; text-align: center; margin: 8px; 
	user-select: none;
}
.entryStartDay {
	position: relative; text-align: center;
	left: -1.4rem; top: 0.1rem;
	font-family: monospace; font-size: 1.5rem; font-weight: normal; color: Teal;
	transform: rotate(90deg); transform-origin: left bottom 0;
}
.entryStartMonth {font-size: 1rem; line-height: 1rem; font-weight: bold; color: RoyalBlue}
.entryStartYear {font-size: 0.75rem; line-height: 0.75rem; font-weight: bold; color: Maroon;}
.entryStartDate {font-size: 2rem; line-height: 1.75rem;}
.entryStartTime {font-size: 0.75rem; line-height: 0.75rem;}

@media screen and (max-width: 720px) {
	/*#listViewer {margin: 0px 16px; width: calc(100% - 32px);}*/
	/*#listViewer .entry {min-width: 0px; }*/
}
@media print {
	.entryDetails {height: auto;}
}