Center align the logo on Vantage Free

Hi,

I have scoured and implemented all the threads relating to centering the logo in my website. I am really sorry to have to open a thread about this, since it seems so obvious!

However, I just can’t get the logo to get into the middle of the page. It sticks to the left no matter what CSS codes I have pasted in that have worked for others.

Currently my CSS editor looks like this:

/* Vantage center align the main menu */
.main-navigation ul {
font-size: 0;
text-align: center;
}
.main-navigation ul li {
display: inline-block;
float: none;
font-size: 13px;
}
.main-navigation ul ul li { 
text-align: left;
}
/* Vantage Center Logo */
header#masthead hgroup .logo {
float: none !important;
}
header#masthead hgroup .logo img {
display: block;
margin: 0 auto;
}

Could you help? I just don’t know what to fiddle with to get this to align into the middle, along with the site message.

Any help would be appreciated!