Ciao wagger,
non è che sia il massimo adattare un temlate come Beez_20 per quel tipo di soluzione. Magari puoi trovarne uno già predisposto... Inoltre con gli aggiornamenti (non tutti...) dovrai poi ricaricare i css. E, visto che stai cominciando, perché non usi la 3.2?
In ogni caso devi cominciare a correggere tutto il blocco:
#all { margin: 0 auto; padding: 0; text-align: left; width: 100%;}
position.css riga 32
Poi l'header:
#all #header .logoheader { background: url("../images/personal/personal2.png") repeat scroll center top rgba(0, 0, 0, 0); color: #FFFFFF; margin: -90px 10px 0 !important; min-height: 230px; width: 100%;}
personal.css riga 91
ho messo un repeat all'immagine per farti vedere l'effetto, naturalmete ne devi fare una adatta e togliere il repeat.
e via di seguito per gli altri blocchi.