From d1d0781f6a69d243fe474e998954e96bb8f98624 Mon Sep 17 00:00:00 2001
From: Richard Birkby <rbirkby@gmail.com>
Date: Sat, 24 May 2014 19:50:30 +0100
Subject: [PATCH] add header

---
 _includes/header.html | 12 ++++++++++--
 style.css             | 43 ++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 52 insertions(+), 3 deletions(-)

diff --git a/_includes/header.html b/_includes/header.html
index 842d804..be4e283 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -1,4 +1,12 @@
 		<header>
-			<h1>Spring Roll Friday</h1>
-			<p>Spring rolls, every fortnight. Nice</p>
+			<div class='contents'>
+				<h1>Spring Roll Friday</h1>
+				<p>Spring rolls, every fortnight. Nice</p>
+				<nav>
+					<ul>
+						<li><a href="/">Home</a></li>
+						<li><a href="poll.html">Poll</a></li>
+					</ul>
+				</nav>
+			</div>
 		</header>
\ No newline at end of file
diff --git a/style.css b/style.css
index 5d75dfe..e7d4fd7 100644
--- a/style.css
+++ b/style.css
@@ -3,10 +3,51 @@
 	font-size: small;
 	width: 940px;
 	margin: 0 auto;
+	margin-top: 80px;
 }
 h1, h2 {color:#444; margin-bottom:0;}
 h1 {font-size: xx-large;}
 h2 {font-size:large;}
-header p {color:#999; margin: 0; font-size:x-small; font-weight: bold;}
+header {
+	position: fixed;
+	top: 0;
+	background-image: linear-gradient(to bottom, #555, #444);
+	width: 100%;
+	left: 0;
+	color: #FFF;
+	box-shadow: #666 0 2px 14px;
+	padding: 10px;
+}
+header .contents {
+	position:relative;
+	width:940px;
+	margin: 0 auto;
+}
+header h1 {
+	color: #EEE;
+	text-shadow: #000 0 0 4px;
+	margin: 0;
+}
+header p {color:#DC934F; margin: 0; font-size:x-small; font-weight: bold;}
 footer {text-align: center;}
 section {margin: 8px 0 8px 0;}
+header nav ul {
+	margin: 0;
+	padding: 15px;
+	padding-right: 50px;
+	font-size: 1.5em;
+	position: absolute;
+	right: 0;
+	top: 0;
+}
+header nav li {
+	display:inline;
+	padding-left:10px;
+}
+header a {
+	text-decoration: none;
+	color: #FFF;
+}
+header a:hover {
+	color:#DC934F;
+}
\ No newline at end of file