[guadec-web] Center the menu items vertically to the logo

[Rui Matos <rtcm src gnome org>]

commit b730f8e61b059d2de1c0e4794a2b427692040abe
Author: Rui Matos <tiagomatos gmail com>
Date:   Tue Apr 30 01:09:51 2013 +0200

    Center the menu items vertically to the logo
    
    This is fragile stuff. With these specific values I made it work on
    both Firefox and Chrome.

 wordcamp-base/lib/structure/class-wcb-header.php |    3 ++-
 wordcamp-base/style.css                          |   15 +++++----------
 2 files changed, 7 insertions(+), 11 deletions(-)
---
diff --git a/wordcamp-base/lib/structure/class-wcb-header.php 
b/wordcamp-base/lib/structure/class-wcb-header.php
index 2f0fa3c..a3c5aeb 100644
--- a/wordcamp-base/lib/structure/class-wcb-header.php
+++ b/wordcamp-base/lib/structure/class-wcb-header.php
@@ -11,7 +11,8 @@ class WCB_Header extends WCB_Element {
                        <a class="event-logo-link" href="<?php echo home_url(); ?>"></a>
                </div>
                <?php wp_nav_menu(array('menu'=>'main',
-                                       'container_class'=>'main_navigation'));
+                                       'container'=>'',
+                                       'items_wrap'=>'%3$s'));
                ?>
                <div class="clear"></div>
                <div class="grid_12 branding-buildings">&nbsp;</div>
diff --git a/wordcamp-base/style.css b/wordcamp-base/style.css
index 2f9e03b..235599c 100644
--- a/wordcamp-base/style.css
+++ b/wordcamp-base/style.css
@@ -1377,13 +1377,8 @@ code {
        width: 100%;
 }
 
-.main_navigation {
-       display: table-cell;    
-}
-
-.main_navigation li {
-       list-style: none;
-       display: inline;
+.menu-item {
+       display: table-cell;
        padding-right: 0.25em;
        padding-top: 40px;
        padding-bottom: 20px;
@@ -1392,12 +1387,12 @@ code {
        vertical-align: middle;
 }
 
-.main_navigation li:before {
+.menu-item:before {
        content: "• ";
 }
 
-.main_navigation a:link,
-.main_navigation a:visited {
+.menu-item a:link,
+.menu-item a:visited {
        color: #6b8e9f;
 }