wordpress: allineamento centrale e colonne

[evan75]

ciao a tutti.

sto cercando di modificare in ogni sua parte un theme di wp.
è la prima volta che uso wp e non ho nessuna esperienza di php, però finora, nonostante alcuni intoppi, mi sembra di essere riuscito a risolvere gran parte dei problemi.

ora sto cercando di portare la sidebar nel footer.
la sidebar originale era composta da due colonne.
sto cercando di inserirne una terza e vorrei che queste 3 colonne fossero centrate ed equidistanti tra loro.

mi trovo in questa situazione:

[evan75]

questo è quello che vorrei avere:

[evan75]

il codice del footer è questo (ps. sto modificando un codice di un tema gratuito, quindi i nomi dei div possono non essere azzeccati )

pagina FOOTER.PHP

<div id="footer">
    <div class="footer-text"> <span>Copyright &copy; 2009. Nome e Cognome [url="<?php bloginfo('url'); ?>"][/url]. Powered by [url="http://wordpress.org"]WordPress[/url].</span> [i]WordPress Theme by [url="http://www.webartists.it"]webartists[/url][/i] </div>
   
<div id="right-col1">

                     
        <div id="sidebar">
          <h3>contenuti e links</h3>

             <?php include('sidebar-left.php'); ?>
                <?php include('sidebar-center.php'); ?>
            <?php include('sidebar-right.php'); ?>  
                
        </div>  
           
</div> 



</div>

in questa pagina ho aggiunto la parte "sidebar-center"
-ho creato la pagina php esattamente uguale alla sidebar right con la sola differenza che ho cambiato i valori 2 presenti con 3.

<div id="sidebar3">
    <ul>
    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar3') ) : ?>
        <?php wp_list_bookmarks(); ?>
    <?php endif; // end of sidebar3 ?>  [/list]

</div>

il css (posto solo la parte relativa alla sidebar nel footer

#footer #right-col1 {
    width: 100%;
    margin-top: 50px;
    text-align: center;

#footer #right-col1 #sidebar {
    width: 100%;
    margin-top: 50px;
    text-align: left;
}

#footer #right-col1 #sidebar #sidebar1 {
    float: left;
    width: 300px;
    padding-left: 70px;
}

#footer #right-col1 #sidebar #sidebar2 {
    float: left;
    width: 300px;
}

#footer #right-col1 #sidebar #sidebar3 {
    float: left;
    width: 100px;
    padding-left: 70px;
        padding-right: 70px;
} 

1. le mie domande: come allineare i 3 elementi centralmente?
2. come fare comparire nel pannello amministrazione sotto la sezione widgets, la sidebar3 per poterla aggiornare /modificare?

grazie a tutti

[evan75]

le immagini sopra si riferivano ad un codice leggermente errato. il codice postato è l'ultima versione, grazie al quale sono riuscito a dare un padding equidistante agli elementi.
non mi resta che centrarli e capire come fare ad inserire la sidebar3 nel pannello widgets.
grazie a tutti coloro che vorranno aiutarmi