Border between the header and the content

Resources/FLocal/static/css/modern/blue.css

@@ -120,3 +120,6 @@ blockquote .quotecontent {
 	background-image:url(/static/images/metro.icons/black/settings.png);
 }
 
+.headerContainer {
+	border-color:black;
+}

Resources/FLocal/static/css/modern/global.css

@@ -275,3 +275,6 @@ a.external {
 	background-image:url(/static/images/slowpoke-48.png);
 }
 
+#headerContainer {
+	border-bottom:solid 1px;
+}

Resources/FLocal/static/css/modern/high-contrast.css

@@ -100,3 +100,6 @@ blockquote .quotecontent {
 	background-image:url(/static/images/metro.icons/white/settings.png);
 }
 
+.headerContainer {
+	border-color:black;
+}

Resources/FLocal/static/js/modern.js

@@ -32,6 +32,7 @@ function makeMainboxScrollable() {
 	if(window.innerHeight > 0) {
 		var height = window.innerHeight;
 		height -= document.getElementById("headerContainer").clientHeight;
+		height -= 1; //headerContainer border
 		var width = window.innerWidth;
 		width -= document.getElementById("bjAndSlutsContainer").clientWidth;
 		var mainbox = document.getElementById("contentContainer");