@import url(bp.css);
html, body, #page {
  height: 100%; }

body > #page {
  height: auto;
  min-height: 100%; }

#main {
  padding: 75px 20px 165px 20px; }

#footer {
  position: relative;
  margin-top: -150px;
  height: 150px;
  clear: both; }

#header .content, #page .content, #footer .content {
  width: 800px;
  margin: 0 auto; }

#page {
  background: url(/images/top_shadow.gif) repeat-x center 60px;
  background-color: white; }
  #page h1 {
    margin-top: 15px;
    font-size: 33px; }

#header {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 60px;
  background: url(/images/top.jpg) repeat-x center -38px; }
  #header h3 {
    float: right;
    height: 100px;
    font-size: 20px;
    font-weight: bold;
    background: url(/images/hammer_small.png) no-repeat right bottom;
    padding-right: 75px;
    margin: 20px 20px 0 0; }
    #header h3 a {
      color: #ccc;
      text-decoration: none; }
  #header ul {
    list-style-type: none;
    margin: 0; }
  #header li {
    float: left;
    text-align: center;
    margin: 0; }
    #header li a {
      float: left;
      color: white;
      text-decoration: none;
      width: 100px;
      height: 40px;
      line-height: 40px;
      border: 1px solid white;
      margin-top: 19px;
      background-color: #444; }

#footer {
  background-color: lightBlue; }
  #footer .section {
    float: left;
    width: 200px;
    margin: 0; }
  #footer h4 {
    font-weight: bold;
    margin: 15px 0 10px 0; }
  #footer ul {
    list-style-type: none;
    margin: 0; }
  #footer li {
    margin: 5px 0 0 0; }
    #footer li ul {
      margin-left: 10px; }

#scripts {
  display: none; }

#primary {
  float: left;
  width: 575px;
  padding-right: 25px; }

#secondary {
  float: left;
  width: 200px; }

dt, dd {
  margin-top: 10px; }

ul, ol {
  margin-left: 20px; }

li + li {
  margin-top: 10px; }

code {
  white-space: nowrap; }

pre.prettyprint {
  display: block;
  background-color: #222;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 10px 0;
  overflow: auto; }
  pre.prettyprint .typ {
    color: #E3554E; }
  pre.prettyprint .kwd {
    color: #F0E882; }
  pre.prettyprint .tag {
    color: lightBlue; }
  pre.prettyprint .str {
    color: #ff9b9d; }
  pre.prettyprint .pln {
    color: white; }
  pre.prettyprint .pun {
    color: lightGreen; }

label + pre.prettyprint {
  margin: 0 0 15px 0; }

label {
  font-style: italic;
  color: #555;
  display: block; }

a[rel=external] {
  padding: 0 15px 0 0;
  background: url(/images/external_link.png) no-repeat right center; }

a[rel=download] {
  padding: 0 20px 0 0;
  background: url(/images/download.png) no-repeat right center; }

.note {
  background-color: gold;
  padding: 5px 5px 5px 35px;
  border: 1px solid gold;
  background: #ffc url(/images/note.png) no-repeat 8px center;
  margin: 10px 0; }
  .note p {
    margin: 0; }
  .note p + p {
    margin-top: 10px; }