Ciao vallereale,
è abbastanza semplice. Il fondo è fatto da questa immagine bgcontainer.gif che se apri con un programma di fotoritocco vedrai essere fatta da due parti laterali grigio scuro e la parte centrale bianca. Inverti i colori e il più è fatto. Poi ricarichi l'immagine (stesso nome e stessa estensione)
Per il bordo devi intervenire qui:
.container {
.
border-bottom-color:#222222; <-------
border-left-color-value:#222222; <----------
border-right-color-value:#222222;
border-top-color:#222222; <---------
width:840px; <---- 980px
}
template.css (riga 63)
Naturalmente poi dovrai invertire anche i colori del testo, altrimenti non si leggerà nulla...

per allargare il template invece ci sono diverse misure da modicare:
sempre nel css sopra dove c'è width:840px; metti 980px. A questo punto quando rifai l'immagine devi farla 980px e non più 840px.
Poi qui:
.main {
float:left;
width:480px; <---- 620px
}
template.css (riga 98)
e qui:
.header {
.
width:640px; <---- 780px
}
template.css (riga 72)
Probabilmente è tutto. Tu comincia e poi vedi se c'è ancora qualcosa da sistemare... Nel caso puoi aiutarti con Firebug per Firefox.