[guadec-web] sponsors: Add sponsor levels to the side div

[Rui Matos <rtcm src gnome org>]

commit 2a18eebadff97860593551052ffce1e6f27ca4c8
Author: Rui Matos <tiagomatos gmail com>
Date:   Thu Jun 13 16:59:12 2013 +0200

    sponsors: Add sponsor levels to the side div
    
    This adds the Gold level to the side bar and reduces the images to be
    both 250x86 since they were really too big and I think it looks better
    like this and with a bit of padding around.

 wordcamp-base/front.php                 |    8 ++++++--
 wordcamp-base/images/sponsor-google.png |  Bin 25698 -> 26747 bytes
 wordcamp-base/images/sponsor-redhat.png |  Bin 7849 -> 8756 bytes
 wordcamp-base/style.css                 |   24 +++++++++++++++++++++---
 4 files changed, 27 insertions(+), 5 deletions(-)
---
diff --git a/wordcamp-base/front.php b/wordcamp-base/front.php
index fd12ead..4663bef 100644
--- a/wordcamp-base/front.php
+++ b/wordcamp-base/front.php
@@ -32,8 +32,12 @@ while ( have_posts() ) : the_post();
         </div>
 
         <div class="sponsors-bar">
-            <img src="<?php echo get_bloginfo('template_url')?>/images/sponsor-google.png" alt="Google" />
-            <img src="<?php echo get_bloginfo('template_url')?>/images/sponsor-redhat.png" alt="Red Hat" />
+            <div class="sponsors-bar-title">Sponsored by</div>
+            <div class="sponsors-level">
+              <div class="sponsors-level-title">Gold</div>
+              <img src="<?php echo get_bloginfo('template_url')?>/images/sponsor-redhat.png" alt="Red Hat" />
+              <img src="<?php echo get_bloginfo('template_url')?>/images/sponsor-google.png" alt="Google" />
+            </div>
             <a href="<?php echo get_permalink(get_page_by_title( 'Sponsors' )); ?>" 
class="become-sponsor">Become a sponsor too!</a>
         </div>
        </div>
diff --git a/wordcamp-base/images/sponsor-google.png b/wordcamp-base/images/sponsor-google.png
index ae13d5e..ba3aeb7 100644
Binary files a/wordcamp-base/images/sponsor-google.png and b/wordcamp-base/images/sponsor-google.png differ
diff --git a/wordcamp-base/images/sponsor-redhat.png b/wordcamp-base/images/sponsor-redhat.png
index 1613aa0..48859bd 100644
Binary files a/wordcamp-base/images/sponsor-redhat.png and b/wordcamp-base/images/sponsor-redhat.png differ
diff --git a/wordcamp-base/style.css b/wordcamp-base/style.css
index f7ed9f5..6a7c09b 100644
--- a/wordcamp-base/style.css
+++ b/wordcamp-base/style.css
@@ -1574,12 +1574,30 @@ h1, h2, h3, h4, h5, h6, #site-title, #site-description, #access .menu, #access d
 }
 
 .sponsors-bar {
-    width: 310px;
+    width: 260px;
     float: right;
 }
 
-.sponsors-bar img {
-    padding-left: 10px;
+.sponsors-bar-title {
+    font-weight: bold;
+    color: #6b8e9f;
+    padding-bottom: 10px;
+}
+
+.sponsors-level {
+    text-align: center;
+}
+
+.sponsors-level-title {
+    font-weight: bold;
+    text-transform: uppercase;
+    text-align: center;
+    background: #6b8e9f;
+    color: #f5f5f4;
+}
+
+.sponsors-level img {
+    padding: 5px 0 5px 0;
 }
 
 .become-sponsor {