.grid_2 {
  width: 140px; }

.hll {
  background-color: #ffffcc; }

.c {
  color: #888888; }

.err {
  color: #a61717;
  background-color: #e3d2d2; }

.k {
  color: #008800;
  font-weight: bold; }

.cm {
  color: #888888; }

.cp {
  color: #cc0000;
  font-weight: bold; }

.c1 {
  color: #888888; }

.cs {
  color: #cc0000;
  font-weight: bold;
  background-color: #fff0f0; }

.gd {
  color: #000000;
  background-color: #ffdddd; }

.ge {
  font-style: italic; }

.gr {
  color: #aa0000; }

.gh {
  color: #303030; }

.gi {
  color: #000000;
  background-color: #ddffdd; }

.go {
  color: #888888; }

.gp {
  color: #555555; }

.gs {
  font-weight: bold; }

.gu {
  color: #606060; }

.gt {
  color: #aa0000; }

.kc, .kd, .kn {
  color: #008800;
  font-weight: bold; }

.kp {
  color: #008800; }

.kr {
  color: #008800;
  font-weight: bold; }

.kt {
  color: #888888;
  font-weight: bold; }

.m {
  color: #0000DD;
  font-weight: bold; }

.s {
  color: #dd2200;
  background-color: #fff0f0; }

.na {
  color: #336699; }

.nb {
  color: #339966; }

.nc {
  color: #bb0066;
  font-weight: bold; }

.no {
  color: #003366;
  font-weight: bold; }

.nd {
  color: #555555; }

.ne {
  color: #bb0066;
  font-weight: bold; }

.nf {
  color: #0066bb;
  font-weight: bold; }

.nl {
  color: #336699;
  font-style: italic; }

.nn {
  color: #bb0066;
  font-weight: bold; }

.py {
  color: #336699;
  font-weight: bold; }

.nt {
  color: #bb0066;
  font-weight: bold; }

.nv {
  color: #336699; }

.ow {
  color: #008800; }

.w {
  color: #bbbbbb; }

.mf, .mh, .mi, .mo {
  color: #0000DD;
  font-weight: bold; }

.sb, .sc, .sd, .s2 {
  color: #993333; }

.se {
  color: #0044dd;
  background-color: #fff0f0; }

.sh {
  color: #dd2200;
  background-color: #fff0f0; }

.si {
  color: #3333bb;
  background-color: #fff0f0; }

.sx {
  color: #22bb22;
  background-color: #f0fff0; }

.sr {
  color: #008800;
  background-color: #fff0ff; }

.s1 {
  color: #dd2200;
  background-color: #fff0f0; }

.ss {
  color: #aa6600;
  background-color: #fff0f0; }

.bp {
  color: #003388; }

.vc {
  color: #336699; }

.vg {
  color: #dd7700; }

.vi {
  color: #3333bb; }

.il {
  color: #0000DD;
  font-weight: bold; }

#masthead {
  background-image: none;
  background-color: transparent; }
  #masthead #logo {
    margin-left: 0; }

.row.top {
  background-color: transparent; }

#masthead .logo a #logo {
  top: -60px; }

#masthead .menu ul li a, #masthead .menu ul li a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #ccc; }
  #masthead .menu ul li a:hover, #masthead .menu ul li a:visited:hover {
    border-bottom: 2px solid black; }
  #masthead .menu ul li a.archives, #masthead .menu ul li a:visited.archives {
    background-image: url(/images/icons/home-16.png);
    background-repeat: no-repeat;
    background-position: 49% 0;
    color: transparent;
    letter-spacing: -5px; }
  #masthead .menu ul li a.atom, #masthead .menu ul li a:visited.atom {
    background-image: url(/images/icons/feed-16.png);
    background-repeat: no-repeat;
    background-position: 49% 0;
    color: transparent;
    letter-spacing: -5px;
    border-bottom: 1px solid #f3a500; }

body.about-this-blog {
  background-color: #d1e3ff;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-image: url(/tutorials/2010/about-this-blog/envelope.jpg); }
  body.about-this-blog .row.top a, body.about-this-blog .row.top a:visited {
    color: #333;
    border-bottom: 1px solid #333; }
    body.about-this-blog .row.top a:hover, body.about-this-blog .row.top a:visited:hover {
      color: black; }
  body.about-this-blog .row.top .heading {
    width: 940px; }
    body.about-this-blog .row.top .heading h1 {
      opacity: 0.6;
      filter: alpha(opacity=60);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
      margin-left: 90px;
      height: 108px; }
    body.about-this-blog .row.top .heading .page-date {
      color: #89621f; }
  body.about-this-blog .row.top .toc {
    width: 140px;
    margin-top: 54px;
    padding-top: 54px;
    background-repeat: no-repeat;
    background-position: 50% 0; }
    body.about-this-blog .row.top .toc h2 {
      text-align: center; }
    body.about-this-blog .row.top .toc p {
      text-align: center;
      font-size: 14px;
      line-height: 18px;
      margin-bottom: 135px; }
    body.about-this-blog .row.top .toc h2, body.about-this-blog .row.top .toc p {
      text-shadow: #e6b978 0 1px 1px; }
    body.about-this-blog .row.top .toc.haml {
      background-image: url(/tutorials/2010/about-this-blog/haml.png); }
    body.about-this-blog .row.top .toc.sinatra {
      background-image: url(/tutorials/2010/about-this-blog/sinatra.png); }
    body.about-this-blog .row.top .toc.css {
      background-image: url(/tutorials/2010/about-this-blog/css.png); }
    body.about-this-blog .row.top .toc.nosql {
      background-image: url(/tutorials/2010/about-this-blog/nosql.png); }
    body.about-this-blog .row.top .toc.javascript {
      background-image: url(/tutorials/2010/about-this-blog/javascript.png); }
    body.about-this-blog .row.top .toc.style {
      background-image: url(/tutorials/2010/about-this-blog/style.png); }
  body.about-this-blog .row.top .article {
    width: 940px; }
    body.about-this-blog .row.top .article h2 {
      text-shadow: white 0 1px 1px;
      background-image: url(/tutorials/2010/about-this-blog/rule-sketch.png);
      background-position: 60px -6px;
      background-repeat: no-repeat; }
      body.about-this-blog .row.top .article h2:before {
        margin-right: 10px; }
    body.about-this-blog .row.top .article p.highlight-file-link {
      padding-right: 0;
      background-image: url(/images/icons/document-32.png);
      margin-bottom: 27px; }
      body.about-this-blog .row.top .article p.highlight-file-link a, body.about-this-blog .row.top .article p.highlight-file-link a:visited {
        color: black; }
    body.about-this-blog .row.top .article blockquote, body.about-this-blog .row.top .article cite {
      color: #495b77; }
    body.about-this-blog .row.top .article#style h2 {
      background-position: 80px -6px; }
      body.about-this-blog .row.top .article#style h2:before {
        content: url(/tutorials/2010/about-this-blog/style-16.png); }
    body.about-this-blog .row.top .article#style .quote {
      width: 460px;
      float: left; }
      body.about-this-blog .row.top .article#style .quote blockquote, body.about-this-blog .row.top .article#style .quote cite {
        text-shadow: white 0 1px 1px; }
      body.about-this-blog .row.top .article#style .quote img {
        margin-top: 540px;
        margin-left: 80px; }
    body.about-this-blog .row.top .article#style .prose {
      width: 460px;
      float: left;
      margin-left: 20px; }
    body.about-this-blog .row.top .article#sinatra h2 {
      background-position: 110px -6px; }
      body.about-this-blog .row.top .article#sinatra h2:before {
        content: url(/tutorials/2010/about-this-blog/sinatra-16.png); }
    body.about-this-blog .row.top .article#sinatra .prose {
      width: 460px;
      float: left; }
    body.about-this-blog .row.top .article#sinatra .graphic {
      width: 460px;
      float: left;
      margin-left: 20px; }
      body.about-this-blog .row.top .article#sinatra .graphic img {
        margin-top: 351px; }
      body.about-this-blog .row.top .article#sinatra .graphic p.caption {
        text-align: left; }
    body.about-this-blog .row.top .article#haml h2 {
      background-position: 90px -6px; }
      body.about-this-blog .row.top .article#haml h2:before {
        content: url(/tutorials/2010/about-this-blog/haml-16.png); }
    body.about-this-blog .row.top .article#haml .prose {
      width: 460px;
      float: left; }
    body.about-this-blog .row.top .article#haml .code {
      width: 460px;
      float: left;
      margin-left: 20px;
      margin-top: 81px; }
    body.about-this-blog .row.top .article#nosql h2 {
      background-position: 115px -6px; }
      body.about-this-blog .row.top .article#nosql h2:before {
        content: url(/tutorials/2010/about-this-blog/nosql-16.png); }
    body.about-this-blog .row.top .article#nosql .code {
      width: 460px;
      float: left; }
    body.about-this-blog .row.top .article#nosql .prose {
      width: 460px;
      float: left;
      margin-left: 20px; }
    body.about-this-blog .row.top .article#css h2 {
      background-position: 150px -6px; }
      body.about-this-blog .row.top .article#css h2:before {
        content: url(/tutorials/2010/about-this-blog/css-16.png); }
    body.about-this-blog .row.top .article#css .code {
      width: 460px;
      float: left;
      margin-top: 270px; }
      body.about-this-blog .row.top .article#css .code img, body.about-this-blog .row.top .article#css .code p.caption {
        margin-left: 80px; }
      body.about-this-blog .row.top .article#css .code img {
        margin-top: 81px; }
      body.about-this-blog .row.top .article#css .code p.caption {
        text-align: left;
        margin-top: -27px; }
    body.about-this-blog .row.top .article#css .prose {
      width: 460px;
      float: left;
      margin-left: 20px; }
    body.about-this-blog .row.top .article#javascript h2 {
      background-position: 150px -6px; }
      body.about-this-blog .row.top .article#javascript h2:before {
        content: url(/tutorials/2010/about-this-blog/javascript-16.png); }
    body.about-this-blog .row.top .article#javascript .prose {
      width: 460px;
      float: left;
      margin-bottom: 54px; }
    body.about-this-blog .row.top .article#javascript .code {
      width: 460px;
      float: left;
      margin-left: 20px;
      margin-bottom: 54px; }
      body.about-this-blog .row.top .article#javascript .code p.caption {
        margin-top: -27px; }
  body.about-this-blog .row.top .footnotes {
    width: 780px;
    margin-left: 90px;
    margin-bottom: 27px; }