#footprints {
	background-image: url("footprints.png");
	background-color: HoneyDew;
	height:100%;
	float:left;
}

#content {
	color: black;
	margin-left:0;
	height:100%;
	text-align: center;
}

#subdued{
	color:rgb(77,77,77,0.5);
	margin-bottom: 0.5em;
}

footer {
	color: darkgray;
	margin-left:0;
	margin-bottom: 1em;
	bottom: 0;
	width: 100%;
	text-align: center;
}

body {
	margin-bottom:0em;
	background-color:HoneyDew;
}
:target {
	filter: brightness(80%);
	border: 2px solid #D4D4D4;
	background-color: #00000055;
}

ul{
	list-style-type:none;
	align-content: center;
	/*flex-flow: column;*/
	margin-top: 1em;
	margin-bottom: 1em;
}

ul span.new{
	background-color: lightyellow;
}
/*
ul > :first-child {
	background-color: lightyellow;
	/*<span class=new></span>*/
}
*/
li{
	color: brown;
}

div{
	/* margin-left: 0.5em; */
	margin-right: 0.5em;
}

h2{
	margin-top: 0;
	margin-bottom: 0;
}

div.topic{
	display: block;
	border-width: thin;
	border-color: gray;
	border-style: dotted;
	margin-left: 0.0em;
	margin-right: 0em;
	margin-bottom: 1em;
	padding: 0.2em;
	position:static;
}

div.topic h3{
	margin: 0.5em;
	margin-bottom: 0.0em;
	color: black;
}

div.topic span{
	color:rgb(77,77,77,0.5);
	margin-left:0.75em;
}

div.topic table{
	margin:0.25em;
	width:100%;
	margin-right:0em;
	padding-right: 0.5em;
}

div.topic table th{
	font-weight:bold;
	text-align:left;
	background-color:lightblue;
}

table th:nth-child(1){
	width:19em;
}

table th:nth-child(2){
	width:20em;
}

div.topic th{
	padding-left: 0.5em;
}

table tr td:nth-child(2){
	color: black;
	font-style: italic;
	/* color: rgb(250,10,00,0.25); */
}

div.other_stories{
	border-width: thin;
	border-color: lightgray;
	border-style: dotted;
	margin-left: 0.0em;
	margin-right: 10em;
	padding: 0.5em;
}

th,td{
	border-bottom: 1px solid #aaa;
	vertical-align: top;
}

.tooltip {
/*	display: inline-block;
	border-bottom: 1px dotted black;
	border-left: 1px dotted black;
	border-right: 1px dotted black;
*/
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
}

.tt_none::before {
	content: "";
}

.tt_wip::after {
	content: "(WIP)";
}

.tt_new{
	font-weight:bold;
}

.tt_update{
	font-weight:bold;
}

.tt_new::after {
	content: "(New)";
}

.tt_update::before {
	content: "(Update)";
}

.tooltip .tooltiptext::after {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
	cursor:help;
}