Minial templating.

css/theme.css

@@ -1,23 +1,84 @@
 html {
- background-color:#fefefe
+    background-color:#fefefe
+}
+
+.header {
+    display: grid;
+    grid-template-columns: 80% auto auto;
+    grid-template-rows: auto;
+}
+
+#title {
+    grid-column-start: 1;
+}
+
+#archive {
+    grid-column-start: 2;
 }
 
 body {
- font-family:sans-serif;
- color:#454545;
- font-size:600;
- margin:2em auto;
- max-width:800px;
- padding:1em;
- line-height:1.4;
- text-align:left;
+    font-family: sans-serif;
+    color: #454545;
+    font-size: 12pt;
+    margin: 2em auto;
+    max-width: 800px;
+    padding: 1em;
+    line-height: 1.4;
+    text-align: left;
+}
+
+video, code {
+    max-width: 100%;
+}
+
+img {
+    max-width: 100%;
+    margin: 0px;
+}
+
+figure {
+    margin: 2em;
+}
+
+figcaption {
+    font-size: 8pt;
+    text-align: center;
+    font-family: serif;
+}
+
+.postmeta {
+    display: inline-grid;
+    grid-template-columns: auto auto;
+    grid-template-rows: auto;
+    font-size: 10pt;
+}
+
+#date {
+    font-weight: bold;
+}
+
+#tags:before {
+    content: "—";
+    margin: 1px;
+}
+
+h1 {
+    font-size: 22pt;
+    font-weight: normal;
+}
+
+h2 {
+    font-size: 16pt;
+    margin-top: 1.5em;
+    font-weight: bold;
+}
+
+
+h3 {
+    font-size: 14pt;
 }
 
 footer {
     margin-top: 2em;
     text-align: center;
 }
-
-img, video, code {
-    max-width: 100%;
-}