.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: -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.ruby-emacs-flog {
  background-color: #f2f2f2; }
  body.ruby-emacs-flog .row.top .heading h1 {
    width: 940px;
    height: 108px; }
    body.ruby-emacs-flog .row.top .heading h1 img {
      display: block;
      margin: 10px auto 0 auto; }
  body.ruby-emacs-flog .row.top .heading .page-date {
    width: 220px;
    text-align: left;
    color: #ddd;
    top: 10px;
    left: 690px; }
  body.ruby-emacs-flog .row.top .article {
    width: 940px;
    background-image: url(/tutorials/2009/ruby-emacs-flog/ruby-emacs-flog.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
    height: 727px; }
    body.ruby-emacs-flog .row.top .article #buy {
      position: absolute;
      left: 10px;
      top: 658px;
      width: 220px;
      height: 108px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      background-color: #3a5985;
      background: -webkit-gradient(linear, left top, left bottom, from(#6e8db9), to(#3a5985)); }
      body.ruby-emacs-flog .row.top .article #buy h2 {
        color: white;
        text-shadow: #3a5985 0 -1px 1px;
        font-size: 1em;
        text-align: center;
        padding: 1em 1em 0.5em 1em;
        margin: 0;
        text-transform: uppercase; }
      body.ruby-emacs-flog .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.ruby-emacs-flog .row.top .article #buy p.small a, body.ruby-emacs-flog .row.top .article #buy p.small a:visited, body.ruby-emacs-flog .row.top .article #buy p.small a:hover {
          color: #ffffcc;
          border-bottom: 1px solid #ffffcc;
          text-shadow: #3a5985 0 -1px 1px; }
          body.ruby-emacs-flog .row.top .article #buy p.small a:hover, body.ruby-emacs-flog .row.top .article #buy p.small a:visited:hover, body.ruby-emacs-flog .row.top .article #buy p.small a:hover:hover {
            color: #fbf53d;
            border-bottom: 1px solid #fbf53d; }
    body.ruby-emacs-flog .row.top .article dl.callout {
      width: 220px;
      position: absolute;
      margin: 0;
      font-size: 14px;
      line-height: 18px;
      margin-bottom: 27px; }
      body.ruby-emacs-flog .row.top .article dl.callout#title {
        left: 10px;
        top: 145px; }
      body.ruby-emacs-flog .row.top .article dl.callout#code {
        left: 390px;
        top: 145px; }
      body.ruby-emacs-flog .row.top .article dl.callout#rasterize_and_cache_heading {
        left: 10px;
        top: 307px; }
      body.ruby-emacs-flog .row.top .article dl.callout#conditionals {
        left: 730px;
        top: 361px; }
      body.ruby-emacs-flog .row.top .article dl.callout#requirements {
        left: 10px;
        top: 550px; }
      body.ruby-emacs-flog .row.top .article dl.callout#inspiration {
        left: 730px;
        top: 604px; }
      body.ruby-emacs-flog .row.top .article dl.callout dt {
        font-weight: bold;
        display: inline; }
      body.ruby-emacs-flog .row.top .article dl.callout dd {
        display: inline;
        margin: 0; }
    body.ruby-emacs-flog .row.top .article a {
      border-bottom: 1px solid #ccc; }
      body.ruby-emacs-flog .row.top .article a:visited {
        border-bottom: 1px solid #999; }
      body.ruby-emacs-flog .row.top .article a:hover {
        border-bottom: 1px solid #666; }
    body.ruby-emacs-flog .row.top .article p.small {
      color: #666; }
    body.ruby-emacs-flog .row.top .article p.movie-link {
      margin-left: 280px; }