Adjust logo and content margins

* Add margins to the top & bottom of the page
* Align the logo relative to the content area, and move it left a bit,
  outside of the column

2 files changed, 7 insertions, 0 deletions

diff --git a/assets/styles.css b/assets/styles.css
index 67ffd79..afe44bd 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -7,6 +7,7 @@ body {
 	color: #222;
 	font: 19px "Georgia", serif;
 }
+header { margin-left: -90px; }
 header h1 { display: none; }
 h2 {
     margin-top: 1.2em;
@@ -18,6 +19,8 @@ p {
 }
 .content {
 	width: 640px;
+	margin-top: 1.8em;
+	margin-bottom: 2em;
 	margin-left: 11%;
 }
 .code-block {
diff --git a/assets/stylesheets/layout.hcss b/assets/stylesheets/layout.hcss
index b9b6ef1..ac9de6b 100644
--- a/assets/stylesheets/layout.hcss
+++ b/assets/stylesheets/layout.hcss
@@ -5,6 +5,8 @@ body {
 	font: 19px "Georgia", serif;
 }
 
+header { margin-left: -90px; }
+
 header h1 { display: none; }
 
 h2 {
@@ -19,6 +21,8 @@ p {
 
 .content {
 	width: 640px;
+	margin-top: 1.8em;
+	margin-bottom: 2em;
 	margin-left: 11%;
 }