3) and get rid of the lines beside and surrounding the menu

To remove the horizontal line behind the main menu and the lines between main menu items in the Photographer theme, you could add this css to your Appearance → Themes → Customize → CSS panel:

#navbar {
	background: none;
}

.main-navigation ul li {
	border: none;
}

2) more space between the words

The space between the main menu items in the Photographer theme is setup using padding around the links. You can adjust it using CSS like this:

.main-navigation ul li a {
	padding: 0 25px 0 25px;
}

Change the 25px values to different numbers until you find the spacing that you think works best.

1) a modern sans serif font

First, I would recommend trying the custom fonts tool in Appearance → Custom Design → Fonts to see if you can find a modern font you like there. You would need to set the font as the "Body Text" but then you could apply a new font rule to override the other body text later if you wanted to set those back to something more common/standard.

Another option would be to target the fonts in just the main menu only, and you could use a normal font stack:
http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

Here is an example that will change just the main menu fonts in the Photographer theme using a standard font stack:

#navbar {
	font-family: “Century Gothic”, “Apple Gothic”, sans-serif !important;
}

http://designlinewaiheke.wordpress.com/

I am trying to change the style and size of the font in the menu bar however even in the CSS style sheet is only seems to allow two options for fonts (neither of which I would like to use)

http://designlinewaiheke.wordpress.com/

Is there any way I can continue to use the Blissful theme and somehow change the menu
1) a modern sans serif font
2) more space between the words
3) and get rid of the lines beside and surrounding the menu

thank you very much in advance to anyone who is able to help :)

#featured-content .entry-wrap {
	height: auto;
}

You'll see some strange background stuff appear if you do that, so you can override that and reset the background color to your background color like this:

#featured-content {
	background: #01576f;
}

Last, each featured post box has some padding at the bottom of one of it's inner elements (class="entry-summary") and you can remove that padding like this:

#featured-content .entry-summary {
	padding-bottom: 0;
}

Let me work on it a bit.

Thank you...

Please Please I need Help....

The blog I need help with is deepriverspringsestates.com

#primary {
padding-top: 0;
}

#content-sidebar {
padding-top: 0;
margin-top: -2px;
}

The blog I need help with is deepriverspringsestates.com

Cheers
Martin(IQ)

I've let the team know about the spacing issue you found with the admin bar. I can confirm that I get the expanded spacing on that menu too, so hopefully they'll correct this in a future update.

Thanks for letting us know!

the "wp-admin-bar-newdash" popup menu in the admin bar (hover over the WordPress icon on the left in the admin bar) suddenly got a 12px padding via CSS Code. I think it's because of the following code:

.admin-color-mp6 #wpadminbar #wp-admin-bar-newdash ul a, .mp6 #wpadminbar #wp-admin-bar-newdash ul a {
padding: 12px;
}

This means a lot of white space between the menu entries and a very long menu. Can this be fixed? Bear in mind I'm using the new dashboard design by enabling the checkbox at Users → Personal Settings → Admin design.

(Cache & Cookie have been deleted; using Firefox 21.0 on Ubuntu 12.04 LTS)

Cheers
Martin(IQ)

#selector{
width:  1050px;
}

Please remember to remove the original code you added for the #access, #main, and #footer selectors as it is unneeded and in order to avoid any confusion when editing the code in future.

As a side note, I would recommend using a maximum width of 1000px for your website. A majority of desktop users have screen size of 1024x768, thus a web page with a width of 1050px may not display as desired on their screens.

Hope this helps. :)

Try updating to something like this:

transparent url('http://carvingnaturedotnet.files.wordpress.com/2013/04/menu-separator.png?w=8') no-repeat 0 25%;

Adjust the "25%" value as needed.

See this for more info. about the "background" shorthand property:
http://www.w3.org/TR/CSS2/colors.html#propdef-background

If you see on the new version of the blog, the menu items don't align perfectly with the separators (the latter could do with begin moved down a few pixels).

margin-bottom: 40px;

Here is the original image: http://s0.wp.com/wp-content/themes/pub/oxygen/images/menu-separator.png .

.main-navigation li {
background: url("URL OF IMAGE") no-repeat scroll left 15% transparent;
}

1. Is there any way to change the color of the "/" markers in the primary menu? As you can see, I have added a black background to the primary menu, but this means the "/" markers you normally get with Oxygen are not visible. Can their color be changed to make them visible? If so, how?

2. Does anyone know how I can increase the white space (padding?) below the primary menu on Oxygen? On the site, I want the white space between the menu and the content below to be the same length as the white space between the menu and the header above.

aside .widget-wrap {
background: none;
border: none;
}

If you also want to get rid of the background on the widget titles, add this also:

aside h3.widgettitle {
background: none;
}

In a related question, how do I remove the chunky gray border around all of my widgets so that it is the same thin border that's around my image widgets?

.widget-wrap li {
margin: 0 !important;
}

This does not affect the text widgets that you have the iframe code in (Vintage and In Your Dreams). The size of the image for those is set in the iframe code and you would have to edit those. I would suggest getting rid of the height and then just setting a width for the images in those.