@charset "UTF-8";
*{ padding: 0px; margin: 0px; border: 0px; }
html, body{ height: 100%; }
#main{ height: 100%; background-color: #ffffff; display: grid; grid-template-columns: auto; grid-template-rows: minmax(min-content, max-content) minmax(min-content, max-content) auto minmax(min-content, max-content); }
p, h1, li, code, a{ font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 13px; color: #000000; }
p, h1{ margin-left: 1.1em; margin-right: 1.1em; margin-top: 0.8em; margin-bottom: 0.8em; }
a[href^="http"]::after{ content: "➚"; }
ul{ list-style: disc inside none; margin-bottom: 1.6em; }
#menu{ background-color: #444444; width: 100%; }
#menu p, #menu a{ color: #ffffff; letter-spacing: 0.025em; }
#menu .uppercase{ text-transform: uppercase; }
#bar{ background-color: #9f9f9f; width: 100%; }
#bar .regular{ font-weight: normal; }
#map{ width: 100%; height: 100%; }
#map li{ font-size: 85%; }
#map a{ color: #000000; font-size: inherit; text-decoration: underline; }
span.name{ display: none; }
#options{  width: 100%; }
#optionsbutton:hover{ color: #9f9f9f; cursor: pointer; }
#clicktoshow{ display: inline; }
#clicktohide{ display: none; }
#clicktoshow .icon{ font-size: 90%; }
#clicktohide .icon{ font-size: 80%; }
#optionslist{ display: none; }
#map button, #map button:focus{ background-color: #9f9f9f; }
#map button:hover{ background-color: #d3d3d3; }
#popup{ position: absolute; width: 200px; margin-left: -110px; border-color: #ffffff; border-style: solid; border-width: 0.25em 0.5em 0.25em 0.5em; border-radius: 0.25em; padding: 0; box-shadow: 0 0 10px 1px #dddddd; }
#popup.upward{ bottom: 100%; left: 50%; margin-bottom: 15px; }
#popup.downward{ top: 100%; left: 50%; margin-top: 15px; }
#popup #description{ background-color: #ffffff; margin: 0; border: 0; padding: 0; }
#popup #description .description-name{ font-weight: bold; display: block; overflow: hidden; }
#popup #description .description-text{ display: block; font-size: 87.5%; }
#popup #description .description-image, #popup #description .description-image-list{ display: block; }
#popup #description .description-image img, #popup #description .description-image-list img{ width: 200px; margin-top: 0.25em; margin-bottom: 0.125em; }
#popup #description .description-tweet{ padding-bottom: 0.125em; }
#popup.upward #description::after{ top: 100%; content: ''; position: absolute; left: 50%; margin-left: -11px; border-width: 12px; border-style: solid; border-color: #ffffff transparent transparent transparent; }
#popup.downward #description::before{ bottom: 100%; content: ''; position: absolute; left: 50%; margin-left: -11px; border-width: 12px; border-style: solid; border-color: transparent transparent #ffffff transparent; }
#popup .image-option{ display: none; }
#popup .image-selected{ display: block; cursor: pointer; }
#popup .image-selected:hover{ opacity: 0.80; }
#page{ height: 100%; overflow: auto; }
#page p{ max-width: 650px; line-height: 1.4em; margin: 1em; margin-left: 1.1em; margin-right: 1.1em; }
@media print{ #page p{ max-width: 100%; } }