/* $hackint: hackint.css,v 1.6 2007/03/09 10:51:14 rdnzl Exp $ */
html {
  position: relative;
  min-height: 100%;
}
body {
  color: #ddd;
  background-color: #1A1A1A;
  font-family: Geneva, "Lucida Sans", "Lucida Grande",
          "Lucida Sans Unicode", Verdana, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
}
body {
  margin: 0 0 20px;
}
/* Put the menu above content on smaller devices */
@media (min-width: 768px) {
  #container {
    height:100%;
    min-height:100%;
    margin: 0 auto;
    width: 70%;
    position: relative;
  }

  #logo {
    margin: 25px;
  }
  img.logo {
    max-width: 350px;
  }

  #sidebar {
    float: left;
    width: 150px;
  }

  #content {
    padding-bottom: 20px;
    width: 90%;
    margin-left: 150px;
  }
}

#footer {
  position:absolute;
  bottom:10px;
  height: 20px;
  right: 10px;
}

a {
  color: #FF9900;
}

a:visited, a:link {
  text-decoration: underline;
}

a:visited:hover, a:link:hover {
  color: #9f9;
}

h1, h2, h3 {
  border-bottom: 2px solid #6C6C6C;
  color: #090;
}

h4 {
  color: #090;
}

h1 a.anchor, h2 a.anchor, h3 a.anchor, h4 a.anchor, h5 a.anchor, h6 a.anchor {
  text-decoration: none;
}

code {
  display: inline-block;
}

code.inline {
  border: 1px solid #444;
  background: #222;
  padding: 0px 2px;
}

table td {
  padding: 10px;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

table th {
  padding-left: 10px;
  text-align: left;
}

table td, th {
  border-bottom: 1px solid #444;
}

pre {
  margin-left: 5px;
  border: 1px solid #444;
  background: #222;
  padding: 2px 5px;
  display: inline-block
}

fieldset {
  margin-left: 6px;
}

legend {
  margin-left: 5px;
  font-weight: bold;
  color: #090;
}

#menu > ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

#menu li {
  font-size: 13px;
  list-style: outside none none;
  text-align: left;
}

#menu a {
  text-decoration: none;
}

#menu > ul > li {
  font-size: 18px;
  margin-left: -10px !important;
  padding: 10px 0;
}

#menu ul > li:first-child {
  margin-top: 0px;
}

#menu > ul > li {
  font-size: 18px;
  font-weight: 400;
  margin: 10px 0 0;
  padding: 0 0 10px;
}

#menu > ul > li > ul {
  display: block;
  font-size: 14px;
  list-style: outside none none;
  margin: 10px 0 0;
  padding: 0 0 0 10px;
}

#menu a {
  line-height: 1.5;
}

#content :first-child {
  margin-top: 0px;
}

#content > *:not(h1):not(h2):not(h3) {
  margin: 5px 0 5px 30px;
}

h3 {
 margin-left: 15px;
}