# HG changeset patch
# User Paul Boddie <paul@boddie.org.uk>
# Date 1196382683 -3600
# Node ID 331118efd200dc3bb573b80d9a033d78fb26cd98
# Parent  6974c93473ba67bfa5118042ad280640dcce8643
Made the styles "modular", meaning that different rules cover different aspects
of presentation.
Added space above the contact information.
Added red backgrounds for certain headings.

diff -r 6974c93473ba -r 331118efd200 themes/ep2008/css/screen.css
--- a/themes/ep2008/css/screen.css	Thu Nov 29 01:45:53 2007 +0100
+++ b/themes/ep2008/css/screen.css	Fri Nov 30 01:31:23 2007 +0100
@@ -116,9 +116,10 @@
 }
 
 #searchform {
-    position: absolute;
-    top: 0;
-    right: 0;
+    /* position: absolute; */
+    /* top: 0; */
+    /* right: 0; */
+    float: right;
     margin: 5px 10px;
     padding: 0;
     white-space: nowrap;
@@ -448,6 +449,7 @@
 
 #contact {
     padding: 2px;
+    margin-top: 10px;
     text-align: right;
     background-color: #2b64a8;
     color: white;
@@ -526,12 +528,11 @@
 
 .page-FrontPage #page {
     background-color: #ccc9e2;
+    padding: 0;
 }
 
 .portlet {
     background-color: white;
-    float: left;
-    width: 22%;
     border: 0;
 }
 
@@ -539,79 +540,59 @@
     border: 0;
 }
 
-.portlet-right {
-    background-color: white;
-    float: right;
-    width: 30%;
-    border: 0;
+.left {
+    float: left;
 }
 
-.portlet-right td {
-    border: 0;
+.right {
+    float: right;
 }
 
-.portlet-wide {
-    background-color: white;
-    float: left;
-    width: 44%;
-    border: 0;
-}
-
-.portlet-wide td {
-    border: 0;
+.normal {
+    width: 24%;
 }
 
-.portlet-wider {
-    background-color: white;
-    float: left;
-    width: 66%;
-    border: 0;
+.wide {
+    width: 48%;
 }
 
-.portlet-wider td {
-    border: 0;
+.wider {
+    width: 72%;
 }
 
-.portlet-clear {
+.clear {
     clear: left;
 }
 
-.portlet-clear-right {
+.clear-right {
     clear: right;
 }
 
 .portlet-slides {
     background-color: black;
-    float: left;
-    width: 66%;
     border: 0;
 }
 
-.portlet-slides td {
+.portlet-slides td.third {
     width: 33%;
     border: 0;
 }
 
+.portlet-slides td.half {
+    width: 50%;
+    border: 0;
+}
+
 .portlet-slides img {
     max-width: 100%;
-}
-
-.portlet-slide {
-    background-color: black;
-    float: left;
-    width: 22%;
-    border: 0;
-}
-
-.portlet-slide td {
-    border: 0;
+    max-height: 100%; /* For earlier Konqueror versions */
 }
 
 .portlet-picture {
     background-color: #ccc9e2;
     color: black;
     float: right;
-    width: 30%;
+    width: 48%;
     border: 0;
 }
 
@@ -621,6 +602,7 @@
 
 .portlet-picture img {
     max-width: 100%;
+    max-height: 100%; /* For earlier Konqueror versions */
 }
 
 .picture {
@@ -637,6 +619,15 @@
     color: white;
 }
 
+.large {
+    font-size: 2em;
+}
+
+.section-header-red {
+    background-color: #b21212;
+    color: white;
+}
+
 ul.site-updates {
     list-style-type: none;
     margin: 0;