1 files changed, 119 insertions, 61 deletions

diff --git a/web/css/emptyhomes.css b/web/css/emptyhomes.css
index d4fa75e06..92af5dd6b 100644
--- a/web/css/emptyhomes.css
+++ b/web/css/emptyhomes.css
@@ -1,12 +1,5 @@
-p#expl {
-    font-size: 130%;
-}
-
-#alert_links {
-    float: none;
-}
-
 /* Smaller map */
+/*
 #map_box {
     width: 380px;
 }
@@ -23,93 +16,158 @@ p#expl {
     right: 0;
 }
 
-#toptitle {
-    margin-top: 0.5em;
-}
-
-#left {
+p#fixed, p#unknown {
+    margin-right: 400px;
     width: auto;
 }
-#middle {
-    width: 600px;
+*/
+
+/* Generics */
+
+body {
+    font-family: Geneva, Helvetica, Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    /* color: #a9aeb0; */
 }
-#middle p {
-    width: auto;
+
+h1 {
+    margin: 0;
+    font-size: 175%;
+    padding: 3px;
+    color: #FFFFFF;
+    background-color: #9999CC;
+    background-color: #30517A;
+
 }
-#middle h1 {
-    width: auto;
+h2 {
+    font-size: 140%;
+    background-color: #B1BECF;
+    color: #30517A;
+    padding: 3px;
 }
-p#fixed, p#unknown {
-    margin-right: 400px;
-    width: auto;
+
+h3 {
+    color: #30517A;
 }
 
-#left #topbox a, #left #bottombox a {
+a:link {
     color: #30517A;
-    font-weight: normal;
-    background-color: inherit;
+}
+a:visited {
+    color: #354664;
+}
+a:hover, a:active {
+    background-color: #B1BECF;
 }
 
-#header, #smallnav, #main {
-    margin: 0 auto;
+blockquote {
+    border-left: solid 4px #013B63;
 }
 
-#search p {
-    text-align: right;
-    font-family: Verdana, Arial, Helvetica, sans-serif;
+.a {
     color: #000000;
+    background-color: #DCDCED; /* #427499; */
+    background-color: #B1BECF;
+}
+
+/* Site layout */
+
+#header {
+    font-size: 200%;
+    font-weight: bold;
     margin: 0;
+    padding: 5px 0.5em;
+    float: left;
 }
-#search p#searchbox {
-    margin: 0.5em 0 0.25em;
+
+#content {
+    width: 100%; /* Must specify a width or IE goes crazy wrong! */
+    position: relative;
+    margin: 0 auto;
+    max-width: 60em;
 }
 
-/* So IE and Firefox match */
-#left ol {
+/* Can't put the margin in #content because of above IE craziness */
+#wrapper {
+    clear: both;
+    margin: 0 2em 2em;
+    padding-top: 0.5em;
+}
+
+#navigation {
+    float: right;
     padding: 0;
+    margin: 0;
+    list-style-type: none;
+    font-size: 83%;
+}
+#navigation li {
+    display: inline;
+    padding: 0;
+    margin: 0;
 }
 
-blockquote {
-    border-left: solid 4px #013B63;
+#navigation a {
+    display: -moz-inline-box;
+    display: inline-block;
+    padding: 0.5em 1em;
+}
+#navigation a:link, #navigation a:visited {
+    color: #30517A;
 }
+#navigation a:hover, #navigation a:active {
+    background-color: #DCDCED;
+    background-color: #9999CC;
+    background-color: #B1BECF;
 
-.a {
-    color: #000000;
-    background-color: #DCDCED; /* #427499; */
+    color: #ffffff;
+    color: #30517A;
 }
 
-#postcodeForm, #front_stats div {
+#nav_new a {
+    background-image: url("/i/new.png");
+    background-repeat: no-repeat;
+    background-position: 100% 0;
+}
+
+#logo {
+    border: none;
+    position: absolute;
+    top: 4em;
+    right: 10px;
+}
+
+#footer {
+    clear: both;
+    font-size: 83%;
+    border-top: solid 2em #ffffff;
     background-color: #80AE7D;
-    color: #000000;
+    color: #FFFFFF;
+    margin: 2em 0 1em 0;
+    padding: 20px;
+}
+#address1 a {
+    color: #FFFFFF;
 }
+
 #postcodeForm {
-    _width: 500px;
+    background-color: #80AE7D;
+    color: #000000;
 }
 
 #front_stats div {
-    padding: 0.5em 0;
-    width: 6em;
+    background-color: #80AE7D;
+    color: #000000;
+    /*padding: 0.5em 0;
+    width: 6em; */
 }
 
-#update_form, #problem_form {
+#problem_form {
     clear: both; 
 }
 
-/* Slightly narrower so it fits */
-#col_problems, #col_fixed {
-    width: 45%;
-}
-
-/* Sub nav for the internal bits */
-#left ol ul {
-    font-size: 90%;
-}
-#left ol ul a {
-    padding: 4px 0 4px 20px;
-    background-color: #ffffff;
-}
-#left ol ul a:hover {
-    background-color: #B1BECF;
-    background-color: #DCDCED;
+#alert_links_area {
+    margin-top: 2px;
 }