1 files changed, 72 insertions, 49 deletions

diff --git a/web/css.css b/web/css.css
index d8594d47f..aacd85b60 100644
--- a/web/css.css
+++ b/web/css.css
@@ -1,4 +1,3 @@
-
 /* Generics */
 
 body {
@@ -9,26 +8,8 @@ body {
 }
 
 h1 {
-    font-size: 175%;
-}
-
-#header {
-    font-size: 200%;
-    font-weight: bold;
-    border-bottom: solid 2px #968d63;
     margin: 0;
-    padding: 5px 0.5em;
-    background-color: #e3d595;
-    color: #968d63;
-}
-
-#header a:link, #header a:visited {
-    color: #968d63;
-    background-color: #e3d595;
-    text-decoration: none;
-}
-#header a:active, #header a:hover {
-    text-decoration: underline;
+    font-size: 175%;
 }
 
 a:link {
@@ -41,6 +22,26 @@ a:hover, a:active {
     color: #ff0000;
 }
 
+form {
+    margin: 0;
+}
+
+input {
+    font-size: 100%;
+}
+
+label {
+    float: left;
+    text-align: right;
+    padding-right: 0.5em;
+    width: 5em;
+}
+
+fieldset {
+    border: none;
+    padding: 0.5em;
+}
+
 .v { display: none; }
 
 #error {
@@ -59,6 +60,35 @@ ul#error {
 
 /* Site-wide layout */
 
+#header {
+    font-size: 200%;
+    font-weight: bold;
+    border-bottom: solid 2px #968d63;
+    margin: 0;
+    padding: 5px 0.5em;
+    background-color: #e3d595;
+    color: #968d63;
+}
+
+#header a:link, #header a:visited {
+    color: #968d63;
+    background-color: #e3d595;
+    text-decoration: none;
+}
+#header a:active, #header a:hover {
+    text-decoration: underline;
+}
+
+#content {
+    width: 100%; /* Must specify a width or IE goes crazy wrong! */
+    position: relative;
+}
+
+/* Can't put the margin in #content because of above IE craziness */
+#wrapper {
+    margin: 2em;
+}
+
 #navigation {
     position: absolute;
     top: 1em;
@@ -73,10 +103,13 @@ ul#error {
     margin: 0;
 }
 
+#navigation a {
+    display: block;
+}
 #navigation a:link, #navigation a:visited {
     color: #968d63;
     background-color: #e3d595;
-    padding: 5px 2em;
+    padding: 0.5em 2em;
 }
 #navigation a:hover, #navigation a:active {
     background-color: #968d63;
@@ -95,14 +128,16 @@ ul#error {
 
 /* Forms */
 
-input {
-    font-size: 100%;
-}
-
 #postcodeForm {
     display: table;
+    _width: 18em;
+    text-align: center;
     font-size: 150%;
-    margin: 2em auto;
+    margin: 1em auto;
+    padding: 1em;
+    background-color: #e3d595;
+    -moz-border-radius: 1em;
+    border-radius: 1em;
 }
 
 #postcodeForm label {
@@ -110,16 +145,6 @@ input {
     padding-right: 0;
 }
 
-label {
-    float: left;
-    text-align: right;
-    padding-right: 0.5em;
-    width: 5em;
-}
-fieldset {
-    border: none;
-    padding: 0.5em;
-}
 fieldset div {
     margin-top: 2px;
 }
@@ -133,14 +158,14 @@ fieldset div.checkbox label {
     width: auto;
 }
 
-/* Individual pages */
+/* Map */
 
 #map {
     border: solid 1px #000000;
     width: 508px;
     height: 508px;
     position: relative;
-    top: 0;
+    dtop: 0;
     overflow: hidden;
     float: right;
 }
@@ -158,34 +183,32 @@ fieldset div.checkbox label {
 }
 */
 #map input {
-    position: absolute;
     cursor: crosshair;
 }
-#log {
-    border: solid 1px #ff0000;
-    padding: 3px;
-    font-size: 83%;
-}
+
 #compass {
     background-color: #ffffff;
     color: #000000;
     float: right;
     margin: 0 1em 1em;
 }
+
 #compass img {
     border: 0;
 }
 
-#content {
-    margin: 0 2em;
-    position: relative;
-}
-
 ul#current img {
     position: absolute;
     border: none;
 }
 
+#expl {
+    text-align: center;
+    font-size: 150%;
+    margin: 2em;
+    font-weight: bolder;
+}
+
 #comments div em {
     border-bottom: dotted 1px #968d63;
 }