body {
    margin: auto;
    max-width: 800px;
    padding: 0 10px;
    font-family: Roboto, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    /* color: #58595B; */
    color: rgb(51, 51, 51);
}

h1 {
    text-align: center;
}

h2 {
    margin-top: 2.5em;
}

h3 {
    margin-top: 2em;
}

a:link, a:visited {
    text-decoration: none;
    color: #2b73b7;
} 

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

/* ------------------------------------------------------ */

#dw__toc {
  float:right;
  margin:0 0 1.4em 1.4em;
  width:12em;
  background-color:#fbfaf9;
  font-size: 95%;
  padding: 0.5em;
  border-style: solid;
  border-width: 1px;
  border-color: #909090;
 }

#dw__toc h3{
    margin-top: 0.5em;
}


#dw__toc ul {
  padding:0;
  margin:0;
  list-style-type: none;
 }
 
#dw__toc ul ul {
  padding-left:1em;
  margin:0;
  list-style-type: square;
 }

#dw__toc ul ul ul {
  padding-left:1em;
  margin:0;
  list-style-type: circle;
 }

#dw__toc ul ul ul ul {
  padding-left:1em;
  margin:0;
  list-style-type: disc;
 }



@media only screen and (max-width:600px) {
    #dw__toc {
        float:none;
        margin: auto;
        width: auto;
        max-width: 100%;
        font-size: 100%;
    }

    #dw__toc h3{
        margin-top: 0em;
    }
}


/* ------------------------------------------------------ */
 
 .code .co0 {
  color:#666;
  font-style:italic;
 }
 .code .co4 {
  color:#c00;
  font-style:italic;
 }
 .code .es5 {
  color:#069;
  font-weight:bold;
 }
 .code .es6 {
  color:#093;
  font-weight:bold;
 }
 .code .kw2 {
  color:#000;
  font-weight:bold;
 }
 .code .kw5 {
  color:#008000;
 }
 .code .kw6 {
  color:#f08;
  font-weight:bold;
 }
 .code .me0 {
  color:#004000;
 }
 .code .nu0 {
  color:#c6c;
 }
 .code .re0 {
  color:#00f;
 }
 .code .re3 {
  color:#f33;
  font-weight:bold;
 }
 .code .re4 {
  color:#099;
 }
 .code .re5 {
  color:#603;
 }
 .code .re7 {
  color:#911;
 }
 .code .re8 {
  color:#00b000;
 }
 .code .sc-2 {
  color:#404040;
 }
 .code .sy3 {
  color:#000040;
 }
 .code .br0,
 .code .sy0 {
  color:#6c6;
 }
 .code .co1,
 .code .coMULTI,
 .code .sc-1 {
  color:#808080;
  font-style:italic;
 }
 .code .co2,
 .code .sy1 {
  color:#393;
 }
 .code .co3,
 .code .sy4 {
  color:#008080;
 }
 .code .es0,
 .code .es1,
 .code .esHARD {
  color:#009;
  font-weight:bold;
 }
 .code .es2,
 .code .es3,
 .code .es4 {
  color:#609;
  font-weight:bold;
 }
 .code .kw1,
 .code .kw8 {
  color:#b1b100;
 }
 .code .kw10,
 .code .kw11,
 .code .kw12,
 .code .kw9 {
  color:#039;
  font-weight:bold;
 }
 .code .kw13,
 .code .kw14,
 .code .kw15,
 .code .kw16,
 .code .me1,
 .code .me2 {
  color:#060;
 }
 .code .kw3,
 .code .kw7,
 .code .sy2 {
  color:#006;
 }
 .code .kw4,
 .code .re2 {
  color:#933;
 }
 .code .re1,
 .code .st0,
 .code .st_h {
  color:#f00;
 }
 .code li,
 .code .li1 {
  font-weight:normal;
  vertical-align:top;
 }
 .code .ln-xtra {
  background-color:#ffc;
 }

/* ------------------------------------------------------ */

 pre,
 code,
 samp,
 kbd {
  font-family:Consolas,"Andale Mono WT","Andale Mono","Bitstream Vera Sans Mono","Nimbus Mono L",Monaco,"Courier New",monospace;
  font-size: 100%;
  /* direction:ltr; */
  text-align:left;
  background-color:#fbfaf9;
  color:#333;
  box-shadow:inset 0 0 .3em #ccc;
  border-radius:2px;
 }

 pre {
  overflow:auto;
  word-wrap:normal;
  border:1px solid #ccc;
  border-radius:5px;
  box-shadow:inset 0 0 .5em #ccc;
  padding:.7em 1em;
 }
