Space navigation elements WordPress Twenty Ten Theme

I am building a site on the WordPress Twenty Ten theme. I would like to style the navigation bar so the tabs are spread out across the top but am at a bit of a loss. Here is the navbar: 开发者_运维技巧http://screencast.com/t/AbIPglmGtQ Here is the CSS: http://pastebin.com/pSnCGcrQ

Also, would anyone have a clue as to adding segmentation between the tabs ie" Home | About | Services?

Any help would be much appreciated. Would love to put a fork in this project before the holidays!

Alex

First of all, you'll probably want to create a Child Theme, because otherwise when TwentyTen is updated, you'll lose all of your customizations. As far as spacing them out - it depends... do you want them to be spaced without expanding the current width of each link, or do you want to expand each link's width also? Kind of confusing, but you can expand it by increasing the margin to something like:

margin: 0 15px;

But, that'll just spread them out more - the size of the links will stay the same. To change the size of the links, adjust the padding as well. I'd do a little combination of both.

For the separator, in header.php, appx line 85, you'll see something like:

<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>

change that to:

<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'after'           => '|', 'theme_location' => 'primary' ) ); ?>

That should add a | after each link on there. Hope that helps. Let us know!