No puedo reducir el ancho de un menu

[fefefefe]

Espero alguien pueda orientarme por que la verdad me estanque

es un theme para WP

Código:

<div id="nav">
	<div id="nav-content" class="clearfix">
	<?php 
	if ( function_exists('pixopoint_menu') ) {
		pixopoint_menu();
	} elseif ( function_exists('wp_nav_menu') ) {
		wp_nav_menu( array( 'sort_column' => 'menu_order', 'menu_class' => 'sf-menu menu clearfix', 'theme_location' => 'main-menu', 'fallback_cb' => 'arras_nav_fallback_cb' ) );
	} else { ?>
		<ul class="sf-menu menu clearfix">
			<li><a href="<?php bloginfo('url') ?>"><?php _e( arras_get_option('topnav_home') ); ?></a></li>
			<?php 
			if (arras_get_option('topnav_display') == 'pages') {
				wp_list_pages('sort_column=menu_order&title_li=');
			} else if (arras_get_option('topnav_display') == 'linkcat') {
				wp_list_bookmarks('category='.arras_get_option('topnav_linkcat').'&hierarchical=0&show_private=1&hide_invisible=0&title_li=&categorize=0&orderby=id'); 
			} else {
				wp_list_categories('hierarchical=1&orderby=id&hide_empty=1&title_li=');	
			}
			?>
		</ul>
	<?php } ?>
	<?php arras_beside_nav() ?>
	</div><!-- #nav-content -->

El tema es que la barra de menu NAV ocupa todo el ancho de la pagina y solo quiero que tenga un ancho determinado ,,, que tengo que cambiar

el clearfix dice esto

Código:

.clearfix:after  { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.clearfix  { display: inline-block; }
html[xmlns] .clearfix  { display: block; }
* html .clearfix  { height: 1%; }

[Patriarka]

supongo que el que contiene el menu el <UL>

entonces al style de ul agregale

max-width: tamaño en px;

[fefefefe]

Bienn!!!!!!!! pude achicar el ancho con esto

Código:

#top-menu, #nav  {
	max-width: 600px;

}

Lo que no puedo hacer ahora en centrarlo queda flotado a la izquierda y si le pongo float rigth se desconfigura todo :s

[fefefefe]

lo meti todo dentro de un div y le puse align center y funciono gracias