.grid_2 {
  width: 140px; }

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

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

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

body.live-coding-rails-3-upgrade {
  background-image: url(/tutorials/2010/live-coding-rails-3-upgrade/cherry-red.png);
  background-repeat: repeat-x;
  background-color: #f0f0f0; }
  body.live-coding-rails-3-upgrade .row.top .heading {
    height: 270px; }
    body.live-coding-rails-3-upgrade .row.top .heading h1 {
      width: 940px;
      height: 230px; }
      body.live-coding-rails-3-upgrade .row.top .heading h1 img {
        display: block;
        margin: -86px auto 0 auto; }
    body.live-coding-rails-3-upgrade .row.top .heading .page-date {
      color: #a60000;
      right: 0;
      top: 0; }
  body.live-coding-rails-3-upgrade .row.top .article {
    width: 940px; }
    body.live-coding-rails-3-upgrade .row.top .article #buy {
      position: absolute;
      left: 10px;
      top: 469px;
      width: 220px;
      height: 135px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      background-color: black;
      background: -webkit-gradient(linear, left top, left bottom, from(#202123), to(#2e2f31)); }
      body.live-coding-rails-3-upgrade .row.top .article #buy h2 {
        color: #ddd;
        text-shadow: #3a5985 0 -1px 1px;
        font-size: 1em;
        text-align: center;
        padding: 1em 1em 0.5em 1em;
        margin: 0;
        text-transform: uppercase; }
      body.live-coding-rails-3-upgrade .row.top .article #buy p.small {
        text-align: center;
        color: white;
        padding: 0 1em;
        line-height: 1.25em;
        text-shadow: #3a5985 0 -1px 1px; }
        body.live-coding-rails-3-upgrade .row.top .article #buy p.small a, body.live-coding-rails-3-upgrade .row.top .article #buy p.small a:visited, body.live-coding-rails-3-upgrade .row.top .article #buy p.small a:hover {
          color: #ffffcc;
          border-bottom: 1px solid #ffffcc;
          text-shadow: #3a5985 0 -1px 1px; }
          body.live-coding-rails-3-upgrade .row.top .article #buy p.small a:hover, body.live-coding-rails-3-upgrade .row.top .article #buy p.small a:visited:hover, body.live-coding-rails-3-upgrade .row.top .article #buy p.small a:hover:hover {
            color: #fbf53d;
            border-bottom: 1px solid #fbf53d; }
    body.live-coding-rails-3-upgrade .row.top .article .prose {
      width: 540px;
      margin-left: 250px;
      margin-bottom: 81px; }
      body.live-coding-rails-3-upgrade .row.top .article .prose .caption.warning {
        text-align: left;
        color: #d92027; }
    body.live-coding-rails-3-upgrade .row.top .article #history-graph {
      height: 81px; }