@import url("defaults.css");
@import url("links.css");
@import url("header.css");
 
/* Force scrollbar to always appear, to stop centered content jumping */
html {
    overflow-y: scroll;
}

/* Page Layout */
#page {
  width: 900px;
  margin: 0 auto;
  text-align: left;
}

#content {
  float: left;
  width: 700px;
}

#sidebar {
  float: right;
  width: 190px;
}

img.left {
  float: left;
  margin: 1em 1em 1em 0;
}
 
img.right {
  float: right;  
  margin: 1em 0 1em 1em;
}  
 
p, h3, h4, ul {
  margin: 1em;
}

iframe {
    margin: 0;
    padding: 0;
}

p.narrow {
  margin: 1em 7em 2em 7em;
}

ul, ol {
  margin-left: 3em;
}

pre {
  margin: 1em 2em 1em 2em;
}

h2 {
  margin: 0.5em;
}

#sidebar p {
  text-align: right;
}

#footer {
  border-top: 1px solid #3c4040;
  clear: both;
  text-align: center;
  padding: 10px;
  font-size: 0.8em;
}

#content, #sidebar {
  background: #3c4040;
  margin-bottom: 2em;
}

#page h1 {
  background: URL("/static/images/header_small_bg.png") repeat-x top left;
  font: bold 14px/28px Sans;
  text-indent: 1em;
  color: #292929;
}

#page h2 {
  font-weight: bold;
}

#content img.icon {
  vertical-align: middle;
  margin: 0 0.4em 0 0.4em;
}

#content h3 {
  margin-left: 1em;
}

pre {
  font-family: monospace;
  overflow: auto;
}