2 files changed, 97 insertions, 0 deletions
diff --git a/html/style/grid.png b/html/style/grid.png
new file mode 100644
index 0000000..3ac5a3e
--- /dev/null
+++ b/html/style/grid.png
diff --git a/html/style/main.css b/html/style/main.css
new file mode 100644
index 0000000..d94e0a7
--- /dev/null
+++ b/html/style/main.css
@@ -0,0 +1,97 @@
+html {
+	background-color: #f0fff0;
+	background-image: url('/style/grid.png');
+	font-family: sans-serif;
+	color: #404040;
+}
+
+body {
+	margin: 0;
+}
+
+a,
+a:hover,
+a:visited {
+	color: inherit;
+}
+
+/* * * Header * * */
+body > header {
+	padding-top: 1px; /* Don't allow child element top margins to extend out of the header element */
+	background-color: #000000;
+	background-image: url('/style/grid.png');
+	color: #00c000;
+}
+
+h1 {
+	font-family: monospace;
+	/*font-variant: small-caps;*/
+	text-align: center;
+	text-shadow: 0 0 0.2em #00c000;
+}
+
+nav {
+	background-color: #00c000;
+	color: #000000;
+}
+
+nav ul {
+	max-width: 80em;
+	margin: 0 auto 0;
+}
+
+nav ul li {
+	display: inline-block;
+	padding: 0.2em 1em;
+	border-right: 1px #000000 solid;
+}
+
+nav ul li:first-child {
+	border-left: 1px #000000 solid;
+}
+
+nav ul li.selected {
+	color: #ffffff;
+}
+
+nav a,
+nav a:visited {
+	text-decoration: none;
+}
+
+nav a:hover {
+	text-decoration: underline;
+}
+
+
+/* * * Main * * */
+
+main {
+	max-width: 80em;
+	margin: 0 auto 0;
+	padding: 2em;
+	background-color: #ffffff;
+}
+
+h2 {
+	margin-bottom: 0;
+}
+
+p {
+	margin-top: 0.5em;
+}
+
+/* * * Footer * * */
+
+footer {
+	max-width: 80em;
+	margin: 0 auto 0;
+	padding: 2em;
+	background-color: #ffffff;
+}
+
+footer p {
+	font-size: 70%;
+	text-align: center;
+}
+