Index: themes/bluemarine/page.tpl.php
===================================================================
RCS file: /cvs/drupal/drupal/themes/bluemarine/page.tpl.php,v
retrieving revision 1.26
diff -u -p -r1.26 page.tpl.php
--- themes/bluemarine/page.tpl.php	5 Dec 2007 16:34:05 -0000	1.26
+++ themes/bluemarine/page.tpl.php	31 Dec 2007 04:21:10 -0000
@@ -10,54 +10,76 @@
   <?php print $scripts ?>
   <script type="text/javascript"><?php /* Needed to avoid Flash of Unstyle Content in IE */ ?> </script>
 </head>
+<body class="<?php print $body_classes; ?>">
+  <div id="header" class="clear-block">
+    <div id="branding">
+      <?php if ($logo) : ?>
+        <a class="logo" href="<?php print $front_page ?>" title="<?php print t('Home') ?>"><img src="<?php print $logo ?>" alt="<?php print t('Home') ?>" /></a>
+      <?php endif; ?>
+      <?php if ($site_name) : ?>
+        <h1 class='site-name'>
+          <a href="<?php print $front_page ?>" title="<?php print t('Home') ?>"><?php print $site_name ?></a>
+        </h1>
+      <?php endif; ?>
+      <?php if ($site_slogan) : ?>
+        <div class='site-slogan'>
+          <?php print $site_slogan ?>
+        </div>
+      <?php endif; ?>
+    </div>
 
-<body>
+    <div id="navigation">
+      <?php if (isset($primary_links)) : ?>
+        <?php print theme('links', $primary_links, array('class' => 'links', 'id' => 'navlist')) ?>
+      <?php endif; ?>
+      <?php if (isset($secondary_links)) : ?>
+        <?php print theme('links', $secondary_links, array('class' => 'links', 'id' => 'subnavlist')); ?>
+      <?php endif; ?>
 
-<table border="0" cellpadding="0" cellspacing="0" id="header">
-  <tr>
-    <td id="logo">
-      <?php if ($logo) { ?><a href="<?php print $front_page ?>" title="<?php print t('Home') ?>"><img src="<?php print $logo ?>" alt="<?php print t('Home') ?>" /></a><?php } ?>
-      <?php if ($site_name) { ?><h1 class='site-name'><a href="<?php print $front_page ?>" title="<?php print t('Home') ?>"><?php print $site_name ?></a></h1><?php } ?>
-      <?php if ($site_slogan) { ?><div class='site-slogan'><?php print $site_slogan ?></div><?php } ?>
-    </td>
-    <td id="menu">
-      <?php if (isset($secondary_links)) { ?><?php print theme('links', $secondary_links, array('class' => 'links', 'id' => 'subnavlist')) ?><?php } ?>
-      <?php if (isset($primary_links)) { ?><?php print theme('links', $primary_links, array('class' => 'links', 'id' => 'navlist')) ?><?php } ?>
-      <?php print $search_box ?>
-    </td>
-  </tr>
-  <tr>
-    <td colspan="2"><div><?php print $header ?></div></td>
-  </tr>
-</table>
-
-<table border="0" cellpadding="0" cellspacing="0" id="content">
-  <tr>
-    <?php if ($left) { ?><td id="sidebar-left">
+      <?php if ($search_box) : ?>
+        <div class="search-box">
+          <?php print $search_box ?>
+        </div>
+      <?php endif; ?>
+    </div>
+
+    <div id="header-region">
+      <?php print $header ?>
+    </div>
+  </div>
+
+  <div class="layout-columns">
+    <?php if ($left) : ?>
+    <div id="sidebar-left" class="column">
       <?php print $left ?>
-    </td><?php } ?>
-    <td valign="top">
-      <?php if ($mission) { ?><div id="mission"><?php print $mission ?></div><?php } ?>
-      <div id="main">
+    </div>
+    <?php endif; ?>
+
+    <div id="main" class="column">
+      <?php if ($mission): ?><div id="mission"><?php print $mission ?></div><?php endif; ?>
+      <div class="inner">
         <?php print $breadcrumb ?>
         <h1 class="title"><?php print $title ?></h1>
-        <div class="tabs"><?php print $tabs ?></div>
+        <?php if ($tabs): ?><div class="tabs"><?php print $tabs ?></div><?php endif; ?>
         <?php print $help ?>
-        <?php if ($show_messages) { print $messages; } ?>
+        <?php if ($show_messages): print $messages; endif; ?>
         <?php print $content; ?>
         <?php print $feed_icons; ?>
       </div>
-    </td>
-    <?php if ($right) { ?><td id="sidebar-right">
+    </div>
+
+    <?php if ($right): ?>
+    <div id="sidebar-right" class="column">
       <?php print $right ?>
-    </td><?php } ?>
-  </tr>
-</table>
-
-<div id="footer">
-  <?php print $footer_message ?>
-  <?php print $footer ?>
-</div>
+    </div>
+    <?php endif; ?>
+  </div>
+
+  <div id="footer">
+    <?php print $footer_message ?>
+    <?php print $footer ?>
+  </div>
+
 <?php print $closure ?>
 </body>
 </html>
Index: themes/bluemarine/style-rtl.css
===================================================================
RCS file: /cvs/drupal/drupal/themes/bluemarine/style-rtl.css,v
retrieving revision 1.5
diff -u -p -r1.5 style-rtl.css
--- themes/bluemarine/style-rtl.css	17 Dec 2007 15:05:09 -0000	1.5
+++ themes/bluemarine/style-rtl.css	31 Dec 2007 04:21:10 -0000
@@ -2,23 +2,49 @@
 body {
   direction: rtl;
 }
-#logo img {
+.sidebar-left .layout-columns {
+  padding: 0 18em 0 0;
+}
+.sidebar-right .layout-columns {
+  padding: 0 0 0 18em;
+}
+.layout-columns .column {
+  float: right;
+}
+#sidebar-left, #sidebar-right {
+  margin-right: 0;
+  margin-left:  -18em;
+}
+#sidebar-left {
+  right: -18em;
+}
+#branding {
   float: right;
+  margin: 0 0 0 -100%;
 }
-#menu {
-  padding: 0.5em 0.5em 0 0.5em;
+.logo {
+  float: right;
+}
+.search-box {
+  float: left;
+}
+#navigation {
   text-align: left;
 }
 #navlist {
-  padding: 0 0 1.2em 0.8em;
+  padding: 0 0 .2em 0.8em;
 }
 #subnavlist {
   padding: 0.5em 0 0.4em 1.2em;
 }
-ul.links li {
+
+ul.links li, ul.links li.first {
   border-right: 1px solid #9cf;
   border-left: none;
 }
+ul.links li.last {
+  border: none;
+}
 .block, .box {
   padding: 0 1.5em 0 0;
 }
Index: themes/bluemarine/style.css
===================================================================
RCS file: /cvs/drupal/drupal/themes/bluemarine/style.css,v
retrieving revision 1.23
diff -u -p -r1.23 style.css
--- themes/bluemarine/style.css	17 Dec 2007 15:05:09 -0000	1.23
+++ themes/bluemarine/style.css	31 Dec 2007 04:21:10 -0000
@@ -52,10 +52,6 @@ pre {
   font-size: 12px;
   border: 1px solid #ddd;
 }
-table {
-  /* make <td> sizes relative to body size! */
-  font-size: 1em;
-}
 .form-item label {
   font-size: 1em;
   color: #222;
@@ -74,29 +70,96 @@ table {
 /*
 ** Page layout blocks / IDs
 */
-#header, #content {
+
+body {
+  min-width: 56em;
+  /* Background color needed to fill the sidebars for the length of the page. */
+  background-color: #ddd;
+}
+
+.two-sidebars .layout-columns {
+  padding: 0 18em;
+}
+.sidebar-left .layout-columns {
+  padding: 0 0 0 18em; /* LTR */
+}
+.sidebar-right .layout-columns {
+  padding: 0 18em 0 0; /* LTR */
+}
+
+.layout-columns .column {
+  position: relative;
+  float: left; /* LTR */
+}
+
+#main {
   width: 100%;
+  background-color: #fff;
+}
+#main .inner {
+  padding: 1em 1.5em 3em;
+}
+
+#sidebar-left, #sidebar-right {
+  width: 16em;
+  padding: 1em;
+  margin-right: -18em; /* LTR */
+  background-color: #ddd;
 }
+
+#sidebar-left {
+  right: 18em; /* LTR */
+}
+
 #header {
+  padding: .4em .2em 0 .2em;
   background-color: #69c;
 }
-#logo {
-  vertical-align: middle;
-  border: 0;
+
+#branding {
+  float: left; /* LTR */
+  margin: 0 -100% 0 0; /* LTR */
+  width: 100%;
 }
-#logo img {
+.logo {
   float: left; /* LTR */
   padding: 0 1em;
   border: 0;
 }
-#menu {
-  padding: 0.5em 0.5em 0 0.5em; /* LTR */
+.site-name {
+  margin: 0.6em 0 0 ;
+  font-size: 2em;
+}
+.site-name a:link, .site-name a:visited {
+  color: #fff;
+}
+.site-name a:hover {
+  color: #369;
+  text-decoration: none;
+}
+.site-slogan {
+  font-size: 1em;
+  color: #eee;
+  display: block;
+  margin: 0;
+  font-style: italic;
+  font-weight: bold;
+}
+.search-box {
+  float: right; /* LTR */
+  padding: .4em 1em;
+}
+#navigation {
+  padding: 0.6em;
   text-align: right; /* LTR */
-  vertical-align: middle;
 }
+#header-region {
+  clear: both;
+}
+
 #navlist {
   font-size: 1.0em;
-  padding: 0 0.8em 1.2em 0; /* LTR */
+  padding: 0 0.8em .2em 0; /* LTR */
   color: #9cf;
 }
 #navlist a {
@@ -137,30 +200,6 @@ ul.links li.first {
   color: #9cf;
   font-weight: bold;
 }
-.site-name {
-  margin: 0.6em 0 0 ;
-  padding: 0;
-  font-size: 2em;
-}
-.site-name a:link, .site-name a:visited {
-  color: #fff;
-}
-.site-name a:hover {
-  color: #369;
-  text-decoration: none;
-}
-.site-slogan {
-  font-size: 1em;
-  color: #eee;
-  display: block;
-  margin: 0;
-  font-style: italic;
-  font-weight: bold;
-}
-#main {
-  /* padding in px not ex because IE messes up 100% width tables otherwise */
-  padding: 10px;
-}
 #mission, .node .content, .comment .content {
   line-height: 1.4em;
 }
@@ -180,17 +219,12 @@ ul.links li.first {
 .error {
   border-color: red;
 }
-#sidebar-left, #sidebar-right {
-  background-color: #ddd;
-  width: 16em;
-  /* padding in px not ex because IE messes up 100% width tables otherwise */
-  padding: 10px;
-  vertical-align: top;
-}
+
 #footer {
   background-color: #eee;
   padding: 1em;
   font-size: 0.8em;
+  clear: both;
 }
 
 /*
