/* adapted from wikipedia's/mediawiki's "vector" skin */
html { margin: 0; padding: 0; font-family: sans-serif; box-sizing: border-box; }
body { background-color: #f6f6f6; font-family: sans-serif; margin: 0; padding: 0;}
.content { border: 1px solid #a7d7f9; border-right-width: 0; padding: 1em;
  background-color: white; margin-left: 10em; margin-top: 1em; }
h1, h2, h3, h4, h5, h6 { margin: 0; color: black; font-weight: normal; }
h1 { font-size: 1.8em; } h2 { font-size: 1.5em; margin-top: 1em; }
h1, h2 { font-family: 'Linux Libertine','Georgia','Times',serif;
  border-bottom: 1px solid #a2a9b1; padding: 0; line-height: 1.3; }
h3 { font-size: 1.2em; font-weight: bold; margin-top: 0.3em; line-height: 1.6; }
.body-content { color: #222222; font-size: 0.875em; line-height: 1.6 }
.body-content p { margin: 0.5em 0; }
.tright { clear: right; float: right; } .tleft { clear: left; float: left; }
.thumb { background-color: #f8f9fa; padding: 3px; border: 1px solid #c8ccd1; }
.thumb figcaption { font-size: 94%; line-height: 1.4em; }
a { text-decoration: none; color: #0645ad; background: none; }
a:visited { color: #0b0080; } a:hover { text-decoration: underline; }
#panel { position: absolute; top: 0; left: 0; width: 10em; }
#panel #logo { width: 10em; height: 10em; }
#panel #logo img { width: 100%; height: 100%; }
#panel .section { margin: 1em 0.6em 0 0.7em; padding: 0.25em 0;
  color: #444444; font-size: 0.75em; line-height: 1.125em; }
#panel .section h3 { font-weight: normal; margin: 0.5em 0 0 0.6666em;
  padding: 0.25em 0; font-size: 1em; border-bottom: 1px solid #c8ccd1; }
#panel .section ul { list-style: none none; margin: 0; margin-left: 0.75em;
  padding: 0 0.3em 0 0; }
#panel .section li { margin: 0; padding: 0.25em 0; word-wrap: break-word; }
@media screen and (max-width: 768px) {
  #panel { position: static; width: auto; background-color: #ddd; border-top: 1px solid #aaa; padding: 0; padding-bottom: 7px; }
  #panel #logo { width: 1em; height: 1em; display: none; }
  #panel .section { margin: 0; padding: 0; text-align: center; }
  #panel .section li { display: inline; padding-right: 4px; }
  #panel .section h3 { padding-bottom: 0.2em; border-bottom: none; text-decoration: underline; }
  .tleft, .tright { float: none; clear: none; text-align: center; }
  .content { margin-left: 0; margin-top: 0; border: none; padding: 5px; }
}