Around line 232 – “.header-image #title-area, .header-image #title, .header-image #title a” change the float to float: none; and change the width to 100%
For the image that you are linking to in the css, you need to center it. Its probably easier to just specifically type background-image: url(image-link.jpg); then background-position: center; background-repeat: no-repeat; …….etc
.header-image #title-area {
background-image: url(images/logo.png);
background-position: center;
background-repeat: no-repeat;
}
Then you’ll need to make the header right widget area center by adding “text-align: center;” as well as “clear: both;” and changing the “float: right” to “none” etc.
Outcome – http://i.imgur.com/W82Xo.png
