@import url("ptml.css");
@import url("sidebar.css");
@import url("datetime.css");
@import url("hatom.css");

.archive {
	display: table;
	padding-left: 0em;
	clear: both;
}

.archivegroup {
	display: table-row;
	clear: left;
}

.archivegroup:hover,
.archivegroup a:hover,
.archivegroup a:hover .datetime {
	background-color: #eeeeff;
}

.archivegroup a:hover .count {
	background-color: inherit;
	text-decoration: underline;
}

.archivegroup a:link, .archivegroup a:visited,
#index a:link, #index a:visited {
	text-decoration: none;
}

.archivegroup .sep {
	display: none;
}

.archivegroup .count {
	display: block;
	height: 4em;
}

.archivegroup .count {
	display: table-cell;
	height: inherit;
	width: 29.5em;
	padding-left: 1.5em;
	vertical-align: middle;
}

.archivegroup .datetime {
	float: left;
	width: 7em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.archivegroup .datetime {
	float: inherit;
	display: table-cell;
}

#index {
	width: 36em;
	padding: 1em;
	text-align: center;
	margin-bottom: 1.5em;
	clear: both;
	background-color: #f0f0f0;
}

#index a.prev, #index a.next {
	font-size: 0.8em;
}

#index a.prev .datetime {
	float: left;
	margin-right: -6em;
}

#index a.next .datetime {
	float: right;
	margin-left: -6em;
}

#index a.up .datetime {
	float: none;
	clear: none;
	display: inline-block;
}

#index a.top {
	font-size: 1.25em;
	font-variant: small-caps;
	letter-spacing: 0.1em;
}

#index a.top:hover  {
	text-decoration: underline;
}

ul#index {
	list-style-type: none;
	margin-left: 0em;
}

ul#index li {
	display: inline;
}


@media (prefers-color-scheme: dark) {
	.archivegroup:hover,
	.archivegroup a:hover,
	.archivegroup a:hover .datetime {
		background-color: #333344;
	}

	#index {
		background-color: #434343;
	}
}

@media print {
	.archivegroup {
		width: 470pt;
	}
	
	#index {
		display: none;
	}
}