.pln{color:#000}
@media screen{
  .str{color:#080}
  .kwd{color:#008}
  .com{color:#800}
  .typ{color:#606}
  .lit{color:#066}
  .pun,.opn,.clo{color:#660}
  .tag{color:#008}
  .atn{color:#606}
  .atv{color:#080}
  .dec,.var{color:#606}
  .fun{color:red}
}
@media print,projection{
  .str{color:#060}
  .kwd{color:#006;font-weight:bold}
  .com{color:#600;font-style:italic}
  .typ{color:#404;font-weight:bold}
  .lit{color:#044}
  .pun,.opn,.clo{color:#440}
  .tag{color:#006;font-weight:bold}
  .atn{color:#404}
  .atv{color:#060}
}
.prettyprint {
  display: block;
  overflow: auto;
  width: auto;
  max-height: 350px;
  white-space: pre;
  word-wrap: normal;
  padding: 10px;   
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}
.prettyprint.linenums {
  -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
     -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
          box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin: 0 0 0 33px; /* IE indents via margin-left */
}
ol.linenums li {
  padding-left: 12px;
  color: #bebec5;
  line-height: 20px;
  text-shadow: 0 1px 0 #fff;
}