diff --git a/theme/index.php b/theme/index.php
index bdcd17bb0c1..5c4aef8ba95 100644
--- a/theme/index.php
+++ b/theme/index.php
@@ -11,7 +11,7 @@
 
     if ($preview) {
         $CFG->theme = $preview;
-        $CFG->stylesheet  = "$CFG->wwwroot/theme/$CFG->theme/styles.css";
+        $CFG->stylesheet  = "$CFG->wwwroot/theme/$CFG->theme/styles.php?themename=$preview";
         $CFG->header      = "$CFG->dirroot/theme/$CFG->theme/header.html";
         $CFG->footer      = "$CFG->dirroot/theme/$CFG->theme/footer.html";
         include ("$CFG->theme/config.php");
@@ -55,7 +55,7 @@
     $themes = get_list_of_plugins("theme");
 
     echo "<TABLE ALIGN=CENTER cellpadding=7 cellspacing=5>";
-    echo "<TR><TH>$strtheme<TH>&nbsp;</TR>";
+    echo "<TR><TH class=\"generaltableheader\">$strtheme<TH class=\"generaltableheader\">&nbsp;</TR>";
     foreach ($themes as $theme) {
         include ("$theme/config.php");
         echo "<TR>";
diff --git a/theme/standard/config.php b/theme/standard/config.php
index 0de3ab15032..d97004832ad 100644
--- a/theme/standard/config.php
+++ b/theme/standard/config.php
@@ -2,9 +2,10 @@
 
 $THEME->body         = "#FFEECE";  // Main page color
 $THEME->cellheading  = "#FFD991";  // Standard headings of big tables
-$THEME->cellheading2 = "#FFB62D";  // Highlight headings of tables
+$THEME->cellheading2 = "#FFC85F";  // Highlight headings of tables
 $THEME->cellcontent  = "#FFFFFF";  // For areas with text
 $THEME->cellcontent2 = "#FEE6B9";  // Alternate colour
 $THEME->borders      = "#555555";  // Table borders
+$THEME->highlight    = "#AAFFAA";  // Highlighted text (eg after a search)
 
 ?>
diff --git a/theme/standard/gradient.jpg b/theme/standard/gradient.jpg
new file mode 100755
index 00000000000..a122ff238d4
Binary files /dev/null and b/theme/standard/gradient.jpg differ
diff --git a/theme/standard/header.html b/theme/standard/header.html
index c4f7620a28d..40d5f9facff 100644
--- a/theme/standard/header.html
+++ b/theme/standard/header.html
@@ -3,7 +3,7 @@
 <TITLE><?=$title ?></TITLE>
 <META NAME="keywords" CONTENT="Moodle, <?=$title ?> ">
 <?=$meta ?>
-<LINK REL="stylesheet" HREF="<?=$styles ?>">
+<LINK REL="stylesheet" TYPE="text/css" HREF="<?=$styles ?>">
 <LINK REL="SHORTCUT ICON" HREF="<?=$CFG->wwwroot?>/theme/standard/favicon.ico">
 <? include("$CFG->javascript"); ?>
 </HEAD>
@@ -36,10 +36,10 @@
 
      <TABLE BORDER=0 CELLPADDING=3 CELLSPACING=0 WIDTH=100%>
        <TR>
-         <TD BGCOLOR="<?=$THEME->cellheading?>">
+         <TD BGCOLOR="<?=$THEME->cellheading?>" CLASS="navbar">
            <FONT SIZE=2><B><? print_navigation("$navigation"); ?></B></FONT>
          </TD>
-         <TD BGCOLOR="<?=$THEME->cellheading?>" ALIGN=RIGHT WIDTH=20 VALIGN=TOP><?=$button ?></TD>
+         <TD BGCOLOR="<?=$THEME->cellheading?>" CLASS="navbar" ALIGN=RIGHT WIDTH=20 VALIGN=TOP><?=$button ?></TD>
        </TR>
      </TABLE>
      <IMG SRC="<?=$CFG->wwwroot?>/pix/spacer.gif" ALT="" HEIGHT=5 WIDTH=1><BR>
diff --git a/theme/standard/styles.css b/theme/standard/styles.css
deleted file mode 100644
index 4272ce4de86..00000000000
--- a/theme/standard/styles.css
+++ /dev/null
@@ -1,29 +0,0 @@
-a:link    {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
-           text-decoration: none; 
-           color: blue;}
-a:visited {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
-           text-decoration: none; 
-           color: blue;}
-a:hover   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
-           text-decoration: underline; 
-           color: red;}
-
-body {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-p    {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-h1   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-h2   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-h3   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-h4   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-th   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
-      font-weight: bold; 
-      background-color: #FFD991;}
-td   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-
-li   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-
-form { margin-bottom: 0 ; }
-
-.highlight {
-    background-color: #AAFFAA;
-}
-
diff --git a/theme/standard/styles.php b/theme/standard/styles.php
new file mode 100644
index 00000000000..92519674e4e
--- /dev/null
+++ b/theme/standard/styles.php
@@ -0,0 +1,119 @@
+<?PHP // $Id$
+
+/// We use PHP so we can do value substitutions into the styles
+
+    require_once("../../config.php"); 
+
+    if (isset($themename)) {
+        $CFG->theme = $themename;
+    }
+
+    $themeurl = "$CFG->wwwroot/theme/$CFG->theme";
+
+/// From here on it's nearly a normal stylesheet.
+/// First are some CSS definitions for normal tags, 
+/// then custom tags follow.
+///
+/// Note that colours are all defined in config.php
+/// in this directory
+
+?>
+
+
+a:link    {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
+           text-decoration: none; 
+           color: blue;}
+a:visited {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
+           text-decoration: none; 
+           color: blue;}
+a:hover   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
+           text-decoration: underline; 
+           color: red;}
+
+body {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+p    {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+h1   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+h2   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+h3   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+h4   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+th   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
+      font-weight: bold; 
+      background-color: <?PHP echo $THEME->cellheading?>;}
+
+td   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+li   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+form { margin-bottom: 0; }
+
+.highlight {
+    background-color: <?PHP echo $THEME->highlight?>;
+}
+
+.headingblock {
+    background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
+    border-width: 1px;
+    border-color: <?PHP echo $THEME->borders?>;
+    border-style: solid;
+}
+
+.navbar {
+    background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
+}
+
+.generalbox {
+    border-width: 1px;
+    border-color: <?PHP echo $THEME->borders?>;
+    border-style: solid;
+}
+
+.generaltable {
+}
+
+.generaltableheader {
+    background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
+}
+
+.generaltablecell {
+}
+
+.sideblock {
+    border-width: 1px;
+    border-color: <?PHP echo $THEME->borders?>;
+    border-style: solid;
+}
+
+.sideblockheading {
+    background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
+}
+
+.sideblockmain {
+}
+
+.sideblocklinks {
+}
+
+.sideblocklatestnews {
+}
+
+.sideblockrecentactivity {
+}
+
+.outlineheadingblock {
+    background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
+    border-width: 1px;
+    border-color: <?PHP echo $THEME->borders?>;
+    border-style: solid;
+}
+
+.weeklyoutline {
+}
+
+.topicsoutline {
+}
diff --git a/theme/standardblue/config.php b/theme/standardblue/config.php
index 24afb470d9c..a2e1f9d45df 100644
--- a/theme/standardblue/config.php
+++ b/theme/standardblue/config.php
@@ -3,9 +3,9 @@
 $THEME->body         = "#C5EFFF";  // Main page color
 $THEME->cellheading  = "#9ADAF4";  // Standard headings of big tables
 $THEME->cellheading2 = "#73C1E1";  // Highlight headings of tables
-
 $THEME->cellcontent  = "#FFFFFF";  // For areas with text
-$THEME->cellcontent2 = "#FFD991";  // Alternate colour
+$THEME->cellcontent2 = "#B7E4F6";  // Alternate colour
 $THEME->borders      = "#555555";  // Table borders
+$THEME->highlight    = "#AAFFAA";  // Highlighted text (eg after a search)
 
 ?>
diff --git a/theme/standardblue/gradient.jpg b/theme/standardblue/gradient.jpg
new file mode 100755
index 00000000000..c7abdc2214f
Binary files /dev/null and b/theme/standardblue/gradient.jpg differ
diff --git a/theme/standardblue/header.html b/theme/standardblue/header.html
index de14e537a8f..004feaa73a8 100644
--- a/theme/standardblue/header.html
+++ b/theme/standardblue/header.html
@@ -3,7 +3,7 @@
 <TITLE><?=$title ?></TITLE>
 <META NAME="keywords" CONTENT="Moodle, <?=$title ?> ">
 <?=$meta ?>
-<LINK REL="stylesheet" HREF="<?=$styles ?>">
+<LINK REL="stylesheet" TYPE="text/css" HREF="<?=$styles ?>">
 <LINK REL="SHORTCUT ICON" HREF="<?=$CFG->wwwroot?>/theme/standardblue/favicon.ico">
 <? include("$CFG->javascript"); ?>
 </HEAD>
@@ -36,10 +36,10 @@
 
      <TABLE BORDER=0 CELLPADDING=3 CELLSPACING=0 WIDTH=100%>
        <TR>
-         <TD BGCOLOR="<?=$THEME->cellheading?>">
+         <TD BGCOLOR="<?=$THEME->cellheading?>" CLASS="navbar">
            <FONT SIZE=2><B><? print_navigation("$navigation"); ?></B></FONT>
          </TD>
-         <TD BGCOLOR="<?=$THEME->cellheading?>" ALIGN=RIGHT WIDTH=20 VALIGN=TOP><?=$button ?></TD>
+         <TD BGCOLOR="<?=$THEME->cellheading?>" CLASS="navbar" ALIGN=RIGHT WIDTH=20 VALIGN=TOP><?=$button ?></TD>
        </TR>
      </TABLE>
      <IMG SRC="<?=$CFG->wwwroot?>/pix/spacer.gif" ALT="" HEIGHT=5 WIDTH=1><BR>
diff --git a/theme/standardblue/styles.css b/theme/standardblue/styles.css
deleted file mode 100644
index d25b6e0edbf..00000000000
--- a/theme/standardblue/styles.css
+++ /dev/null
@@ -1,21 +0,0 @@
-a:link    {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: blue;}
-a:visited {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: blue;}
-a:hover   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color: red;}
-
-body {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-p    {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-h1   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-h2   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-h3   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-h4   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-th   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #8BCDE8;}
-td   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-
-li   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-
-form { margin-bottom: 0 ; }
-
-.highlight {
-    background-color: #AAFFAA;
-}
-
diff --git a/theme/standardblue/styles.php b/theme/standardblue/styles.php
new file mode 100644
index 00000000000..92519674e4e
--- /dev/null
+++ b/theme/standardblue/styles.php
@@ -0,0 +1,119 @@
+<?PHP // $Id$
+
+/// We use PHP so we can do value substitutions into the styles
+
+    require_once("../../config.php"); 
+
+    if (isset($themename)) {
+        $CFG->theme = $themename;
+    }
+
+    $themeurl = "$CFG->wwwroot/theme/$CFG->theme";
+
+/// From here on it's nearly a normal stylesheet.
+/// First are some CSS definitions for normal tags, 
+/// then custom tags follow.
+///
+/// Note that colours are all defined in config.php
+/// in this directory
+
+?>
+
+
+a:link    {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
+           text-decoration: none; 
+           color: blue;}
+a:visited {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
+           text-decoration: none; 
+           color: blue;}
+a:hover   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
+           text-decoration: underline; 
+           color: red;}
+
+body {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+p    {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+h1   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+h2   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+h3   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+h4   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+th   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
+      font-weight: bold; 
+      background-color: <?PHP echo $THEME->cellheading?>;}
+
+td   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+li   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+form { margin-bottom: 0; }
+
+.highlight {
+    background-color: <?PHP echo $THEME->highlight?>;
+}
+
+.headingblock {
+    background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
+    border-width: 1px;
+    border-color: <?PHP echo $THEME->borders?>;
+    border-style: solid;
+}
+
+.navbar {
+    background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
+}
+
+.generalbox {
+    border-width: 1px;
+    border-color: <?PHP echo $THEME->borders?>;
+    border-style: solid;
+}
+
+.generaltable {
+}
+
+.generaltableheader {
+    background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
+}
+
+.generaltablecell {
+}
+
+.sideblock {
+    border-width: 1px;
+    border-color: <?PHP echo $THEME->borders?>;
+    border-style: solid;
+}
+
+.sideblockheading {
+    background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
+}
+
+.sideblockmain {
+}
+
+.sideblocklinks {
+}
+
+.sideblocklatestnews {
+}
+
+.sideblockrecentactivity {
+}
+
+.outlineheadingblock {
+    background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
+    border-width: 1px;
+    border-color: <?PHP echo $THEME->borders?>;
+    border-style: solid;
+}
+
+.weeklyoutline {
+}
+
+.topicsoutline {
+}
diff --git a/theme/standardgreen/config.php b/theme/standardgreen/config.php
index 245a33f55cc..1d6286b83b6 100644
--- a/theme/standardgreen/config.php
+++ b/theme/standardgreen/config.php
@@ -1,11 +1,11 @@
 <?PHP // $Id$
 
 $THEME->body         = "#B4EFC1";  // Main page color
-$THEME->cellheading  = "#85E49A";  // Standard headings of big tables
+$THEME->cellheading  = "#8CDD94";  // Standard headings of big tables
 $THEME->cellheading2 = "#3DD35F";  // Highlight headings of tables
-
 $THEME->cellcontent  = "#FFFFFF";  // For areas with text
-$THEME->cellcontent2 = "#85E49A";  // Alternate colour
+$THEME->cellcontent2 = "#AFE9BB";  // Alternate colour
 $THEME->borders      = "#555555";  // Table borders
+$THEME->highlight    = "#AAFFAA";  // Highlighted text (eg after a search)
 
 ?>
diff --git a/theme/standardgreen/gradient.jpg b/theme/standardgreen/gradient.jpg
new file mode 100755
index 00000000000..1f7af1b04f0
Binary files /dev/null and b/theme/standardgreen/gradient.jpg differ
diff --git a/theme/standardgreen/header.html b/theme/standardgreen/header.html
index d92154c01d2..c702e1e96d6 100644
--- a/theme/standardgreen/header.html
+++ b/theme/standardgreen/header.html
@@ -3,7 +3,7 @@
 <TITLE><?=$title ?></TITLE>
 <META NAME="keywords" CONTENT="Moodle, <?=$title ?> ">
 <?=$meta ?>
-<LINK REL="stylesheet" HREF="<?=$styles ?>">
+<LINK REL="stylesheet" TYPE="text/css" HREF="<?=$styles ?>">
 <LINK REL="SHORTCUT ICON" HREF="<?=$CFG->wwwroot?>/theme/standardgreen/favicon.ico">
 <? include("$CFG->javascript"); ?>
 </HEAD>
@@ -36,10 +36,10 @@
 
      <TABLE BORDER=0 CELLPADDING=3 CELLSPACING=0 WIDTH=100%>
        <TR>
-         <TD BGCOLOR="<?=$THEME->cellheading?>">
+         <TD BGCOLOR="<?=$THEME->cellheading?>" CLASS="navbar">
            <FONT SIZE=2><B><? print_navigation("$navigation"); ?></B></FONT>
          </TD>
-         <TD BGCOLOR="<?=$THEME->cellheading?>" ALIGN=RIGHT WIDTH=20 VALIGN=TOP><?=$button ?></TD>
+         <TD BGCOLOR="<?=$THEME->cellheading?>" CLASS="navbar" ALIGN=RIGHT WIDTH=20 VALIGN=TOP><?=$button ?></TD>
        </TR>
      </TABLE>
      <IMG SRC="<?=$CFG->wwwroot?>/pix/spacer.gif" ALT="" HEIGHT=5 WIDTH=1><BR>
diff --git a/theme/standardgreen/styles.css b/theme/standardgreen/styles.css
deleted file mode 100644
index 8c96053c324..00000000000
--- a/theme/standardgreen/styles.css
+++ /dev/null
@@ -1,21 +0,0 @@
-a:link    {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: blue;}
-a:visited {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: blue;}
-a:hover   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color: red;}
-
-body {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-p    {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-h1   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-h2   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-h3   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-h4   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-th   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #3DD35F;}
-td   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-
-li   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-
-form { margin-bottom: 0 ; }
-
-.highlight {
-    background-color: #FFAAAA;
-}
-
diff --git a/theme/standardgreen/styles.php b/theme/standardgreen/styles.php
new file mode 100644
index 00000000000..92519674e4e
--- /dev/null
+++ b/theme/standardgreen/styles.php
@@ -0,0 +1,119 @@
+<?PHP // $Id$
+
+/// We use PHP so we can do value substitutions into the styles
+
+    require_once("../../config.php"); 
+
+    if (isset($themename)) {
+        $CFG->theme = $themename;
+    }
+
+    $themeurl = "$CFG->wwwroot/theme/$CFG->theme";
+
+/// From here on it's nearly a normal stylesheet.
+/// First are some CSS definitions for normal tags, 
+/// then custom tags follow.
+///
+/// Note that colours are all defined in config.php
+/// in this directory
+
+?>
+
+
+a:link    {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
+           text-decoration: none; 
+           color: blue;}
+a:visited {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
+           text-decoration: none; 
+           color: blue;}
+a:hover   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
+           text-decoration: underline; 
+           color: red;}
+
+body {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+p    {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+h1   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+h2   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+h3   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+h4   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+th   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
+      font-weight: bold; 
+      background-color: <?PHP echo $THEME->cellheading?>;}
+
+td   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+li   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+form { margin-bottom: 0; }
+
+.highlight {
+    background-color: <?PHP echo $THEME->highlight?>;
+}
+
+.headingblock {
+    background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
+    border-width: 1px;
+    border-color: <?PHP echo $THEME->borders?>;
+    border-style: solid;
+}
+
+.navbar {
+    background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
+}
+
+.generalbox {
+    border-width: 1px;
+    border-color: <?PHP echo $THEME->borders?>;
+    border-style: solid;
+}
+
+.generaltable {
+}
+
+.generaltableheader {
+    background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
+}
+
+.generaltablecell {
+}
+
+.sideblock {
+    border-width: 1px;
+    border-color: <?PHP echo $THEME->borders?>;
+    border-style: solid;
+}
+
+.sideblockheading {
+    background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
+}
+
+.sideblockmain {
+}
+
+.sideblocklinks {
+}
+
+.sideblocklatestnews {
+}
+
+.sideblockrecentactivity {
+}
+
+.outlineheadingblock {
+    background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
+    border-width: 1px;
+    border-color: <?PHP echo $THEME->borders?>;
+    border-style: solid;
+}
+
+.weeklyoutline {
+}
+
+.topicsoutline {
+}
diff --git a/theme/standardlogo/config.php b/theme/standardlogo/config.php
index 6806d64d175..e231a15aa85 100644
--- a/theme/standardlogo/config.php
+++ b/theme/standardlogo/config.php
@@ -6,5 +6,6 @@ $THEME->cellheading2 = "#FFB62D";  // Highlight headings of tables
 $THEME->cellcontent  = "#FFFFFF";  // For areas with text
 $THEME->cellcontent2 = "#FFD991";  // Alternate colour
 $THEME->borders      = "#555555";  // Table borders
+$THEME->highlight    = "#AAFFAA";  // Highlighted text (eg after a search)
 
 ?>
diff --git a/theme/standardlogo/gradient.jpg b/theme/standardlogo/gradient.jpg
new file mode 100755
index 00000000000..a122ff238d4
Binary files /dev/null and b/theme/standardlogo/gradient.jpg differ
diff --git a/theme/standardlogo/header.html b/theme/standardlogo/header.html
index f60e894721c..fce7df27cc2 100644
--- a/theme/standardlogo/header.html
+++ b/theme/standardlogo/header.html
@@ -3,7 +3,7 @@
 <TITLE><?=$title ?></TITLE>
 <META NAME="keywords" CONTENT="Moodle, <?=$title ?> ">
 <?=$meta ?>
-<LINK REL="stylesheet" HREF="<?=$styles ?>">
+<LINK REL="stylesheet" TYPE="text/css" HREF="<?=$styles ?>">
 <LINK REL="SHORTCUT ICON" HREF="<?=$CFG->wwwroot?>/theme/standardlogo/favicon.ico">
 <? include("$CFG->javascript"); ?>
 </HEAD>
@@ -38,10 +38,10 @@
 
      <TABLE BORDER=0 CELLPADDING=3 CELLSPACING=0 WIDTH=100%>
        <TR>
-         <TD BGCOLOR="<?=$THEME->cellheading?>">
+         <TD BGCOLOR="<?=$THEME->cellheading?>" CLASS="navbar">
            <FONT SIZE=2><B><? print_navigation("$navigation"); ?></B></FONT>
          </TD>
-         <TD BGCOLOR="<?=$THEME->cellheading?>" ALIGN=RIGHT WIDTH=20 VALIGN=TOP><?=$button ?></TD>
+         <TD BGCOLOR="<?=$THEME->cellheading?>" CLASS="navbar" ALIGN=RIGHT WIDTH=20 VALIGN=TOP><?=$button ?></TD>
        </TR>
      </TABLE>
      <IMG SRC="<?=$CFG->wwwroot?>/pix/spacer.gif" ALT="" HEIGHT=5 WIDTH=1><BR>
diff --git a/theme/standardlogo/styles.css b/theme/standardlogo/styles.css
deleted file mode 100644
index 46c1c225810..00000000000
--- a/theme/standardlogo/styles.css
+++ /dev/null
@@ -1,29 +0,0 @@
-a:link    {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
-           text-decoration: none; 
-           color: blue;}
-a:visited {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
-           text-decoration: none; 
-           color: blue;}
-a:hover   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
-           text-decoration: underline; 
-           color: red;}
-
-body {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-p    {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-h1   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-h2   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-h3   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-h4   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-th   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
-      font-weight: bold; 
-      background-color: #FFD991;}
-td   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-
-li   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-
-form { margin-bottom: 0 ; }
-
-
-.highlight {
-    background-color: #AAFFAA;
-}
diff --git a/theme/standardlogo/styles.php b/theme/standardlogo/styles.php
new file mode 100644
index 00000000000..92519674e4e
--- /dev/null
+++ b/theme/standardlogo/styles.php
@@ -0,0 +1,119 @@
+<?PHP // $Id$
+
+/// We use PHP so we can do value substitutions into the styles
+
+    require_once("../../config.php"); 
+
+    if (isset($themename)) {
+        $CFG->theme = $themename;
+    }
+
+    $themeurl = "$CFG->wwwroot/theme/$CFG->theme";
+
+/// From here on it's nearly a normal stylesheet.
+/// First are some CSS definitions for normal tags, 
+/// then custom tags follow.
+///
+/// Note that colours are all defined in config.php
+/// in this directory
+
+?>
+
+
+a:link    {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
+           text-decoration: none; 
+           color: blue;}
+a:visited {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
+           text-decoration: none; 
+           color: blue;}
+a:hover   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
+           text-decoration: underline; 
+           color: red;}
+
+body {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+p    {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+h1   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+h2   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+h3   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+h4   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+th   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
+      font-weight: bold; 
+      background-color: <?PHP echo $THEME->cellheading?>;}
+
+td   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+li   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+form { margin-bottom: 0; }
+
+.highlight {
+    background-color: <?PHP echo $THEME->highlight?>;
+}
+
+.headingblock {
+    background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
+    border-width: 1px;
+    border-color: <?PHP echo $THEME->borders?>;
+    border-style: solid;
+}
+
+.navbar {
+    background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
+}
+
+.generalbox {
+    border-width: 1px;
+    border-color: <?PHP echo $THEME->borders?>;
+    border-style: solid;
+}
+
+.generaltable {
+}
+
+.generaltableheader {
+    background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
+}
+
+.generaltablecell {
+}
+
+.sideblock {
+    border-width: 1px;
+    border-color: <?PHP echo $THEME->borders?>;
+    border-style: solid;
+}
+
+.sideblockheading {
+    background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
+}
+
+.sideblockmain {
+}
+
+.sideblocklinks {
+}
+
+.sideblocklatestnews {
+}
+
+.sideblockrecentactivity {
+}
+
+.outlineheadingblock {
+    background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
+    border-width: 1px;
+    border-color: <?PHP echo $THEME->borders?>;
+    border-style: solid;
+}
+
+.weeklyoutline {
+}
+
+.topicsoutline {
+}
diff --git a/theme/standardred/config.php b/theme/standardred/config.php
index 37d2472fc5d..ba43d182ec1 100644
--- a/theme/standardred/config.php
+++ b/theme/standardred/config.php
@@ -3,9 +3,9 @@
 $THEME->body         = "#F5E7E7";  // Main page color
 $THEME->cellheading  = "#ECD2D2";  // Standard headings of big tables
 $THEME->cellheading2 = "#E9C5C6";  // Highlight headings of tables
-
 $THEME->cellcontent  = "#FFFFFF";  // For areas with text
-$THEME->cellcontent2 = "#ECD2D2";  // Alternate colour
+$THEME->cellcontent2 = "#ECD9D9";  // Alternate colour
 $THEME->borders      = "#552021";  // Table borders
+$THEME->highlight    = "#AAFFAA";  // Highlighted text (eg after a search)
 
 ?>
diff --git a/theme/standardred/gradient.jpg b/theme/standardred/gradient.jpg
new file mode 100755
index 00000000000..a9f2a1b16e5
Binary files /dev/null and b/theme/standardred/gradient.jpg differ
diff --git a/theme/standardred/header.html b/theme/standardred/header.html
index 2d0472ad3cd..30c2325bae8 100644
--- a/theme/standardred/header.html
+++ b/theme/standardred/header.html
@@ -3,7 +3,7 @@
 <TITLE><?=$title ?></TITLE>
 <META NAME="keywords" CONTENT="Moodle, <?=$title ?> ">
 <?=$meta ?>
-<LINK REL="stylesheet" HREF="<?=$styles ?>">
+<LINK REL="stylesheet" TYPE="text/css" HREF="<?=$styles ?>">
 <LINK REL="SHORTCUT ICON" HREF="<?=$CFG->wwwroot?>/theme/standardred/favicon.ico">
 <? include("$CFG->javascript"); ?>
 </HEAD>
@@ -36,10 +36,10 @@
 
      <TABLE BORDER=0 CELLPADDING=3 CELLSPACING=0 WIDTH=100%>
        <TR>
-         <TD BGCOLOR="<?=$THEME->cellheading?>">
+         <TD BGCOLOR="<?=$THEME->cellheading?>" CLASS="navbar">
            <FONT SIZE=2><B><? print_navigation("$navigation"); ?></B></FONT>
          </TD>
-         <TD BGCOLOR="<?=$THEME->cellheading?>" ALIGN=RIGHT WIDTH=20 VALIGN=TOP><?=$button ?></TD>
+         <TD BGCOLOR="<?=$THEME->cellheading?>" CLASS="navbar" ALIGN=RIGHT WIDTH=20 VALIGN=TOP><?=$button ?></TD>
        </TR>
      </TABLE>
      <IMG SRC="<?=$CFG->wwwroot?>/pix/spacer.gif" ALT="" HEIGHT=5 WIDTH=1><BR>
diff --git a/theme/standardred/styles.css b/theme/standardred/styles.css
deleted file mode 100644
index c75a4dcf4f0..00000000000
--- a/theme/standardred/styles.css
+++ /dev/null
@@ -1,22 +0,0 @@
-a:link    {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #CC3366;}
-a:visited {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #CC3366;}
-a:hover   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color: #FF0000;}
-
-body {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-p    {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-h1   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-h2   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-h3   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-h4   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-th   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #E9C5C6;}
-td   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-
-li   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
-
-form { margin-bottom: 0 ; }
-
-
-.highlight {
-    background-color: #FFAAAA;
-}
-
diff --git a/theme/standardred/styles.php b/theme/standardred/styles.php
new file mode 100644
index 00000000000..92519674e4e
--- /dev/null
+++ b/theme/standardred/styles.php
@@ -0,0 +1,119 @@
+<?PHP // $Id$
+
+/// We use PHP so we can do value substitutions into the styles
+
+    require_once("../../config.php"); 
+
+    if (isset($themename)) {
+        $CFG->theme = $themename;
+    }
+
+    $themeurl = "$CFG->wwwroot/theme/$CFG->theme";
+
+/// From here on it's nearly a normal stylesheet.
+/// First are some CSS definitions for normal tags, 
+/// then custom tags follow.
+///
+/// Note that colours are all defined in config.php
+/// in this directory
+
+?>
+
+
+a:link    {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
+           text-decoration: none; 
+           color: blue;}
+a:visited {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
+           text-decoration: none; 
+           color: blue;}
+a:hover   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
+           text-decoration: underline; 
+           color: red;}
+
+body {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+p    {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+h1   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+h2   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+h3   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+h4   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+th   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
+      font-weight: bold; 
+      background-color: <?PHP echo $THEME->cellheading?>;}
+
+td   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+li   {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
+
+form { margin-bottom: 0; }
+
+.highlight {
+    background-color: <?PHP echo $THEME->highlight?>;
+}
+
+.headingblock {
+    background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
+    border-width: 1px;
+    border-color: <?PHP echo $THEME->borders?>;
+    border-style: solid;
+}
+
+.navbar {
+    background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
+}
+
+.generalbox {
+    border-width: 1px;
+    border-color: <?PHP echo $THEME->borders?>;
+    border-style: solid;
+}
+
+.generaltable {
+}
+
+.generaltableheader {
+    background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
+}
+
+.generaltablecell {
+}
+
+.sideblock {
+    border-width: 1px;
+    border-color: <?PHP echo $THEME->borders?>;
+    border-style: solid;
+}
+
+.sideblockheading {
+    background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
+}
+
+.sideblockmain {
+}
+
+.sideblocklinks {
+}
+
+.sideblocklatestnews {
+}
+
+.sideblockrecentactivity {
+}
+
+.outlineheadingblock {
+    background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
+    border-width: 1px;
+    border-color: <?PHP echo $THEME->borders?>;
+    border-style: solid;
+}
+
+.weeklyoutline {
+}
+
+.topicsoutline {
+}