Add header image and restyle navigation menu

static/style/default-common.css

@@ -1,17 +1,52 @@
+* {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
 body {
     color: #333333;
     font-family: Lato, sans-serif;
     font-size: 16px;
-    margin: 2px 10px 10px 44px;
+    margin: 0 auto;
+    padding: 0;
+    min-width: 640px;
+    max-width: 1600px;
 }
 
 body > header, article > section {
     border-bottom: #F0F0F0 solid 1px;
+    padding: 24px 80px;
+    width: 900px;
+}
+
+article > section { 
     border-left: #E9E9E9 solid 1px;
-    margin-bottom: 2px;
-    padding: 24px 34px;
     position: relative;
-    width: 640px;
+    left: 80px;
+}
+header.site-header, header.navigation {    
+    border: 0;
+}
+
+header.site-header {
+    padding: 0;
+    width: 100%;
+    background: url(/asset/header/187b6ae.jpg) no-repeat scroll top;
+    background-size: 1600px auto;
+}
+
+header.site-header .home-link {
+    display: block;
+    max-width: 1080px;
+    min-height: 225px;
+    text-decoration: none;
+    display: block;
+}
+
+header.navigation {    
+    background-color: #f7f5e7;
+    padding: 10px 50px 10px 50px;
 }
 
 body.layout-gallery-photo > header {
@@ -26,9 +61,8 @@ body > footer {
     color: #999999;
     font-size: 11px;
     font-weight: 400;
-    padding: 36px 6px 28px 36px;
-    position: relative;
-    width: 668px;
+    padding: 16px 6px 28px 66px;
+    width: 700px;
 }
 
     body > footer a {
@@ -39,9 +73,8 @@ body.no-footer > footer {
     display: none;
 }
 
-body > header {
-    padding-right: 20px;
-    width: 654px;
+body > header {    
+    width: 100%;
 }
 
     body > header .meta {
@@ -157,7 +190,7 @@ h2 {
     color: #393939;
     font-size: 17px;
     margin: 32px -4px 10px;
-    padding: 0 4px 2px;
+    padding: 0 40px 2px;
 }
 
 h3 {
@@ -171,10 +204,6 @@ hr {
     margin: 0 -4px;
 }
 
-article > section .timeline {
-    margin-top: 4px;
-}
-
 section .timeline > * {
     display: block;
     opacity: 0.6;