From 1fd75a0eea2224730215901734f262b8f1d9a6d8 Mon Sep 17 00:00:00 2001
From: Ian <aristophian@googlemail.com>
Date: Fri, 14 Sep 2012 19:06:48 +0200
Subject: [PATCH] guestbook 3.31 fixed frontend styles

---
 serendipity_event_guestbook/ChangeLog         |  11 +
 serendipity_event_guestbook/README            |  16 +-
 .../documentation_en.html                     |   8 +
 .../serendipity_event_guestbook.php           |  31 +-
 .../serendipity_plugin_guestbook.php          |   5 +-
 .../style_guestbook_backend.css               | 131 +++++----
 .../style_guestbook_frontend.css              | 267 ++++++++++++++++++
 7 files changed, 395 insertions(+), 74 deletions(-)
 create mode 100644 serendipity_event_guestbook/style_guestbook_frontend.css

diff --git a/serendipity_event_guestbook/ChangeLog b/serendipity_event_guestbook/ChangeLog
index b85e69f9..5ee38aba 100644
--- a/serendipity_event_guestbook/ChangeLog
+++ b/serendipity_event_guestbook/ChangeLog
@@ -1,3 +1,14 @@
+3.31:
+-----
+The Frontend missed its stylesheets - sorry!
+
+
+3.30:
+-----
+
+PHP 5.4 compat fixes
+
+
 3.29:
 -----
 
diff --git a/serendipity_event_guestbook/README b/serendipity_event_guestbook/README
index 610e01f3..96f09ea7 100644
--- a/serendipity_event_guestbook/README
+++ b/serendipity_event_guestbook/README
@@ -1,5 +1,5 @@
 /******************************************************************************
- *    serendipty_event_guestbook.php, README, last modified 2011-12-15        *
+ *    serendipty_event_guestbook.php, README, last modified 2012-09-14        *
  *    if you have a interesting hack or want to help,                         *
  *    please leave a message in http://www.s9y.org/forums/                    *
  *    have fun! Ian                                                           *
@@ -73,6 +73,20 @@ S9Y :: GUESTBOOK :: DESIGN
     * You can find a very nice list of available web colours here http://www.wackerart.de/rgbfarben.html. Happy designing!
 
 
+-------------------------------------
+| Version 3.31 [ 2012-09-14 ]       |
+-------------------------------------
+
+    * The Frontend missed its stylesheets - sorry!
+
+
+-------------------------------------
+| Version 3.28 [ 2012-06-13 ]       |
+-------------------------------------
+
+    * PHP 5.4 combat issues
+
+
 -------------------------------------
 | Version 3.28 [ 2011-12-15 ]       |
 -------------------------------------
diff --git a/serendipity_event_guestbook/documentation_en.html b/serendipity_event_guestbook/documentation_en.html
index eb719d4e..6616777e 100644
--- a/serendipity_event_guestbook/documentation_en.html
+++ b/serendipity_event_guestbook/documentation_en.html
@@ -121,6 +121,14 @@
                 * please leave a message in http://www.s9y.org/forums/<br />
                 * have fun! Ian<br />
                 ****************************************************************</p>
+            <h2>Version 3.31 <span class="date">[ 2012-09-14 ]</span></h2>
+            <ul>
+                <li>The Frontend missed its stylesheets - sorry!</li>
+            </ul>
+            <h2>Version 3.30 <span class="date">[ 2012-06-13 ]</span></h2>
+            <ul>
+                <li>PHP5.4 combat issues</li>
+            </ul>
             <h2>Version 3.29 <span class="date">[ 2012-01-26 ]</span></h2>
             <ul>
                 <li>bump version to support spartacus update for guestbooks sidebar plugin update</li>
diff --git a/serendipity_event_guestbook/serendipity_event_guestbook.php b/serendipity_event_guestbook/serendipity_event_guestbook.php
index 8c8ae6cb..16762027 100644
--- a/serendipity_event_guestbook/serendipity_event_guestbook.php
+++ b/serendipity_event_guestbook/serendipity_event_guestbook.php
@@ -1,5 +1,5 @@
 <?php # $Id$
-// serendipity_event_guestbook.php, v.3.29 - 2012-01-26 ian
+// serendipity_event_guestbook.php, v.3.31 - 2012-09-14 ian
 
 //error_reporting(E_ALL);
 
@@ -57,7 +57,7 @@ class serendipity_event_guestbook extends serendipity_event {
                         'dateformat'
                     ));
         $propbag->add('author',       'Ian (Timbalu)');
-        $propbag->add('version',      '3.30');
+        $propbag->add('version',      '3.31');
         $propbag->add('requirements', array(
                         'serendipity' => '0.7',
                         'smarty'      => '2.6.7',
@@ -1092,27 +1092,28 @@ class serendipity_event_guestbook extends serendipity_event {
                     }
                     break;
                     
-                /* put here all you css stuff you need for guestbook pages */
+                /* put here all you css stuff you need for frontend guestbook pages */
                 case 'css':
                     
-                    if (stristr($eventData, '.serendipity_guestbook')) { 
+                    if (stristr($eventData, '#guestbook_wrapper')) { 
                         // class exists in CSS, so a user has customized it and we don't need default
                         return true;
                     }
                     
-                    $tfile = serendipity_getTemplateFile('style_guestbook_backend.css', 'serendipityPath');
+                    $tfile = serendipity_getTemplateFile('style_guestbook_frontend.css', 'serendipityPath');
                     if($tfile) { 
                         $search       = array('{TEMPLATE_PATH}', '{PLUGIN_PATH}');
                         $replace      = array('templates/' . $serendipity['defaultTemplate'] . '/', $serendipity['guestbook']['pluginpath']);
                         $tfilecontent = str_replace($search, $replace, @file_get_contents($tfile));
                     }
                     
-                    if (!$tfile || $tfile == 'style_guestbook_backend.css') { 
-                        $tfile        = dirname(__FILE__) . '/style_guestbook_backend.css';
+                    if (!$tfile || $tfile == 'style_guestbook_frontend.css') { 
+                        $tfile        = dirname(__FILE__) . '/style_guestbook_frontend.css';
                         $search       = array('{TEMPLATE_PATH}', '{PLUGIN_PATH}');
                         $tfilecontent = str_replace($search, $serendipity['guestbook']['pluginpath'], @file_get_contents($tfile));
                     }
-                    
+                    if(!empty($tfilecontent)) $this->cssEventData($eventData, $tfilecontent);
+
                     return true;
                     break;
                 
@@ -1160,8 +1161,8 @@ class serendipity_event_guestbook extends serendipity_event {
                     }
                     
                     // add replaced css content to the end of serendipity_admin.css
-                    if(!empty($tfilecontent)) $this->backend_guestbook_css($eventData, $tfilecontent);
-                    
+                    if(!empty($tfilecontent)) $this->cssEventData($eventData, $tfilecontent);
+
                     return true;
                     break;
 
@@ -1180,8 +1181,8 @@ class serendipity_event_guestbook extends serendipity_event {
      * Backend administration functions
      **************************************************/
      
-    /* add backend css to serendipity_admin.css */
-    function backend_guestbook_css(&$eventData, &$becss) { 
+    /* add front- and backend css to serendipity(_admin).css */
+    function cssEventData(&$eventData, &$becss) { 
         $eventData .= $becss;
     }
 
@@ -1333,7 +1334,7 @@ class serendipity_event_guestbook extends serendipity_event {
                         $serendipity['smarty']->assign('is_show_url', true);
                     }
                 
-                    // extract admincomments to var
+                    // extract entry bodys admincomment to var
                     preg_match_all("/\[ac\](.*?)\[\/ac\]/", $entry['body'], $match);
                     $entry['acbody'] = $match[1][0];
                     $entry['body']   = preg_replace("/\[ac\](.*?)\[\/ac\]/","", $entry['body']);
@@ -1383,7 +1384,7 @@ class serendipity_event_guestbook extends serendipity_event {
             case 'droptable':
                 
                 $serendipity['guestbookdroptable'] = true;
-                $this->uninstall();
+                $this->uninstall($bag);
                 
                 $serendipity['GET']['guestbookdbclean'] = 'dberase';
                 $this->backend_guestbook_dbclean($reqbuild['month'], $reqbuild['year']);
@@ -1519,7 +1520,7 @@ class serendipity_event_guestbook extends serendipity_event {
                 case 'dberase':
                     
                     echo '<div class="backend_guestbook_dbclean_innercat"><h3>' . strtoupper(PLUGIN_GUESTBOOK_ADMIN_DBC_ERASE_TITLE) . '</h3></div>';
-                    $isTable =  $this->uninstall() ? true : false; // ok, questionaire
+                    $isTable =  $this->uninstall($bag) ? true : false; // ok, questionaire
                     
                     // give back ok
                     if(isset($serendipity['guestbookdroptable']) === true && $isTable) { 
diff --git a/serendipity_event_guestbook/serendipity_plugin_guestbook.php b/serendipity_event_guestbook/serendipity_plugin_guestbook.php
index 1f8d0df1..3f5bba42 100644
--- a/serendipity_event_guestbook/serendipity_plugin_guestbook.php
+++ b/serendipity_event_guestbook/serendipity_plugin_guestbook.php
@@ -1,5 +1,5 @@
 <?php # $Id$
-// serendipity_plugin_guestbook.php, v.1.19 - 2012-01-26 ian
+// serendipity_plugin_guestbook.php, v.1.20 - 2012-06-13 ian
 /* guestbooksidebar plugin by Jaap Boerma // j@webbict.com // v1.02 // 18-10-2005 */
 
 
@@ -41,6 +41,9 @@ class serendipity_plugin_guestbook extends serendipity_plugin {
                         'max_items', 
                         'dateformat')
         );
+        // Register (multiple) dependencies. KEY is the name of the depending plugin. VALUE is a mode of either 'remove' or 'keep'.
+        // If the mode 'remove' is set, removing the plugin results in a removal of the depending plugin. 'Keep' meens to
+        // not touch the depending plugin.
         $this->dependencies = array('serendipity_event_guestbook' => 'keep'); 
         
         #if(!is_array($serendipity['plugin_guestbook_dependency'])) { 
diff --git a/serendipity_event_guestbook/style_guestbook_backend.css b/serendipity_event_guestbook/style_guestbook_backend.css
index 00a8c061..c22ff2ee 100644
--- a/serendipity_event_guestbook/style_guestbook_backend.css
+++ b/serendipity_event_guestbook/style_guestbook_backend.css
@@ -1,4 +1,5 @@
-/* # $Id: style_guestbook_backend.css - v.3.28 2011-12-15 ian */
+/* # $Id$
+   style_guestbook_backend.css - v.3.31 2012-09-14 ian */
 
 /******** Begin Guestbook Styles *********/
 
@@ -134,62 +135,72 @@ span.frontend_guestbook_paginator_right { color: #BBB; }
     margin-left: 8px;
 }
 #backend_guestbook_wrapper .guestbook_entries dt { display: inline-block; }
-#backend_guestbook_wrapper .guestbook_move { padding: 0 4px; }
-
+#backend_guestbook_wrapper .guestbook_move {
+    padding: 0 4px;
+    vertical-align: text-top;
+}
 div.backend_guestbook_nav { 
-    border: medium solid;
+    border: thin solid;
     float: right; 
     margin: 1em auto; 
     width: 24em; 
     background: rgb(238,238,238); /* Old browsers */
-    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(87,146,216,1) 100%); /* FF3.6+ */
+    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NzkyZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+    background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(87,146,216,1) 100%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(87,146,216,1))); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* Opera11.10+ */
-    background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* IE10+ */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#5792d8',GradientType=0 ); /* IE6-9 */
-    background: linear-gradient(top, rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* W3C */
+    background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* IE10+ */
+    background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#5792d8',GradientType=0 ); /* IE6-8 */
     -pie-background: linear-gradient(#EEEEEE, #5792d8);
 }
 div.backend_guestbook_nav ul li#active { 
     border-bottom: 1px solid #888; 
-    background: rgb(224,224,224); /* Old browsers */
-    background: -moz-linear-gradient(left, rgba(224,224,224,1) 0%, rgba(213,191,192,1) 100%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(224,224,224,1)), color-stop(100%,rgba(213,191,192,1))); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(left, rgba(224,224,224,1) 0%,rgba(213,191,192,1) 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(left, rgba(224,224,224,1) 0%,rgba(213,191,192,1) 100%); /* Opera11.10+ */
-    background: -ms-linear-gradient(left, rgba(224,224,224,1) 0%,rgba(213,191,192,1) 100%); /* IE10+ */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#d5bfc0',GradientType=1 ); /* IE6-9 */
-    background: linear-gradient(left, rgba(224,224,224,1) 0%,rgba(213,191,192,1) 100%); /* W3C */
+    background: rgb(246,246,246); /* Old browsers */
+    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmVjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+    background: -moz-linear-gradient(top,  rgba(246,246,246,1) 0%, rgba(242,236,236,1) 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(100%,rgba(242,236,236,1))); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(242,236,236,1) 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(242,236,236,1) 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(242,236,236,1) 100%); /* IE10+ */
+    background: linear-gradient(to bottom,  rgba(246,246,246,1) 0%,rgba(242,236,236,1) 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f2ecec',GradientType=0 ); /* IE6-8 */
     -pie-background: linear-gradient(#E0E0E0, #D5BFC0);
 }
 div.backend_guestbook_menu { 
     border: 1px solid #777; 
     padding: 0 0 0 20px;
     background: rgb(240,240,240); /* Old browsers */
-    background: -moz-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(87,146,216,1) 100%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(240,240,240,1)), color-stop(100%,rgba(87,146,216,1))); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(left, rgba(240,240,240,1) 0%,rgba(87,146,216,1) 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(left, rgba(240,240,240,1) 0%,rgba(87,146,216,1) 100%); /* Opera11.10+ */
-    background: -ms-linear-gradient(left, rgba(240,240,240,1) 0%,rgba(87,146,216,1) 100%); /* IE10+ */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#5792d8',GradientType=1 ); /* IE6-9 */
-    background: linear-gradient(left, rgba(240,240,240,1) 0%,rgba(87,146,216,1) 100%); /* W3C */
+    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NzkyZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+    background: -moz-linear-gradient(top,  rgba(240,240,240,1) 0%, rgba(87,146,216,1) 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,1)), color-stop(100%,rgba(87,146,216,1))); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top,  rgba(240,240,240,1) 0%,rgba(87,146,216,1) 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top,  rgba(240,240,240,1) 0%,rgba(87,146,216,1) 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top,  rgba(240,240,240,1) 0%,rgba(87,146,216,1) 100%); /* IE10+ */
+    background: linear-gradient(to bottom,  rgba(240,240,240,1) 0%,rgba(87,146,216,1) 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#5792d8',GradientType=0 ); /* IE6-8 */
     -pie-background: linear-gradient(#F0F0F0, #5792d8);
 }
 div.backend_guestbook_entrywrapper { margin: 99px 14% 0 0; padding: 0; }
 div.backend_guestbook_head { 
-    border: 1px solid red; 
+    border: 1px solid lightblue; 
     float: left;
-    margin: 30px 0 0 0px; 
+    margin: 1em 0 0 0px; 
     padding: 4px 20px; 
     background: rgb(87,146,216); /* Old browsers */
-    background: -moz-linear-gradient(top, rgba(87,146,216,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6+ */
+    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU3OTJkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+    background: -moz-linear-gradient(top,  rgba(87,146,216,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,146,216,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top, rgba(87,146,216,1) 0%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top, rgba(87,146,216,1) 0%,rgba(240,240,240,1) 100%); /* Opera11.10+ */
-    background: -ms-linear-gradient(top, rgba(87,146,216,1) 0%,rgba(240,240,240,1) 100%); /* IE10+ */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5792d8', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
-    background: linear-gradient(top, rgba(87,146,216,1) 0%,rgba(240,240,240,1) 100%); /* W3C */
+    background: -webkit-linear-gradient(top,  rgba(87,146,216,1) 0%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top,  rgba(87,146,216,1) 0%,rgba(240,240,240,1) 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top,  rgba(87,146,216,1) 0%,rgba(240,240,240,1) 100%); /* IE10+ */
+    background: linear-gradient(to bottom,  rgba(87,146,216,1) 0%,rgba(240,240,240,1) 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5792d8', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-8 */
     -pie-background: linear-gradient(#5792d8, #F0F0F0);
  }
 div.backend_guestbook_paginator { background-color: transparent; border: 0 none; margin: 10px 0; height: 25px; }
@@ -199,31 +210,35 @@ span.backend_guestbook_paginator_right { float: right; width:40%; text-align: ri
 div.backend_guestbook_noresult { margin: 100px 0 0 0; border: 0 none; }
 div.backend_guestbook_dbclean_title { margin: 100px 0 20px 10px; }
 div.backend_guestbook_dbclean_menu { 
-    border: 1px solid #808; 
+    border: 1px solid #888888; 
     display: block; 
     margin: 20px 0 20px 0;
-    background: rgb(238,238,238); /* Old browsers */
-    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(87,146,216,1) 100%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(87,146,216,1))); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* Opera11.10+ */
-    background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* IE10+ */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#5792d8',GradientType=0 ); /* IE6-9 */
-    background: linear-gradient(top, rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* W3C */
+    background: rgb(245,245,245); /* Old browsers */
+    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNGMwZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+    background: -moz-linear-gradient(top,  rgba(245,245,245,1) 0%, rgba(180,192,214,1) 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(180,192,214,1))); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(180,192,214,1) 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(180,192,214,1) 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(180,192,214,1) 100%); /* IE10+ */
+    background: linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(180,192,214,1) 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#b4c0d6',GradientType=0 ); /* IE6-8 */
     -pie-background: linear-gradient(#EEEEEE, #5792d8);
 }
 ul.backend_guestbook_dbclean_menu { padding: 4px 80px; }
 li.backend_guestbook_dbclean_menu { list-style-type: circle; line-height: 20px; font-size: 1.2em; text-decoration: none; }
 div.backend_guestbook_dbclean_menu ul li#active { 
-    border-bottom: 1px solid #888; 
-    background: rgb(255,193,37); /* Old browsers */
-    background: -moz-linear-gradient(left, rgba(255,193,37,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,193,37,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(left, rgba(255,193,37,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(left, rgba(255,193,37,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
-    background: -ms-linear-gradient(left, rgba(255,193,37,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc125', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 */
-    background: linear-gradient(left, rgba(255,193,37,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
+    border-bottom: 1px solid #888; /*background: -moz-linear-gradient(center top , #FFC125 0%, #E0E0E0 100%) repeat scroll 0 0 transparent;*/
+    background: rgb(246,246,246); /* Old browsers */
+    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmVjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+    background: -moz-linear-gradient(top,  rgba(246,246,246,1) 0%, rgba(242,236,236,1) 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(100%,rgba(242,236,236,1))); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(242,236,236,1) 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(242,236,236,1) 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(242,236,236,1) 100%); /* IE10+ */
+    background: linear-gradient(to bottom,  rgba(246,246,246,1) 0%,rgba(242,236,236,1) 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f2ecec',GradientType=0 ); /* IE6-8 */
     -pie-background: linear-gradient(#FFC125, #E0E0E0);
 }
 div.backend_guestbook_dbclean_innercat { text-decoration: underline; }
@@ -331,13 +346,15 @@ span.guestbook_admin_comment q{quotes:"\00AB" "\00BB"; }
     padding: 4px; 
     /* standard color #EEEEEE no gradient */
     background: rgb(238,238,238); /* Old browsers */
-    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
+    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+    background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
-    background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
-    background: linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
+    background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
+    background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
     position: relative; /* PIE specific */
     -pie-background: linear-gradient(#EEEEEE, #FFFFFF);
 }
diff --git a/serendipity_event_guestbook/style_guestbook_frontend.css b/serendipity_event_guestbook/style_guestbook_frontend.css
new file mode 100644
index 00000000..0b126459
--- /dev/null
+++ b/serendipity_event_guestbook/style_guestbook_frontend.css
@@ -0,0 +1,267 @@
+/* # $Id$
+   style_guestbook_frontend.css - v.3.31 2012-09-14 ian */
+
+/******** Begin Guestbook Styles *********/
+
+.input-text input, .input-textarea textarea {
+    filter: progid:DXImageTransform.Microsoft.Shadow(color='#888888', Direction=145, Strength=2); /* IE Shadow setting */
+    /* shadow settings */
+    -webkit-box-shadow: 0 0 2px 2px #DDDDDD;
+    -moz-box-shadow: 0 0 2px 2px #DDDDDD;
+    -o-box-shadow: 0 0 2px 2px #DDDDDD;
+    box-shadow: 0 0 2px 2px #DDDDDD; /* html5 standard */
+}
+
+.input-text input, .input-textarea textarea, #search-term, #captcha {
+    background: none repeat scroll 0 0 #FFFFFF;
+    border: 1px solid #AAAAAA;
+    color: #888888;
+    -moz-border-radius: 4px 4px 4px 4px;
+    -webkit-border-radius: 4px 4px 4px 4px;
+    -khtml-border-radius: 4px 4px 4px 4px;
+    -o-border-radius: 4px 4px 4px 4px;
+    border-radius: 4px 4px 4px 4px; /* html5 standard */
+    /* need only of IE 6/7/8 gradient/border-radius/border-shadow */
+    position: relative; /* IE PIE lt 9 need this here */
+    behavior: url({PLUGIN_PATH}PIE.htc);
+}
+.input-text label, .input-select label, .input-textarea label {
+    display: block;
+    font-weight: bold;
+    margin: 10px 0 4px;
+}
+
+.serendipity_guestbook  {
+    margin: 0 none;
+    padding: 0 none;
+}
+
+.serendipity_guestbook  h2.serendipity_title {
+    padding-left: 0;
+    text-align: center;
+}
+
+.serendipity_entry, 
+.serendipity_entry_body {
+    border-top: 0 none;
+}
+
+#guestbook_wrapper  { 
+    margin: 0 none;
+    padding: 0 none; 
+}
+br.clear { clear: both; }
+
+#guestbook_wrapper .guestbook_intro { 
+    padding: 4px;
+    background-color: transparent;
+    border: 1px solid #B20000;
+    border: 1px solid hsl(360,100%,35%);
+    text-align: justify;
+    /* mozilla, chrome, safari, ie7+, opera round corners */
+    border-color: hsl(360,100%,35%);
+    -moz-border-radius: 8px 8px 8px 8px;
+    -webkit-border-radius: 8px 8px 8px 8px;
+    -khtml-border-radius: 8px 8px 8px 8px;
+    -o-border-radius: 8px 8px 8px 8px;
+    border-radius: 8px 8px 8px 8px; /* html5 standard */
+    /* need only of IE 6/7/8 gradient/border-radius/border-shadow */
+    position: relative; /* IE PIE lt 9 need this here */
+    behavior: url({PLUGIN_PATH}PIE.htc);
+}
+
+#guestbook_entrypaging {
+    line-height: 1.6;
+    margin: 20px 0;
+    padding: 0;
+    border: 0 none;
+    text-align: center;
+}
+
+#guestbook_entrypaging a,
+#guestbook_entrypaging a:hover {
+    background: none repeat scroll 0 0 #FFFFFF;
+    text-decoration: none;
+}
+
+div.frontend_guestbook_paginator{}
+span.frontend_guestbook_paginator_left { color: #BBB; } 
+span.frontend_guestbook_paginator_center { }
+span.frontend_guestbook_paginator_right { color: #BBB; } 
+
+/* one guestbook entry wrapper */
+#guestbook_entrybundle dl {
+    margin: 0;
+}
+
+#guestbook_entrybundle { 
+    margin: 0;
+    overflow: hidden;
+    padding: 0;
+    background-color: #AAAAAA;
+    border: 1px solid #BBBBBB;
+    text-align: left;
+    /* rounded corners */
+    -webkit-border-radius: 0 0 7px 7px;
+    -moz-border-radius: 0 0 7px 7px;
+    -o-border-radius: 0 0 7px 7px;
+    border-radius: 0 0 7px 7px; /* html5 standard */
+}
+
+.serendipity_commentDirection { 
+    text-align:justify;
+}
+
+.guestbook_emailprotect { 
+    font-size: x-small;
+}
+
+.captcha { 
+    border: 1px solid #777;
+}
+
+/* the entry title mail date etc - depends on #guestbook_entrybundle */
+#guestbook_wrapper .guestbook_entrytop { 
+    margin-bottom: 5px;
+    padding: 4px; 
+    /* standard color #EEEEEE no gradient */
+    background: rgb(238,238,238); /* Old browsers */
+    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+    background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
+    background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
+    position: relative; /* PIE specific */
+    -pie-background: linear-gradient(#EEEEEE, #FFFFFF);
+}
+
+.guestbook_entries {
+    padding: 0;
+    margin: 0; 
+    border: 0 none;
+    font: 500 11px/16px Verdana,Arial,Helvetica,sans-serif;
+    text-align: left;
+    width: 100%;
+}
+
+.guestbook_entrytop a,
+.guestbook_entrytop a:link,
+.guestbook_entrytop a:visited,
+.guestbook_entrytop a:active,
+.guestbook_entrytop a:focus { 
+    font-family: Arial,Helvetica,sans-serif;
+    font-size: 1em;
+    font-weight: 600;
+    text-decoration: none;
+}
+
+.guestbook_entrytop a:hover {
+    font-family: Arial,Helvetica,sans-serif;
+    font-size: 12px;
+    font-weight: 700;
+    color: #ADB4D9; 
+}
+
+.guestbook_admin { 
+    text-align: right;
+}
+
+.guestbook_admintext { 
+    text-align: right; 
+    padding-right: 10px;
+}
+
+.guestbook_admintextdim { 
+    color: #777; 
+    text-decoration: none;
+}
+
+.guestbook_adminbutton { 
+    text-align: right;
+    vertical-align: top;
+}
+.guestbook_adminbutton  img { 
+    width: 14px; 
+    height: 14px; 
+}
+
+/* the entry value only - depends on #guestbook_entrybundle */
+.guestbook_entrybottom { 
+    background: none repeat scroll 0 0 #FDFDFD;
+    border: 1px solid #DFDFDF;
+    margin-bottom: 6px;
+    padding: 4px;
+    color: #333333;
+    font: 500 11px/16px Verdana,Arial,Helvetica,sans-serif;
+    text-align: left;
+}
+
+.guestbook_splitentries { 
+    clear: both;
+}
+
+.guestbook_errorbundled { 
+    padding-top: 30px;
+    width: auto;
+}
+
+.guestbook_error_red { 
+    color: #ff0000;
+}
+
+.guestbook_errors { 
+    font-family: verdana,arial,helvetica,sans-serif;
+    font-size: 11px;
+    font-weight: 600;
+    text-align: left;
+    color: #800040;
+}
+
+.guestbook_questionaire { 
+    line-height: 1.4em;
+ }
+ 
+ .guestbook_ripped { 
+    line-height: 1.4em;
+    font-weight: bold;
+ }
+ 
+.guestbook_popup { 
+    text-align:center;
+    padding-bottom: 10px;
+}
+
+#guestbook_wrapper a:link.serendipityPrettyButton,
+#guestbook_wrapper a:visited.serendipityPrettyButton,
+#guestbook_wrapper a:hover.serendipityPrettyButton { 
+    color: #1D2E3F;
+    text-decoration: none;
+}
+
+#guestbook_wrapper .serendipityPrettyButton { 
+    border: 1px outset #888888;
+    color: #1D2E3F;
+    font-size: 0.9em;
+    font-weight: bold;
+    margin: 2px;
+    padding: 1px;
+}
+
+/* Special class if the button is a <a> tag */
+#guestbook_wrapper a.serendipityPrettyButton { 
+    cursor: pointer;
+    padding: 2px 4px;
+}
+
+#guestbook_wrapper .serendipityPrettyButton {
+    background: url('{TEMPLATE_PATH}img/button_background.png') repeat scroll 0 50% #80B0DA;
+}
+#guestbook_wrapper a.serendipityPrettyButton {
+    background: url('{TEMPLATE_PATH}img/button_background.png') repeat-x scroll center top transparent;
+}
+
+/******** End Guestbook Styles *********/