With foo-10 are created with 800x600 in mind. This is the reason I've

modifyed pre and textarea.
Let me know how it does on your systems.

themes/css/sans-08.css

@@ -1,15 +1,9 @@
 body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
   font-family: helvetica,arial,sans-serif;
 }
-body {
+body, small {
   font-size: 6pt;
 }
-td {
+td, th {
   font-size: 8pt;
 }
-th {
-  font-size: 8pt;
-}
-small { 
-  font-size: 6pt;
-}

themes/css/sans-10.css

@@ -1,15 +1,10 @@
 body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
   font-family: helvetica,arial,sans-serif;
 }
-body {
+body, small {
   font-size: 8pt;
 }
-td {
+td, th {
   font-size: 10pt;
 }
-th {
-  font-size: 10pt;
-}
-small { 
-  font-size: 8pt;
-}
+textarea, pre { font-family: fixed; font-size: 9pt; }

themes/css/sans-12.css

@@ -1,15 +1,9 @@
 body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
   font-family: helvetica,arial,sans-serif;
 }
-body {
+body, small {
   font-size: 10pt;
 }
-td {
+td, th {
   font-size: 12pt;
-}
-th {
-  font-size: 12pt;
-}
-small { 
-  font-size: 10pt;
-}
+}

themes/css/serif-10.css

@@ -1,15 +1,10 @@
 body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
   font-family: serif;
 }
-body {
+body, small {
   font-size: 8pt;
 }
-td {
+td, th {
   font-size: 10pt;
 }
-th {
-  font-size: 10pt;
-}
-small { 
-  font-size: 8pt;
-}
+textarea, pre { font-family: fixed; font-size: 9pt; }

themes/css/serif-12.css

@@ -1,15 +1,9 @@
 body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
   font-family: serif;
 }
-body {
+body, small {
   font-size: 10pt;
 }
-td {
+td, th {
   font-size: 12pt;
 }
-th {
-  font-size: 12pt;
-}
-small { 
-  font-size: 10pt;
-}