body {
  font-family: sans-serif;
  margin: 0px;
  padding: 0px;
}

#header {
  font-weight: bold;
  font-style: italic;
  font-size: 48px;
  font-family: serif;
  -moz-transform: rotate(90deg) translate(180px, 0px);
  -moz-transform-origin: bottom left;
}

#main {
  margin-left: 180px;
  margin-top: -140px;
  padding-left: 15px;
  border-left: dashed blue 1px;
}

li, ul { margin: 0px; padding: 0px }

#navbar ul {
  list-style-type: none;
  margin-bottom: 15px;
  font-size: smaller;
}

#navbar > ul > li {
  display: inline;
  position: relative;
}

li ul { display: none; position: absolute;}

li:hover ul {
  display: block;
  top: 15px;
  left: 0px;
  background-color: #fafafa;
  border: solid silver 1px;
}

li li {
  padding: 3px;
}

#navbar a {
  text-decoration: none ! important;
  color: black ! important;
}

#navbar a:hover {
  color: red ! important;
}

#navbar > ul > li {
  -moz-appearance: none;
  font-size: smaller;
  text-transform:uppercase;
  padding: 0px;
  min-width: 20px;
  border-top: 4px solid #ccc;
  border-left: 4px solid #ccc;
  border-right: 4px solid #ccc;
  border-bottom: 4px solid #aaa;
  -moz-border-top-colors:#aaa #fff #fff #fff;
  -moz-border-right-colors:#aaa #dedede #efefef #fafafa;
  -moz-border-left-colors:#aaa #dedede #efefef #fafafa;
  -moz-border-bottom-colors:#aaa #dedede #efefef #fafafa;
  background-color: #fafafa;
}

#navbar > ul > li:first-child,
#navbar > ul > li:not(:first-child):not(:last-child) {
  margin-right: 0px;
}

#navbar > ul > li:last-child,
#navbar > ul > li:not(:first-child):not(:last-child) {
  margin-left: 0px;
}

#navbar > ul > li:first-child {
  -moz-border-radius-topleft: 0.5em;
  -moz-border-radius-bottomleft: 0.5em;
}

#navbar > ul > li:last-child {
  -moz-border-radius-topright: 0.5em;
  -moz-border-radius-bottomright: 0.5em;
}

#logo {
  position: absolute;
  left: 10px;
  top: 10px;
}

#content {
  -moz-column-count: 3;
  font-size: smaller;
  -moz-column-rule: dotted blue 1px;
}

h1 {
  background-color: silver;
}