gistfile1.txt

body, .document, html {
  min-height: 100%;
  line-height: 1.5; }

p, h1, h2, h3, ol, li, ul, dt, dd, dl, .document, body {
  padding: 0;
  margin: 0; }
  

.document {
  width: 40%;
  padding-left: 2.5%;
  padding-right: 2.5%;
  padding-top: 3em;
  background: #eaeaea;
  font-family: Helvetica; }
  .document + .document {
    padding-top: 3em;
    margin-top: 2em;
    border-top: 1.5em solid #ddd;
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    border-radius:  0 2px 2px 0;
  }
  .document:after {
    content: ".";
    font-size: 0.01em;
    line-height: 0.01em;
    display: block;
    clear: both; }

figure#relations h2 ~ h2 {
  margin-top: 1.5em; }

h2,h3,h1,p {
  line-height: 1.5rem;
}

.document > * {
  padding-left: 6%;
  padding-right: 6%; }

body {
  background: #333; }

header {
  background: rgba(255, 255, 255, 0.1);
  display: block; }
  header dl {
    margin-top: 2em;
    font-size: 0.75em;
    line-height: 2em;
    overflow: hidden; }
    header dl dt {
      width: 5em;
      font-weight: bold; }

section {
  float: left;
  clear: both;
  width: 85%; }
  
section iframe {
  width: 260%;
  height: 250px;
  border: 1px solid #333;
  margin-bottom: 1em;
  margin-top: 1.5em;
}

section iframe.high {
  height: 300px;
}


p, dl, li {
  color: #665504;
  font-weight: normal; }

a {
  color: #BF7330; }
  a:hover {
    color: #FF7800; }
  a:visited {
    color: #A64E00; }

p + p, h2 + p, h1 + p, ul + p, ol + p{
  margin-top: 1.5em; }
  
p code {
  background-color: rgba(200, 220, 200, 0.2);
  display: inline-block;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 0 0.2em;
  font-family: "monaco", "Courier New", Courier, monospace, serif;
  font-size:0.8em;
  line-height:1.5em;
}
p:last-child {
  margin-bottom: 1.5em;
}

label {
  font-size: 1em;
  float: right;
  position: relative;
  z-index: 20;
  margin-right: -18%;
  padding: 0 1.5%;
  background: rgba(0,0,0, 0.6);
  -moz-border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
  color: #fff;
  font-weight: normal;
  font-family: "monaco", "Courier New", Courier, monospace, serif;
  font-size:0.9em;
  line-height: 1.5rem;
}

h1 {
  font-size: 2em;
}
h1 + ul {
  float: right; 
  width: 140%;
  margin-right: -160%;
  margin-top: -1.15rem;
  height: 2rem;
  line-height: 1.5rem;
}

h1 + ul li {
  display: inline;
}

h1 + ul li + li{
  margin-left: 1em;
}

h2 {
  font-size: 1em; }
h2 {
  font-size: 1.5em; 
  font-weight: normal;}
  
h1, h2, h3 {
  color: #444; }

h3 {
  font-family: Times, serif;
  text-transform: uppercase;
  font-weight: normal;

}

ol, li {
  margin-left: 1em; }

.document > p, .document > h1, .document > h2 {
  clear: left; }

header {
  padding-bottom: 1em;
  overflow: hidden; }
  

dl {
  clear: left; }
  dl dt, dl dd {
    float: left; }
  dl dt {
    clear: left; }
  dl dd {
    margin-left: 1em; }

figure {
  display: block;
  float: right;
  margin: 0;
  margin-right: -135%;
  width: 114.75%;
  clear: right;
  padding: 0 0 3em;}
  figure > ol {
    font-family: 0.75em/2.25em Arial;
    width: 7.5%;
    text-align: right;
    float: left;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    border-radius: 0.2em;
    list-style: none;
    margin-left: -10.75%;}
    figure > ol li {
      background: rgba(230,230,230,0.7);
      padding: 0 3px 0 0;
      color: #666;
      margin: 0;
      line-height: 1.5rem; }
    figure > ol li:first-child {
      border-top-left-radius: 0.2em; 
      border-top-right-radius: 0.2em; }
    figure > ol li:last-child {
      border-bottom-left-radius: 0.2em; 
      border-bottom-right-radius: 0.2em; }
    figure > ol li.new {
      background: #98B72E;}
    figure > ol li.changed {
      background: #FFBD40; }
  figure > code {
    font-size: 1em;
    line-height: 1.5rem;
    font-family: "monaco", "Courier New", Courier, monospace, serif;
    white-space: pre;
    color: #fff;}

.codehilite code, .codehilite pre{color:#fdce93;background-color:#3f3f3f}
.hll{background-color:#222}
.c{color:#7f9f7f}
.err{color:#e37170;background-color:#3d3535}
.g{color:#7f9f7f}
.k{color:#f0dfaf}
.l{color:#ccc}
.n{color:#dcdccc}
.o{color:#f0efd0}
.x{color:#ccc}
.p{color:#41706f}
.cm{color:#7f9f7f}
.cp{color:#7f9f7f}
.c1{color:#7f9f7f}
.cs{color:#cd0000;font-weight:bold}
.gd{color:#cd0000}
.ge{color:#ccc;font-style:italic}
.gr{color:red}
.gh{color:#dcdccc;font-weight:bold}
.gi{color:#00cd00}
.go{color:gray}
.gp{color:#dcdccc;font-weight:bold}
.gs{color:#ccc;font-weight:bold}
.gu{color:purple;font-weight:bold}
.gt{color:#0040D0}
.kc{color:#dca3a3}
.kd{color:#ffff86}
.kn{color:#dfaf8f;font-weight:bold}
.kp{color:#cdcf99}
.kr{color:#cdcd00}
.kt{color:#00cd00}
.ld{color:#cc9393}
.m{color:#8cd0d3}
.s{color:#cc9393}
.na{color:#9ac39f}
.nb{color:#efef8f}
.nc{color:#efef8f}
.no{color:#ccc}
.nd{color:#ccc}
.ni{color:#c28182}
.ne{color:#c3bf9f;font-weight:bold}
.nf{color:#efef8f}
.nl{color:#ccc}
.nn{color:#8fbede}
.nx{color:#ccc}
.py{color:#ccc}
.nt{color:#9ac39f}
.nv{color:#dcdccc}
.ow{color:#f0efd0}
.w{color:#ccc}
.mf{color:#8cd0d3}
.mh{color:#8cd0d3}
.mi{color:#8cd0d3}
.mo{color:#8cd0d3}
.sb{color:#cc9393}
.sc{color:#cc9393}
.sd{color:#cc9393}
.s2{color:#cc9393}
.se{color:#cc9393}
.sh{color:#cc9393}
.si{color:#cc9393}
.sx{color:#cc9393}
.sr{color:#cc9393}
.s1{color:#cc9393}
.ss{color:#cc9393}
.bp{color:#efef8f}
.vc{color:#efef8f}
.vg{color:#dcdccc}
.vi{color:#ffffc7}
.il{color:#8cd0d3}