You shouldnt be editing the vbulletin.css or vbulletin-chrome.css , your going to cause your self headaches upon every vbulletin update.

All css thats edited should be copied and pasted in to the additional.css which will override the vbulletin.css and vbulletin-chrome.css.

The additional.css template is not overwritten upon upgrades.

Good point. Maybe I shouldn't but I'm staying with 4.1.2 till the devil be pushing a snow blower in his place. Others that jump from version to version should use prudent measures to back up changes they have made. There has been much discussion about what some do in other threads here.

I see the <div class="body_wrapper"> set to be 1200px, but the <div class="above_body"> is not. Your navbar and search stuff is all located in the above_body section and set to be 100%.

The above_body is not set to 1200px because I want it to be 100% of the page. I want the header and navbar both to be 100% as far as the background images and red line (border). But I want the content inside to be at 1200px. Basically I need the whole above_body to be 100%, but the logo, nav links, search box, and links underneath to be within the 1200px range. As I said above, I managed to get everything but the search box and underneath links (whatever they are called) to be within that width using my new <div> mylayout. I'm thinking that the search and underneath links must be inside of some parent property....

Wonder how that's gonna look on a 800px wide browser.

You wrote:
Those items are in the <div class="above_body"> and that is why they are not within the 1200px.

So are the header and navbar, but I those into my own <div> to make them at the 1200px. The search box and underneath links were also placed in that div i created (which is inside of above_body). But they won't display right still..

I don't know if you guys get what I'm saying :(