.main-navigation {
	text-align: center;
}

.main-navigation ul {
	display: inline-block;
}

Thanks!

#navigation > .main-menu {
	text-align: center;
	height: 48px;
}

#navigation > .main-menu > ul {
	float: none;
	width: auto;
}

This will work to update the colors back to something more reasonable. Note that I made the colors a little darker because I thought it looked better but you can adjust the color codes to your liking:

#navigation {
	background: #5E164D;
	border-bottom: 1px solid #731b5f;
}

#navigation > .main-menu {
	background-color: transparent;
	background: -moz-linear-gradient(top,transparent 0%,rgba(0, 0, 0, 0.3) 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,transparent),color-stop(100%,rgba(0, 0, 0, 0.3)));
	background-image: -webkit-linear-gradient(top,transparent 0%,rgba(0, 0, 0, 0.3) 100%);
	background: -o-linear-gradient(top,transparent 0%,rgba(0, 0, 0, 0.3) 100%);
	background: -ms-linear-gradient(top,transparent 0%,rgba(0, 0, 0, 0.3) 100%);
	background: linear-gradient(to bottom,transparent 0%,rgba(0, 0, 0, 0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#731b5f',endColorstr='#5E164D',GradientType=0);
	position: relative;
}

#navigation > .main-menu > ul {
	background: none;
	filter: none;
}

#navigation::before, #navigation::after {
	background: none;
	box-shadow: none;
}

Because of the complexity of the layers of stuff in that menu, you may need to do a bit more experimenting to get it looking how you want.

I have spent the last 2 hours trying everything to center my main menu bar in the Delicacy Theme I am using. Nothing is working...

Right now, my menu maybe looks like it doesn't need centering because I have a lot of items in the menu, but I am about to delete one of the items from the menu, and the menu will then be geared left. Is there any way to evenly spread out and center the menu items in the navigation bar?

Mikayla

Right now, only 3 articles are displayed. Is there any way to increase this amount using css?

There isn't a way to change the number of recent articles in the Oxygen theme on WordPress.com because it is coded in to the PHP code of the theme itself and WordPress.com does not offer an option to change PHP theme code.

#branding .only-search #searchform {
	display: none;
}
#branding .only-search + #access div {
	padding-right: 0;
}

If you also want to center the menu, add this:

#access ul {
	width: 625px;
	margin: 0 auto;
	display: block;
	position: static;
	float: none;
}

.only-search #searchform {
display: none;
}

However, the menu does not use the additional room. It still wraps rather than using the full width. Can anyone tell me how to get the menu to use the full width when the search box is gone?

My blog is: http://duncan4nh.com/

Thanks,

Bill

.site-description {
text-align:center;
}

.site-title {
text-align:center;
}

Thank you very much for your help !

.main-navigation {
text-align: center;
width: 100%;
}

.main-navigation ul {
display: inline-block;
}

I have the issue and can't figure out how to do it with CSS (tried - among many others - NAV.site-navigation.main-navigation {text-align:center;}).

I've taken a look at your blog and it seems like you've suceeded. Could you help me with it too?

Thank you very much.

My blog: hendikaf.com

I just purchased the CSS upgrade for Oxygen theme.
I would like to center the main navigation menu that is under the header. Any help would be much appreciated! Thanks very much.