title: jsPDF can't get any styling to work
body: <p>I'm new to using jsPDF but and for the life of me I can't get any css to apply to this thing! I've tried inline, internal, and external all to no avail! I read in another SO post that since it's technically printing stuff to a file I need a print style sheet, and that didn't work either.</p>
  
  <p>I have a very basic page that I'm just trying to get any CSS to work with:
  JS:</p>
  
  <pre><code>&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="jspdf.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="./libs/FileSaver.js/FileSaver.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="./libs/Blob.js/BlobBuilder.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="jspdf.plugin.standard_fonts_metrics.js"&gt;&lt;/script&gt; 
  &lt;script type="text/javascript" src="jspdf.plugin.split_text_to_size.js"&gt;&lt;/script&gt;               
  &lt;script type="text/javascript" src="jspdf.plugin.from_html.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      $(document).ready(function(){
          $('#dl').click(function(){
          var specialElementHandlers = {
              '#editor': function(element, renderer){
                  return true;
              }
          };
          var doc = new jsPDF('landscape');
          doc.fromHTML($('body').get(0), 15, 15, {'width': 170,   'elementHandlers': specialElementHandlers});
          doc.output('save');
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div id="dl"&gt;Download Maybe?&lt;/div&gt;
      &lt;div id="testcase"&gt;
          &lt;h1&gt;  
              We support special element handlers. Register them with jQuery-style 
          &lt;/h1&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>And finally the stylesheet that is external:</p>
  
  <pre><code>h1{
      color: red;
  }
  div{
      color: red;
  }
  </code></pre>
  
  <p>I'm sure all is getting included correctly, and that there are no errors, already checked all of that. Is there like some extra function I need to call to get the css to work as well? Let me know please! Thanks alot! Any other tips you may have are also appreciated! </p>
  
  <p>EDIT:
  This is the exact webpage:</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;link rel="stylesheet" href="print.css" type="text/css" media="print"/&gt;
          &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="jspdf.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="./libs/FileSaver.js/FileSaver.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="./libs/Blob.js/BlobBuilder.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="jspdf.plugin.standard_fonts_metrics.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="jspdf.plugin.split_text_to_size.js"&gt;&lt;/script&gt;               
          &lt;script type="text/javascript" src="jspdf.plugin.from_html.js"&gt;&lt;/script&gt;
          &lt;script&gt;
              $(document).ready(function(){
                  $('#dl').click(function(){
                  var specialElementHandlers = {
                      '#editor': function(element, renderer){
                          return true;
                      }
                  };
                  var doc = new jsPDF('landscape');
                  doc.fromHTML($('body').get(0), 15, 15, {'width': 170,   'elementHandlers': specialElementHandlers});
                  doc.output('save');
                  });
              });
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="dl"&gt;Download Maybe?&lt;/div&gt;
          &lt;div id="testcase"&gt;
              &lt;h1&gt;  
                  We support special element handlers. Register them with jQuery-style 
              &lt;/h1&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>