Put style in a stylesheet

author: isaacs <i@izs.me> 2011-09-04 22:44:16 +0400
committer: isaacs <i@izs.me> 2011-09-04 22:44:16 +0400
commit: c3cac827b461795db3e5db8efa08ee4a468f667e (patch)
tree: 67c4a094bf96376b25e85422143defbe42e943c9 /html
parent: 91e17f831e69f12ba370ed90dfc73ad783fb7073 (diff)
61 files changed, 391 insertions, 19920 deletions
diff --git a/html/doc/README.html b/html/doc/README.html
index 66244f86f..19774e33e 100644
--- a/html/doc/README.html
+++ b/html/doc/README.html
@@ -2,338 +2,7 @@
 <html>
   <title><a href="README.html">README</a></title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/adduser.html b/html/doc/adduser.html
index 8835a3e66..a9b8c24d5 100644
--- a/html/doc/adduser.html
+++ b/html/doc/adduser.html
@@ -2,338 +2,7 @@
 <html>
   <title>adduser</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/author.html b/html/doc/author.html
index 37a202d3e..bfbc38b7f 100644
--- a/html/doc/author.html
+++ b/html/doc/author.html
@@ -2,338 +2,7 @@
 <html>
   <title>author</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/bin.html b/html/doc/bin.html
index 2389e5c79..72ef0f44d 100644
--- a/html/doc/bin.html
+++ b/html/doc/bin.html
@@ -2,338 +2,7 @@
 <html>
   <title>bin</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/build.html b/html/doc/build.html
index 6de68a1dd..364eb6ed7 100644
--- a/html/doc/build.html
+++ b/html/doc/build.html
@@ -2,338 +2,7 @@
 <html>
   <title>build</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/bundle.html b/html/doc/bundle.html
index ac6e00ac8..1cd6d31c9 100644
--- a/html/doc/bundle.html
+++ b/html/doc/bundle.html
@@ -2,338 +2,7 @@
 <html>
   <title>bundle</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/cache.html b/html/doc/cache.html
index 11f812dbb..74ed5d283 100644
--- a/html/doc/cache.html
+++ b/html/doc/cache.html
@@ -2,338 +2,7 @@
 <html>
   <title>cache</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/changelog.html b/html/doc/changelog.html
index 1a8c68ba9..64227fc46 100644
--- a/html/doc/changelog.html
+++ b/html/doc/changelog.html
@@ -2,338 +2,7 @@
 <html>
   <title>changelog</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/coding-style.html b/html/doc/coding-style.html
index 0350cc161..0cb3aa52c 100644
--- a/html/doc/coding-style.html
+++ b/html/doc/coding-style.html
@@ -2,338 +2,7 @@
 <html>
   <title>coding-style</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/completion.html b/html/doc/completion.html
index 7f9152256..806960f15 100644
--- a/html/doc/completion.html
+++ b/html/doc/completion.html
@@ -2,338 +2,7 @@
 <html>
   <title>completion</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/config.html b/html/doc/config.html
index e9ff005d9..f9bae7bf9 100644
--- a/html/doc/config.html
+++ b/html/doc/config.html
@@ -2,338 +2,7 @@
 <html>
   <title>config</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/deprecate.html b/html/doc/deprecate.html
index c5feada0d..069372d7c 100644
--- a/html/doc/deprecate.html
+++ b/html/doc/deprecate.html
@@ -2,338 +2,7 @@
 <html>
   <title>deprecate</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/developers.html b/html/doc/developers.html
index 67a5d3ef3..0a957d70a 100644
--- a/html/doc/developers.html
+++ b/html/doc/developers.html
@@ -2,338 +2,7 @@
 <html>
   <title>developers</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/docs.html b/html/doc/docs.html
index 1cb492697..069ed2f2e 100644
--- a/html/doc/docs.html
+++ b/html/doc/docs.html
@@ -2,338 +2,7 @@
 <html>
   <title>docs</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/edit.html b/html/doc/edit.html
index 82872bb7e..661dda377 100644
--- a/html/doc/edit.html
+++ b/html/doc/edit.html
@@ -2,338 +2,7 @@
 <html>
   <title>edit</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/explore.html b/html/doc/explore.html
index ccf8d44a0..80341dc03 100644
--- a/html/doc/explore.html
+++ b/html/doc/explore.html
@@ -2,338 +2,7 @@
 <html>
   <title>explore</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/faq.html b/html/doc/faq.html
index 9d75545ff..dcbee0036 100644
--- a/html/doc/faq.html
+++ b/html/doc/faq.html
@@ -2,338 +2,7 @@
 <html>
   <title>faq</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/folders.html b/html/doc/folders.html
index 4a48ff3b8..1afa15642 100644
--- a/html/doc/folders.html
+++ b/html/doc/folders.html
@@ -2,338 +2,7 @@
 <html>
   <title>folders</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/get.html b/html/doc/get.html
index 280f0137a..99484b473 100644
--- a/html/doc/get.html
+++ b/html/doc/get.html
@@ -2,338 +2,7 @@
 <html>
   <title>get</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/global.html b/html/doc/global.html
index 1d13c05e2..3f9f24952 100644
--- a/html/doc/global.html
+++ b/html/doc/global.html
@@ -2,338 +2,7 @@
 <html>
   <title>global</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/help-search.html b/html/doc/help-search.html
index 703343f24..a8659a750 100644
--- a/html/doc/help-search.html
+++ b/html/doc/help-search.html
@@ -2,338 +2,7 @@
 <html>
   <title>help-search</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/help.html b/html/doc/help.html
index 0e4b18c2e..516a09551 100644
--- a/html/doc/help.html
+++ b/html/doc/help.html
@@ -2,338 +2,7 @@
 <html>
   <title>help</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/home.html b/html/doc/home.html
index 1920a078c..e494e6e31 100644
--- a/html/doc/home.html
+++ b/html/doc/home.html
@@ -2,338 +2,7 @@
 <html>
   <title>home</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/init.html b/html/doc/init.html
index 15e71c3c1..5c34d7ba6 100644
--- a/html/doc/init.html
+++ b/html/doc/init.html
@@ -2,338 +2,7 @@
 <html>
   <title>init</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/install.html b/html/doc/install.html
index e2567c81d..e4517c802 100644
--- a/html/doc/install.html
+++ b/html/doc/install.html
@@ -2,338 +2,7 @@
 <html>
   <title>install</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/json.html b/html/doc/json.html
index be6af576b..01407fc25 100644
--- a/html/doc/json.html
+++ b/html/doc/json.html
@@ -2,338 +2,7 @@
 <html>
   <title>json</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/link.html b/html/doc/link.html
index cc148b390..e78128db7 100644
--- a/html/doc/link.html
+++ b/html/doc/link.html
@@ -2,338 +2,7 @@
 <html>
   <title>link</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/list.html b/html/doc/list.html
index 87555f899..3a8b3b3a5 100644
--- a/html/doc/list.html
+++ b/html/doc/list.html
@@ -2,338 +2,7 @@
 <html>
   <title>list</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/ln.html b/html/doc/ln.html
index abf82dc5b..1ba6f56d7 100644
--- a/html/doc/ln.html
+++ b/html/doc/ln.html
@@ -2,338 +2,7 @@
 <html>
   <title>ln</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/ls.html b/html/doc/ls.html
index 76608311b..7b3d6ce91 100644
--- a/html/doc/ls.html
+++ b/html/doc/ls.html
@@ -2,338 +2,7 @@
 <html>
   <title>ls</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/npm.html b/html/doc/npm.html
index 1fa097c5e..1e7d47516 100644
--- a/html/doc/npm.html
+++ b/html/doc/npm.html
@@ -2,338 +2,7 @@
 <html>
   <title>npm</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/outdated.html b/html/doc/outdated.html
index f13c59e3f..72a2d3529 100644
--- a/html/doc/outdated.html
+++ b/html/doc/outdated.html
@@ -2,338 +2,7 @@
 <html>
   <title>outdated</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/owner.html b/html/doc/owner.html
index 191da0b5a..db524838e 100644
--- a/html/doc/owner.html
+++ b/html/doc/owner.html
@@ -2,338 +2,7 @@
 <html>
   <title>owner</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/pack.html b/html/doc/pack.html
index 1107b84ee..2e53515fb 100644
--- a/html/doc/pack.html
+++ b/html/doc/pack.html
@@ -2,338 +2,7 @@
 <html>
   <title>pack</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/prefix.html b/html/doc/prefix.html
index 435014fd0..62bcb08c4 100644
--- a/html/doc/prefix.html
+++ b/html/doc/prefix.html
@@ -2,338 +2,7 @@
 <html>
   <title>prefix</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/prune.html b/html/doc/prune.html
index 0548aa013..ade8872bb 100644
--- a/html/doc/prune.html
+++ b/html/doc/prune.html
@@ -2,338 +2,7 @@
 <html>
   <title>prune</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/publish.html b/html/doc/publish.html
index 3bff17f35..c84442304 100644
--- a/html/doc/publish.html
+++ b/html/doc/publish.html
@@ -2,338 +2,7 @@
 <html>
   <title>publish</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/rebuild.html b/html/doc/rebuild.html
index 79bfda762..89d67b27c 100644
--- a/html/doc/rebuild.html
+++ b/html/doc/rebuild.html
@@ -2,338 +2,7 @@
 <html>
   <title>rebuild</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/registry.html b/html/doc/registry.html
index 45ed01585..6c74a154b 100644
--- a/html/doc/registry.html
+++ b/html/doc/registry.html
@@ -2,338 +2,7 @@
 <html>
   <title>registry</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/removing-npm.html b/html/doc/removing-npm.html
index aebd17188..fd4a7d2cd 100644
--- a/html/doc/removing-npm.html
+++ b/html/doc/removing-npm.html
@@ -2,338 +2,7 @@
 <html>
   <title>removing-npm</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/restart.html b/html/doc/restart.html
index 43665fd91..5f7c33b2a 100644
--- a/html/doc/restart.html
+++ b/html/doc/restart.html
@@ -2,338 +2,7 @@
 <html>
   <title>restart</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/rm.html b/html/doc/rm.html
index f5b1ed095..dfcc2a31c 100644
--- a/html/doc/rm.html
+++ b/html/doc/rm.html
@@ -2,338 +2,7 @@
 <html>
   <title>rm</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/root.html b/html/doc/root.html
index e03b646be..545993c38 100644
--- a/html/doc/root.html
+++ b/html/doc/root.html
@@ -2,338 +2,7 @@
 <html>
   <title>root</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/run-script.html b/html/doc/run-script.html
index 2764532ba..d3264ac54 100644
--- a/html/doc/run-script.html
+++ b/html/doc/run-script.html
@@ -2,338 +2,7 @@
 <html>
   <title>run-script</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/scripts.html b/html/doc/scripts.html
index fec4b7695..df079e7c2 100644
--- a/html/doc/scripts.html
+++ b/html/doc/scripts.html
@@ -2,338 +2,7 @@
 <html>
   <title>scripts</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/search.html b/html/doc/search.html
index a4970b744..0c31d85c9 100644
--- a/html/doc/search.html
+++ b/html/doc/search.html
@@ -2,338 +2,7 @@
 <html>
   <title>search</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/semver.html b/html/doc/semver.html
index 59b65d289..972e087d5 100644
--- a/html/doc/semver.html
+++ b/html/doc/semver.html
@@ -2,338 +2,7 @@
 <html>
   <title>semver</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/set.html b/html/doc/set.html
index d6ebe4b64..c602d4cbb 100644
--- a/html/doc/set.html
+++ b/html/doc/set.html
@@ -2,338 +2,7 @@
 <html>
   <title>set</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/start.html b/html/doc/start.html
index 98dc12620..1a3a5155d 100644
--- a/html/doc/start.html
+++ b/html/doc/start.html
@@ -2,338 +2,7 @@
 <html>
   <title>start</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/stop.html b/html/doc/stop.html
index 61eaa06d7..aef038e37 100644
--- a/html/doc/stop.html
+++ b/html/doc/stop.html
@@ -2,338 +2,7 @@
 <html>
   <title>stop</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/style.css b/html/doc/style.css
new file mode 100644
index 000000000..8de9d2295
--- /dev/null
+++ b/html/doc/style.css
@@ -0,0 +1,331 @@
+
+/* reset */
+* {
+    margin:0;
+    padding:0;
+    border:none;
+    font-family:inherit;
+    font-size:inherit;
+    font-weight:inherit;
+}
+:target::before {
+  content:" >>> ";
+  position:absolute;
+  display:block;
+  opacity:0.5;
+  color:#f00;
+  margin:0 0 0 -2em;
+}
+abbr, acronym {
+  border-bottom:1px dotted #aaa;
+}
+kbd, code, pre {
+  font-family:monospace;
+    margin:0;
+    font-size:18px;
+    line-height:24px;
+  background:#eee;
+  outline:1px solid #ccc;
+}
+kbd code, kbd pre, kbd kbd,
+pre code, pre pre, pre kbd,
+code code, code pre, code kbd { outline: none }
+.dollar::before {
+  content:"$ ";
+  display:inline;
+}
+p, ul, ol, dl, pre {
+    margin:30px 0;
+    line-height:30px;
+}
+hr {
+    margin:30px auto 29px;
+    width:66%;
+    height:1px;
+    background:#aaa;
+}
+pre {
+    display:block;
+}
+dd :first-child {
+    margin-top:0;
+}
+
+body {
+    quotes:"“" "”" "‘" "’";
+    width:666px;
+    margin:30px auto 120px;
+    font-family:Times New Roman, serif;
+    font-size:20px;
+    background:#fff;
+    line-height:30px;
+    color:#111;
+}
+
+blockquote {
+    position:relative;
+    font-size:16px;
+    line-height:30px;
+    font-weight:bold;
+    width:85%;
+    margin:0 auto;
+}
+blockquote::before {
+    font-size:90px;
+    display:block;
+    position:absolute;
+    top:20px;
+    right:100%;
+    content:"“";
+    padding-right:10px;
+    color:#ccc;
+}
+.source cite::before {
+    content:"— ";
+}
+.source {
+    padding-left:20%;
+    margin-top:30px;
+}
+.source cite span {
+    font-style:normal;
+}
+blockquote p {
+    margin-bottom:0;
+}
+.quote blockquote {
+    font-weight:normal;
+}
+
+h1, h2, h3, h4, h5, h6, dt, #header {
+  font-family:serif;
+  font-size:20px;
+  font-weight:bold;
+}
+h2 {
+  background:#eee;
+}
+h1, h2 {
+  line-height:40px;
+}
+
+i, em, cite {
+    font-style:italic;
+}
+b, strong { 
+    font-weight:bold;
+}
+i, em, cite, b, strong, small {
+    line-height:28px;
+}
+small, .small, .small *, aside {
+    font-style:italic;
+    color:#669;
+    font-size:18px;
+}
+spall a, .small a {
+    text-decoration:underline;
+}
+del {
+    text-decoration:line-through;
+}
+ins {
+    text-decoration:underline;
+}
+.alignright { display:block; float:right; margin-left:1em; }
+.alignleft { display:block; float:left; margin-right:1em; }
+
+q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
+q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
+q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
+q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
+
+a { color:#00f; text-decoration:none; }
+a:visited { color:#636; }
+a:hover, a:active { color:#900!important; text-decoration:underline; }
+
+h1 {
+  font-weight:bold;
+  background:#fff;
+}
+h1 a, h1 a:visited {
+  font-family:gubblefont, GubbleBum Blocky, GubbleBum, monospace;
+  font-size:60px;
+  color:#900;
+  display:block;
+}
+
+.navigation {
+    display:table;
+    width:100%;
+    margin:0 0 30px 0;
+    position:relative;
+}
+#nav-above {
+    margin-bottom:0;
+}
+.navigation .nav-previous {
+    display:table-cell;
+    text-align:left;
+    width:50%;
+}
+/* hang the » and « off into the margins */
+.navigation .nav-previous a:before, .navigation .nav-next a:after {
+    content: "«";
+    display:block;
+    height:30px;
+    margin-bottom:-30px;
+    text-decoration:none;
+    margin-left:-15px;
+}
+.navigation .nav-next a:after {
+    content: "»";
+    text-align:right;
+    margin-left:0;
+    margin-top:-30px;
+    margin-right:-15px;
+}
+
+
+.navigation .nav-next {
+    display:table-cell;
+    text-align:right;
+    width:50%;
+}
+.navigation a {
+    display:block;
+    width:100%;
+    height:100%;
+}
+
+input, button, textarea {
+    border:0;
+    line-height:30px;
+}
+textarea {
+    height:300px;
+}
+input {
+    height:30px;
+    line-height:30px;
+}
+input.submit, input#submit, input.button, button, input[type=submit] {
+    cursor:hand; cursor:pointer;
+    outline:1px solid #ccc;
+}
+
+#wrapper {
+    margin-bottom:90px;
+    position:relative;
+    z-index:1;
+    *zoom:1;
+    background:#fff;
+}
+#wrapper:after {
+    display:block;
+    content:".";
+    visibility:hidden;
+    width:0;
+    height:0;
+    clear:both;
+}
+
+.sidebar .xoxo > li {
+    float:left;
+    width:50%;
+}
+.sidebar li {
+    list-style:none;
+}
+.sidebar #elsewhere {
+    margin-left:-10%;
+    margin-right:-10%;
+}
+.sidebar #rss-links, .sidebar #twitter-feeds {
+    float:right;
+    clear:right;
+    width:20%;
+}
+.sidebar #comment {
+  clear:both;
+  float:none;
+  width:100%;
+}
+.sidebar #search {
+    clear:both;
+    float:none;
+    width:100%;
+}
+.sidebar #search h2 {
+    margin-left:40%;
+}
+.sidebar #search #s {
+    width:90%;
+    float:left;
+}
+.sidebar #search #searchsubmit {
+    width:10%;
+    float:right;
+}
+.sidebar * {
+    font-size:15px;
+    line-height:30px;
+}
+
+#footer, #footer * {
+    margin:300px 0 0;
+    text-align:right;
+    font-size:14px;
+    line-height:90px;
+}
+
+#toc {
+  position:absolute;
+  top:0;
+  right:0;
+  padding:40px 0 40px 20px;
+  margin:0;
+  width:200px;
+  opacity:0.2;
+  z-index:-1;
+}
+#toc:hover {
+  opacity:1;
+  background:#fff;
+  z-index:999;
+}
+#toc ul {
+  padding:0;
+  margin:0;
+}
+#toc, #toc li {
+  list-style-type:none;
+  font-size:15px;
+  line-height:15px;
+}
+#toc li {
+  padding:0 0 0 10px;
+}
+#toc li a {
+  position:relative;
+  display:block;
+}
+
+@font-face {
+  font-family:gubblefont;
+  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
+}
+
+@media print {
+    a[href] {
+        color:inherit;
+    }
+    a[href]:after {
+        white-space:nowrap;
+        content:" " attr(href);
+    }
+    a[href^=\#], .navigation {
+        display:none;
+    }
+}
+
diff --git a/html/doc/submodule.html b/html/doc/submodule.html
index 3da764499..93cab8d8f 100644
--- a/html/doc/submodule.html
+++ b/html/doc/submodule.html
@@ -2,338 +2,7 @@
 <html>
   <title>submodule</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/tag.html b/html/doc/tag.html
index 52c083845..b05e85726 100644
--- a/html/doc/tag.html
+++ b/html/doc/tag.html
@@ -2,338 +2,7 @@
 <html>
   <title>tag</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/test.html b/html/doc/test.html
index 44d1678bc..c20785fd9 100644
--- a/html/doc/test.html
+++ b/html/doc/test.html
@@ -2,338 +2,7 @@
 <html>
   <title>test</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/uninstall.html b/html/doc/uninstall.html
index 408a8a9b1..e27bca7ab 100644
--- a/html/doc/uninstall.html
+++ b/html/doc/uninstall.html
@@ -2,338 +2,7 @@
 <html>
   <title>uninstall</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/unpublish.html b/html/doc/unpublish.html
index 4aec5b82a..be5a8c2da 100644
--- a/html/doc/unpublish.html
+++ b/html/doc/unpublish.html
@@ -2,338 +2,7 @@
 <html>
   <title>unpublish</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/update.html b/html/doc/update.html
index a46fd291e..30efc7327 100644
--- a/html/doc/update.html
+++ b/html/doc/update.html
@@ -2,338 +2,7 @@
 <html>
   <title>update</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/version.html b/html/doc/version.html
index 44425a265..ba52a0842 100644
--- a/html/doc/version.html
+++ b/html/doc/version.html
@@ -2,338 +2,7 @@
 <html>
   <title>version</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/view.html b/html/doc/view.html
index 232a368af..c81d4008b 100644
--- a/html/doc/view.html
+++ b/html/doc/view.html
@@ -2,338 +2,7 @@
 <html>
   <title>view</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/doc/whoami.html b/html/doc/whoami.html
index e61906ca5..5a567692f 100644
--- a/html/doc/whoami.html
+++ b/html/doc/whoami.html
@@ -2,338 +2,7 @@
 <html>
   <title>whoami</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
diff --git a/html/dochead.html b/html/dochead.html
index 8b8b769b0..c96b0d733 100644
--- a/html/dochead.html
+++ b/html/dochead.html
@@ -2,338 +2,7 @@
 <html>
   <title>@NAME@</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
author	isaacs <i@izs.me>	2011-09-04 22:44:16 +0400
committer	isaacs <i@izs.me>	2011-09-04 22:44:16 +0400
commit	c3cac827b461795db3e5db8efa08ee4a468f667e (patch)
tree	67c4a094bf96376b25e85422143defbe42e943c9 /html
parent	91e17f831e69f12ba370ed90dfc73ad783fb7073 (diff)