A problem that comes up every so often on the Movable Type forums is the mixing of recently upgraded system, old Movable Type version 3.x templates and Movable Type version 4 stylesheets. In layman terms "The layout is buggered" or "The syles don't show".
A reason for this is that a number of the divs (html code that allows use to define parts of a page) had their names changed from a functional name such as banner to a semantic name such as header, so your site looks as if it has lost its style. At this point you have three choices:
- Start from scratch using new templates and new stylesheets.
- Rename all the styles in the stylesheets.
- Rename all the divs in your templates.
Each option has it's pros and cons. If you start from scratch you will have to redo any additional customisation you have made. If you rename the styles in the stylesheet upgrades may overwrite them, my preferred option is to rename the divs in the template. the following is a non exhaustive list of name changes
banner -> header banner-inner -> header-inner banner-header -> header-name banner-description -> header-description pagebody -> content pagebody-inner -> content-inner
Also the names of the various layouts have been shorten, see my previous post Changing Number of Columns on a Page