http://screencast.com/t/RIJBHgjRUj take a look at it

you mean width of block with "use recycle and fund" ?

Yes the width of the block, but on the left hand side

/views/default/css.php

#elgg_topbar_container_right {
    float:right;
    height:24px;
    position:absolute;
    right:0px;
    top:0px;
    /* width:120px;*/
    text-align:right;

see the width commented out ?

removethe "/*" and the "*/"

then play with the value, eg width:120px;  ;- )

not working for me, i was not able to make any changes

hmm?

i made the changes you mentiond above, but it did not work for me

sorrry ;-)

wrong code area

#elgg_topbar_container_left {
    float:left;
    height:24px;
    left:0px;
    top:0px;
    position:absolute;

    width:120px;

    text-align:left;
    width:60%;
}

still not working. what i want to move is the black bar from the left hand side. Thanks again

@ash, if you want to move the Topbar to center, it is simple. Go to views/default/pageshells/pageshell.php
move the code : <?php echo elgg_view('page_elements/elgg_topbar', $vars); ?>
to above the code :
<?php echo elgg_view('page_elements/header_contents', $vars); ?>

So the Topbar is below Header now. So the Topbar width size will be the same as header width size already.

Demo at plekz.com