diff --git a/www/images/gradients.png b/www/images/gradients.png
new file mode 100644
index 0000000..c6cb96d
Binary files /dev/null and b/www/images/gradients.png differ
diff --git a/www/images/search.png b/www/images/search.png
new file mode 100644
index 0000000..c1bd5cf
Binary files /dev/null and b/www/images/search.png differ
diff --git a/www/index.pl b/www/index.pl
index 18af1f8..0dab6ee 100755
--- a/www/index.pl
+++ b/www/index.pl
@@ -488,7 +488,7 @@ sub htmlHeader {
      a href => '/', 'manned.org';
      form;
       input type => 'text', name => 'q';
-      input type => 'submit', value => 'Search';
+      input type => 'submit', value => ' ';
      end;
     end;
 
diff --git a/www/man.css b/www/man.css
index b71b139..4bca59c 100644
--- a/www/man.css
+++ b/www/man.css
@@ -20,22 +20,16 @@ table { background: #eee; border: 5px solid #f8f8f8; margin: 10px 0; border-coll
 thead tr { font-weight: bold; border-bottom: 1px solid #ccc }
 td { padding: 1px 5px; font-size: 12px; border-left: 1px solid #ccc; }
 
-#header { padding: 4px 20px; border-bottom: 1px solid #888; font: 24px "Arial";
-  -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
-  background: -webkit-linear-gradient(#40556a, #b0c5da);
-  background: -moz-linear-gradient(#40556a, #b0c5da);
-  background: -ms-linear-gradient(#40556a, #b0c5da);
-  background: -o-linear-gradient(#40556a, #b0c5da);
-  background: linear-gradient(#40556a, #b0c5da); }
+#header { padding: 4px 20px; border-bottom: 1px solid #888; font: 24px "Arial"; background: url('images/gradients.png') repeat-x;
+  -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; }
 #header a { color: #f8f8f8; text-decoration: none; font-weight: bold; }
 #header a:hover { background: none; }
 #header form { float: right; }
-#header input { -webkit-box-shadow: 1px 1px 3px #fff, -1px -1px 2px #234; -moz-shadow: 1px 1px 3px #fff, -1px -1px 2px #234; box-shadow: 1px 1px 3px #fff, -1px -1px 2px #234; }
-#header input[type=text] { width: 260px; padding: 2px; border: 1px solid #444; border-radius: 12px 0 0 12px;
-  background: -webkit-gradient(linear, left top, left bottom, from(#89a), to(white), color-stop(.9, #cde)); padding-left: 15px; }
-#header input[type=text]:hover, #header input[type=text]:focus { background: -webkit-linear-gradient(#abc, #f0f8ff); outline: none; }
-#header input[type=submit] { padding: 2px 8px; border: 1px solid #444; border-radius: 0 12px 12px 0;  color: #EEE; padding-right: 12px;
-  margin-left: -5px; cursor: pointer; background: -webkit-gradient(linear, left top, left bottom, from(#556), to(#223)); }
+#header input[type=text] { color: #000; width: 260px; padding: 1px 2px 1px 15px; border-radius: 12px 0 0 12px; border: 1px solid #444;
+  -webkit-box-shadow: 1px 1px 3px #fff, -1px -1px 2px #234; -moz-shadow: 1px 1px 3px #fff, -1px -1px 2px #234; box-shadow: 1px 1px 3px #fff, -1px -1px 2px #234;
+  background: url('images/gradients.png') 0 -105px repeat-x; height: 15px; }
+#header input[type=text]:hover, #header input[type=text]:focus { background: url('images/gradients.png') 0 -122px repeat-x; outline: none; }
+#header input[type=submit] { height: 23px; width: 62px; background-image: url('images/search.png'); border: 0; margin: 0 0 0 -5px; cursor: pointer }
 
 #body { padding: 10px 10px 20px 10px; background: #fff }
 
@@ -78,13 +72,8 @@ td { padding: 1px 5px; font-size: 12px; border-left: 1px solid #ccc; }
 #manuals i { color: #aaa; font-size: 13px; }
 
 #footer { height: 60px; clear: both; padding: 4px 10px; color: #f8f8f8; margin: 0 0 -20px 0;
-  border-top: 1px solid #888; font-size: 13px;
-  -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;
-  background: -webkit-linear-gradient(#b0c5da, #40556a);
-  background: -moz-linear-gradient(#b0c5da, #40556a);
-  background: -ms-linear-gradient(#b0c5da, #40556a);
-  background: -o-linear-gradient(#b0c5da, #40556a);
-  background: linear-gradient(#b0c5da, #40556a); }
+  border-top: 1px solid #888; font-size: 13px; background: url('images/gradients.png') 0 -37px repeat-x;
+  -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; }
 #footer a { font-size: 13px; padding: 0; color: #f8f8f8; }
 #footer a:hover { background: none; }