Tighten style based on Layout Gala #1.

1 files changed, 32 insertions, 32 deletions

diff --git a/local.css b/local.css
index 42185fcc..1ffb72f1 100644
--- a/local.css
+++ b/local.css
@@ -118,28 +118,28 @@ DIV#topbar img {
 }
 
 DIV#wrapper {
-	float: right;
-	width: 35%;
-	margin-right: 40%;
+	float: left;
+	width: 100%;
 }
 
 DIV#content {
-	background-color: none;
-	clear: both;
-	margin: 20px auto 4em;
-	padding: 0 1em 1em 1em;
+	min-height: 480px;
 	max-width: 48em;
+	margin: 2% 40% 2% 20%;
+	padding: 0;
 	text-align: left;
-	min-height: 480px;
+	background-color: none;
 }
 
 DIV#content IMG {
-	background-color: none;
 	display: block;
 	clear: both;
 	float: right;
-	margin-right: -250px;
-	padding: 0 20px 20px 20px;
+	width: 50%;
+	max-width: 200px;
+	margin-right: -50%;
+	padding: 0 5% 5%;
+	background-color: none;
 }
 
 DIV.inlinepage {
@@ -160,14 +160,14 @@ DIV.inlinefooter {
 }
 
 DIV#sidebar {
-	width: 15%;
-	max-width: 180px;
-	margin: 20px 20px 1em 20px;
-	padding: 10px;
-	background-color: LightBlue;
-	min-height: 480px;
 	float: left;
-	display: inline;
+	min-height: 480px;
+	width: 14%;
+	margin-top: 2%;
+	margin-left: -98%;
+	margin-bottom: 2%;
+	padding: 1%;
+	background-color: LightBlue;
 	text-align: left;
 }
 
@@ -192,18 +192,15 @@ DIV#sidebar ul li SPAN.selflink {
 }
 
 DIV#farbar {
+	float: left;
+	min-height: 480px;
+	width: 14%;
+	margin-top: 2%;
+	margin-left: -18%;
+	margin-bottom: 2%;
+	padding: 1%;
 	background-color: LightBlue;
-	clear: both;
-	float: right;
-	display: inline;
-	margin: 20px 20px 1em 20px;
-	max-width: 180px;
-	padding: 10px;
-	position: absolute;
-	right: 0;
 	text-align: left;
-	width: 15%;
-	min-height: 480px;
 }
 
 DIV.tags {
@@ -214,13 +211,16 @@ DIV#backlinks {
 	display: none;
 }
 
-DIV#pageinfo {
-	position: fixed;
-	bottom: 0;
+DIV#footer {
+	clear: left;
 	width: 100%;
+	margin: 2% 0 0;
+}
+
+DIV#pageinfo {
+	margin: 0;
 	border-top: 0;
 	padding:1em 1em 1em 20px;
-	margin: 15px 0 0 0;
 	background-color: LightBlue;
 }