header {
  color: #ffffff;
  margin: 0px 0px 10px 0px;
  height: 100px;
}

a {
  color: #ddddff;
  text-decoration: none;
  font-style: italic;
}

a:hover {
  color: #8888ff;
}
#logo {
  float: left;
  width: 250px;
  margin: 10px 0px 0px 0px;
  font-size: 12px;
}

#logo h1{
  margin: 0px;
}

nav#topmenu {
  float: right;
  position: relative;
  margin-top: 40px;
}

#topmenu ul {
  margin: 0px;
  padding: 0px;
  border: 1px dotted #888;
}
#topmenu li {
  display:inline-block;
}

#topmenu a {
  display: block;
  padding: 10px;
  font-weight: bold;
  font-style: normal;
  border: 1px solid transparent;
}

#topmenu a:hover {
  color: #aaa;
  background-color: #10324b;
  border: 1px solid #fff;
}


body {
  margin: 0px;
  padding: 0px 5%;
  color: #fff;
  font-family: Ubuntu, Tahoma, 'Open Sans', Sans;
  background: transparent url("/lib/img/site-bg.jpg") no-repeat fixed center top;
}

main {
  float: left;
  padding: 10px;
  width: 70%;
  border: 1px dotted #888;
  color: #fff;
  background-color: #10324b88;
}

article {
  margin: 5px;
  padding: 5px;
  border: 1px dotted #666;
}
aside#right {
  float: right;
  padding: 5px;
  width: 25%;
  font-size: 14px;
  text-align: center;
}

aside#right a.red {
  display: block;
  position: relative;
  float: right;
  margin-top: 20px;
  padding:10px;
  background-color: #aa0000aa;
}

aside#right a.yel {
  display:block;
  position: relative;
  float: left;
  max-width: 80%;
  margin-top: 20px;
  padding: 10px;
  background-color: #aa8800aa;
}

aside#right a:hover {
  border: 1px dotted #aab;
  padding:15px;
  font-size: 16px;
}

table.ist {
  margin: 10px 0;
  border-collapse: collapse;
  background-color: #20424bbb;
}

table.ist td,th {
  border: 1px solid #aab;
}

h2 {
  margin: 16px 0px 6px 0px;
}

ul {
  margin: 6px 0px;
}

ul.osi > li {
  font-weight: bold;
  border: 1px solid #aab;
  margin-bottom: 4px;
}

ul.osi > li:hover {
  background-color: #081f3488;
}

ul.osi > li > p {
  margin:0px;
  font-weight: normal;
  display: none;
}

ul.osi > li > ul {
  display: none;
  font-weight: normal;
}

ul.osi > li > ul > li {
  font-weight: bold;
}

ul.osi > li > ul > li > p {
  font-weight: normal;
  margin: 0px;
}

@media only screen and (max-width: 600px) {

aside {
  display:none;
}

main {
  width:98%;
  padding:0px;
}

code {
  display:block;
  margin: 5px;
  padding: 5px;
  background-color: #fafaf0;
  border: 1px solid #aaa;
  white-space: pre;
  font-size: 0.9rem;
  overflow-x:scroll;
}