From e120124c4c85e38cca335b3ed01daed803d64a92 Mon Sep 17 00:00:00 2001
From: Bradley Sepos <bradley@bradleysepos.com>
Date: Fri, 25 Mar 2016 16:25:03 -0400
Subject: [PATCH] template: Tweak default template's CSS styles.

---
 docs/style/style.css            | 56 ++++++++++++++++++++++++++++++---
 templates/mark1/style/style.css | 56 ++++++++++++++++++++++++++++++---
 2 files changed, 104 insertions(+), 8 deletions(-)

diff --git a/docs/style/style.css b/docs/style/style.css
index 20c5f7d3..fbfa46ed 100644
--- a/docs/style/style.css
+++ b/docs/style/style.css
@@ -16,6 +16,7 @@
   font-weight: 400;
   src: local('Ropa Sans Italic'), local('RopaSans-Italic'), url('../fonts/ropasans-italic-1.002.woff2') format('woff2'), url('../fonts/ropasans-italic-1.002.woff') format('woff');
 }
+
 /**
  * Open Sans
  * Digitized data copyright 2010-2011 Google Corporation
@@ -46,17 +47,64 @@
   font-weight: 700;
   src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../fonts/opensans-bolditalic-1.10.woff2') format('woff2'), url('../fonts/opensans-bolditalic-1.10.woff') format('woff');
 }
+
 body {
     margin: 40px auto;
     padding: 0 10px;
     max-width: 650px;
-    color: #444;
+    color: rgb(68,68,68);
+    background-color: rgb(252,252,252);
     font-family: 'Open Sans';
     font-size: 15px;
-    line-height: 1.6;
+    line-height: 25px;
 }
-h1, h2, h3 {
+
+h1, h2, h3, h4, h5, h6 {
     font-family: 'Ropa Sans';
     font-weight: 400;
-    line-height: 1.2;
+    text-rendering: geometricPrecision;
+    color: rgb(60,60,60);
+}
+
+h1 {
+    font-size: 40px;
+    line-height: 1;
+    letter-spacing: -0.035em;
+}
+
+h2 {
+    font-size: 28px;
+    line-height: 30px;
+    letter-spacing: -0.025em;
+}
+
+h3 {
+    font-size: 21px;
+    line-height: 25px;
+    text-transform: uppercase;
+    letter-spacing: -0.018em;
+}
+
+h4 {
+    font-size: 19px;
+    line-height: 20px;
+    letter-spacing: -0.02em;
+}
+
+h5 {
+    font-size: 17px;
+    line-height: 20px;
+    text-transform: uppercase;
+    letter-spacing: -0.01em;
+}
+
+h6 {
+    font-size: 14px;
+    line-height: 15px;
+    text-transform: uppercase;
+    letter-spacing: -0.005em;
+}
+
+p, body > ol, body > ul {
+    margin: 1.33333em 0;
 }
diff --git a/templates/mark1/style/style.css b/templates/mark1/style/style.css
index 20c5f7d3..fbfa46ed 100644
--- a/templates/mark1/style/style.css
+++ b/templates/mark1/style/style.css
@@ -16,6 +16,7 @@
   font-weight: 400;
   src: local('Ropa Sans Italic'), local('RopaSans-Italic'), url('../fonts/ropasans-italic-1.002.woff2') format('woff2'), url('../fonts/ropasans-italic-1.002.woff') format('woff');
 }
+
 /**
  * Open Sans
  * Digitized data copyright 2010-2011 Google Corporation
@@ -46,17 +47,64 @@
   font-weight: 700;
   src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../fonts/opensans-bolditalic-1.10.woff2') format('woff2'), url('../fonts/opensans-bolditalic-1.10.woff') format('woff');
 }
+
 body {
     margin: 40px auto;
     padding: 0 10px;
     max-width: 650px;
-    color: #444;
+    color: rgb(68,68,68);
+    background-color: rgb(252,252,252);
     font-family: 'Open Sans';
     font-size: 15px;
-    line-height: 1.6;
+    line-height: 25px;
 }
-h1, h2, h3 {
+
+h1, h2, h3, h4, h5, h6 {
     font-family: 'Ropa Sans';
     font-weight: 400;
-    line-height: 1.2;
+    text-rendering: geometricPrecision;
+    color: rgb(60,60,60);
+}
+
+h1 {
+    font-size: 40px;
+    line-height: 1;
+    letter-spacing: -0.035em;
+}
+
+h2 {
+    font-size: 28px;
+    line-height: 30px;
+    letter-spacing: -0.025em;
+}
+
+h3 {
+    font-size: 21px;
+    line-height: 25px;
+    text-transform: uppercase;
+    letter-spacing: -0.018em;
+}
+
+h4 {
+    font-size: 19px;
+    line-height: 20px;
+    letter-spacing: -0.02em;
+}
+
+h5 {
+    font-size: 17px;
+    line-height: 20px;
+    text-transform: uppercase;
+    letter-spacing: -0.01em;
+}
+
+h6 {
+    font-size: 14px;
+    line-height: 15px;
+    text-transform: uppercase;
+    letter-spacing: -0.005em;
+}
+
+p, body > ol, body > ul {
+    margin: 1.33333em 0;
 }