1 files changed, 86 insertions, 0 deletions
diff --git a/src/style.scss b/src/style.scss
new file mode 100644
index 0000000..bfe7fc0
--- /dev/null
+++ b/src/style.scss
@@ -0,0 +1,86 @@
+$maroon: #8a181a;
+$gold: #e5b217;
+
+$main-radius: 1.5em;
+
+body {
+	background-color: #111111;
+}
+
+body > * {
+	box-sizing: border-box;
+	max-width: 8in;
+	margin-left: auto;
+	margin-right: auto;
+	display: block;
+	padding: $main-radius;
+	overflow: hidden;
+}
+
+body > header {
+	text-align: center;
+	vertical-align: middle;
+	background: $maroon;
+	border-radius: $main-radius $main-radius 0 0 ;
+	padding: 0;
+	padding-top: $main-radius;
+	& > h1 img {
+		height: 89px;
+	}
+	& > nav {
+		/* single-level drop downs */
+		line-height: 1;
+		ul {
+			padding: 0;
+			margin: 0;
+			list-style: none;
+		}
+		li {
+			float: left;
+		}
+		a {
+			display: block;
+		}
+		li ul {
+			position: absolute;
+			display: none;
+			left: auto;
+		}
+		:hover > ul,
+		:focus + ul {
+			display: block;
+		}
+
+		/* pretty */
+		& {
+			height: 3em;
+			background-color: #333333;
+		}
+		li ul, li li {
+			width: 10em;
+		}
+		a {
+			display: block;
+			padding: 1em;
+			color: white;
+			background-color: #333333;
+			text-decoration: none;
+
+			&:hover,
+			&:focus {
+				background-color: $gold;
+			}
+		}
+	}
+}
+
+body > article {
+	background: white; 
+}
+
+body > footer {
+	background: #333333;
+	color: #ffffff;
+	vertical-align: top;
+	border-radius: 0 0 $main-radius $main-radius;
+}