!!!
%html{:xmlns => "http://www.w3.org/1999/xhtml"}
  %head
    %meta{:content => "text/html; charset=utf-8", "http-equiv" => "Content-Type"}/
    %title Your Message Subject or Title
    :css
      #outlook a { padding: 0; }
      body { width: 100% !important; } .ReadMsgBody { width: 100%; } .ExternalClass { width: 100%; }
      body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }

      body { margin: 0; padding: 0; }
      img { height: auto; line-height: 100%; outline: none; text-decoration: none; }
      a img { border:none; }
      #backgroundTable { margin: 0; padding: 0; width: 100% !important; }

      p {
      margin: 1em 0;
      }

      h1, h2, h3, h4, h5, h6 {
      color: black !important;
      line-height: 100% !important;
      }

      h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
      color: blue !important;
      }

      h1 a:active, h2 a:active,  h3 a:active, h4 a:active, h5 a:active, h6 a:active {
      color: red !important; /* Preferably not the same color as the normal header link color.  There is limited support for psuedo classes in email clients, this was added just for good measure. */
      }

      h1 a:visited, h2 a:visited,  h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
      color: purple !important; /* Preferably not the same color as the normal header link color. There is limited support for psuedo classes in email clients, this was added just for good measure. */
      }

      table td {
      border-collapse: collapse;
      }

      .yshortcuts, .yshortcuts a, .yshortcuts a:link,.yshortcuts a:visited, .yshortcuts a:hover, .yshortcuts a span { color: black; text-decoration: none !important; border-bottom: none !important; background: none !important; } /* Body text color for the New Yahoo.  This example sets the font of Yahoo's Shortcuts to black. */

  %body
    %table#backgroundTable{:border => "0", :cellpadding => "0", :cellspacing => "0"}
      %tr
        %td
          %table{:border => "0", :cellpadding => "0", :cellspacing => "0"}
            %tr
              %td{:width => "200"}
              %td{:width => "200"}= yield
              %td{:width => "200"}
          %a{:href => "http://www.responsys.com/blogs/nsm/2010/07/feeling-blue-over-yahoo-email.html", :style => "color:red; text-decoration: none;", :target => "_blank", :title => "Feeling Blue Over Yahoo"}
            %span{:style => "color: red;"} Here is the fix for Yahoo from Responsys/Smith Harmon
          %img{:alt => "Your alt text", :height => "x", :src => "full path to image", :style => "display: block;", :title => "Your title text", :width => "x"}/