diff --git a/html/index.erb b/html/index.erb
index f127422f..54053203 100644
--- a/html/index.erb
+++ b/html/index.erb
@@ -37,7 +37,8 @@
 
   data.map! do |row|
     [row[0], row[1][0], row[3..-2].join(" ")]
-   end
+  end
+  data.sort!
 
   colwidth = [0,0,0]
 
diff --git a/html/style.css b/html/style.css
index cb406ad7..23bca920 100644
--- a/html/style.css
+++ b/html/style.css
@@ -1,19 +1,24 @@
-
-table {
-    border-spacing: 0px;
+#content {
+    width: 800px;
+    margin-left: auto;
+    margin-right: auto;
 }
 
-/* td:first-child, th:first-child { */
-/*     padding-left: 5px; */
-/*     padding-right: 5px; */
-/* } */
+table {
+    width: 800px;
+    border-spacing: 0px;
+    border-top: 1px solid #ccc;
+    /* border-bottom: 1px solid #ccc; */
+}
 
 td, th {
-    padding: 3px 7px 3px 7px;
+    padding: 2px 7px 2px 7px;
 }
 
 tr.header {
     background-color: #fad;
+    text-align: left;
+    font-size: 110%;
 }
 
 tr.odd {
diff --git a/html/template.html b/html/template.html
new file mode 100644
index 00000000..1ff5ad50
--- /dev/null
+++ b/html/template.html
@@ -0,0 +1,88 @@
+$if(html5)$
+<!DOCTYPE html>
+<html$if(lang)$ lang="$lang$"$endif$>
+$else$
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"$if(lang)$ lang="$lang$" xml:lang="$lang$"$endif$>
+$endif$
+<head>
+$if(html5)$
+  <meta charset="utf-8" />
+$else$
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+$endif$
+  <meta name="generator" content="pandoc" />
+$for(author)$
+  <meta name="author" content="$author$" />
+$endfor$
+$if(date)$
+  <meta name="date" content="$date$" />
+$endif$
+  <title>$if(title-prefix)$$title-prefix$ - $endif$$if(pagetitle)$$pagetitle$$endif$</title>
+$if(html5)$
+  <!--[if lt IE 9]>
+    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+  <![endif]-->
+$endif$
+$if(highlighting-css)$
+  <style type="text/css">
+/*<![CDATA[*/
+$highlighting-css$
+/*]]>*/
+  </style>
+$endif$
+$for(css)$
+  <link rel="stylesheet" href="$css$" $if(html5)$$else$type="text/css" $endif$/>
+$endfor$
+$if(math)$
+$if(html5)$
+$else$
+  $math$
+$endif$
+$endif$
+$for(header-includes)$
+  $header-includes$
+$endfor$
+</head>
+<body>
+<div id="content">
+$for(include-before)$
+$include-before$
+$endfor$
+$if(title)$
+$if(html5)$
+<header>
+$else$
+<div id="$idprefix$header">
+$endif$
+<h1 class="title">$title$</h1>
+$for(author)$
+<h3 class="author">$author$</h3>
+$endfor$
+$if(date)$
+<h4 class="date">$date$</h4>
+$endif$
+$if(html5)$
+</header>
+$else$
+</div>
+$endif$
+$endif$
+$if(toc)$
+$if(html5)$
+<nav id="$idprefix$TOC">
+$toc$
+</nav>
+$else$
+<div id="$idprefix$TOC">
+$toc$
+</div>
+$endif$
+$endif$
+$body$
+$for(include-after)$
+$include-after$
+$endfor$
+</div>
+</body>
+</html>
diff --git a/melpa b/melpa
index e3c4c71c..d32b480c 100755
--- a/melpa
+++ b/melpa
@@ -28,7 +28,7 @@ function melpa_generate_html {
     echo "*** Building html"
     cd html || return 1
     erb index.erb > index.md
-    pandoc --css=style.css -s --mathml -t html --smart index.md > index.html
+    pandoc --template=template.html --css=style.css -s --mathml -t html --smart index.md > index.html
     cd ..
     echo
 }
