1 files changed, 31 insertions, 10 deletions
diff --git a/sites/pmikkelsen.com/_werc/pub/style.css b/sites/pmikkelsen.com/_werc/pub/style.css
index b466bb3..1002606 100644
--- a/sites/pmikkelsen.com/_werc/pub/style.css
+++ b/sites/pmikkelsen.com/_werc/pub/style.css
@@ -5,7 +5,7 @@ footer { flex-basis: 100%; flex-shrink: 0; }
 header nav { display: flex; justify-content: space-between; }
 nav a, header a { text-decoration: none ; color: inherit; }
 header h1 span { margin-left: 1em; font-size: 50%; font-style: italic; }
-body > nav { flex-basis: content; padding-right: 1vw; min-width: 16em; }
+.mainContent > nav { flex-basis: content; padding-right: 1vw; min-width: 16em; }
 nav ul { display: flex; flex-direction: column; list-style-type: none; list-style-position: outside; padding-left: 0;  }
 nav li ul { padding-left: 0.6em }
 footer { display: flex; justify-content: space-between; }
@@ -23,11 +23,11 @@ header h1 { background-color: #ff6d06; color: black; margin: 0; border-bottom: 2
 header a:hover { text-decoration: none; }
 
 /* sidebar */
-body > nav { border-right: 1px solid #ddd; padding: 0;  } 
-body > nav > div { border-bottom: 1px solid #ddd; } 
-body > nav > div a { color: rgb(0, 102, 204); display: block; text-transform: capitalize; font-weight: bold; padding: 0.25em 1ex 0.25em 2mm; font-size: 102%} 
-body > nav > div a:hover { color: white; background-color: rgb(100,135,220); border-left: black solid 0.2em; text-decoration: none; }
-body > nav > div p { font-weight: bold; margin: 0 0 0.5em 2mm; padding: 1em 0 0 0; }
+.mainContent > nav { border-right: 1px solid #ddd; padding: 0;  } 
+.mainContent > nav > div { border-bottom: 1px solid #ddd; } 
+.mainContent > nav > div a { color: rgb(0, 102, 204); display: block; text-transform: capitalize; font-weight: bold; padding: 0.25em 1ex 0.25em 2mm; font-size: 102%} 
+.mainContent > nav > div a:hover { color: white; background-color: rgb(100,135,220); border-left: black solid 0.2em; text-decoration: none; }
+.mainContent > nav > div p { font-weight: bold; margin: 0 0 0.5em 2mm; padding: 1em 0 0 0; }
 
 /* main copy */
 article { padding: 0.5ex 0 5vh 1vw;  }
@@ -48,14 +48,14 @@ table { border: 1px solid rgba(128,128,128,0.5); padding: 0; }
 th { color: white; background-color: rgb(100,135,220); }
 tr:nth-child(odd) { background-color: rgba(128,128,128,0.1)  }
 
-/* Modifications for pmikkelsen.com */
+/* modifications */
 img {
 	max-width: 100%;
 	border: 1px solid black;
 }
 
 body {
-	background-color: #e3dfd7;
+	
 }
 
 header h1 {
@@ -77,11 +77,11 @@ code > pre {
 	padding: 0 0.5em;
 }
 
-body > nav > div a, article a:hover {
+.mainContent > nav > div a, article a:hover {
 	color: #442a13;
 }
 
-body > nav > div a:hover {
+.mainContent > nav > div a:hover {
 	color: #442a13;
 	background-color: #c2d2c6;
 }
@@ -98,4 +98,25 @@ article a, .thisPage, footer, header nav {
 footer {
 	padding: 0.5em;
 	flex-shrink: 1;
+	flex-basis: unset;
+}
+
+header {
+	flex-basis: unset;
+}
+
+html {
+	display: flex;
+	min-height: 100%;
+}
+
+body {
+	flex-direction: column;
+	flex: 1;
+	background-color: #e3dfd7;
+}
+
+.mainContent {
+	display: flex;
+	flex-grow: 1;
 }
 \ No newline at end of file