installier dir dochmal FIrebug. Dann siehst du dass der #outer-wrapper eine feste Breite hat.

Wie gut sind denn deine CSS Kenntnisse? Es werden hier manchmal Fragen zu bösen CSS Hacks gestellt, die ein bisschen Gehirnschmalz verbrauchen und die ich gerne beantworte.
Aber wie man nun ein DIV zentriert... das findest du auch selber heraus.

Naja, 1x noch:

Entfern mal diese ID

<div id="ArchiveList">
...
</div>

in der Datei ist es schonmal nicht

wenn du es nicht in einer anderen Datei findest und auch auf die CSS Definitionen von ArchiveLlist keinen Zugriff hast, musst du sie eben überschreiben:

Ich kenne das Template System doch auch nicht. Bau es halt mal ein und ich sag dir ob das in HTML gerenderte korrekt ist.