@charset "utf-8";
html, body {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font-weight:normal;
  vertical-align:baseline;
  background:transparent;
  min-height:100%;
}
html {
  display:flex;
  background-color:#dddddd;
}
body {
  color:#000000;
  max-width:1140px;
  margin:0 auto;
  background-color:#ffffff;
  padding-bottom:100px;
}
div.bar {
  font-family:monospace,monospace;
  display:grid;
  height:50px;
  color:white;
  background-color:#222222;
  align-items:center;
}
div.title {
  justify-content:center;
  font-size:x-large;
  text-align:center;
}
li {
  padding-bottom:10px;
}
p.padleft {
  padding-left:25px;
}
p.small {
  font-size:x-small;
}
main {
  padding:0 5px;
  display:flex;
  flex-direction:row;
}
nav {
  font-family:monospace,monospace;
  font-size:smaller;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 165px;
  padding:0 5px 0 15px;
  margin-right:15px;
  border-right:1px solid #eeeeee;
}
nav ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
article {
  padding-right:5px;
}
article ul {
  padding-left:15px;
}
a {
  text-decoration:none;
}
a:visited {
  color:#828282;
}
img {
  max-width:100%;
  border:0;
  -ms-interpolation-mode:bicubic;
  vertical-align:middle;
}
@media (max-width:600px) {
  main {
    display:flex;
    flex-direction:column;
  }
  section { padding:0 10px; }
  nav {
    margin:auto;
    width:100%;
    text-align:center;
  }
  nav ul {
    padding-top:5px;
  }
  .menu {
    display:none;
  }
}