title: print.css is printing very small text
body: <p>My print.css pages are printing out very small, super reduced and the text is like 6 pt.:</p>
  
  <pre><code>@charset "UTF-8";
  /* CSS Document */
  
  body {
     background: white;
     font-size: 12pt;
     /* Change text colour to black (useful for light text on a dark background) */
  .lighttext
      color: #000 
  }
  /* Remove unwanted elements */
  #menu, #header, #nav, #prod, #home, #our, #work, #whole, #contact, #circle, #logo, #flower, #navblank, #bottom, .noprint
  {
  display: none;
  }
  
  #wrapper, #content {
     width: auto;
     margin: 0 5%;
     padding: 0;
     border: 0;
     float: none !important;
     color: black;
     background: transparent none;
     }
  div#content {
     margin-left: 10%;
     padding-top: 1em;
     border-top: 1px solid #930;
     }
  div#mast {
     margin-bottom: -8px;
     }
  div#mast img {
     vertical-align: bottom;
     }
  a:link, a:visited {
     color: #520;
     background: transparent;
     font-weight: bold;
     text-decoration: underline;
     }
  #content a:link:after, #content a:visited:after {
     content: " (" attr(href) ") ";
     font-size: 90%;
     }
  #content a[href^="/"]:after {
     content: " (http://www.alistapart.com" attr(href) ") ";
     }
  </code></pre>
  
  <p>Do not understand why - does anyone have any suggestions to correct the output of this print.css?</p>