Image Logo

[Picasso]

Hello everyone!
How can I add a image logo in Innovation theme style.css?
Perhaps I need to change something in the block?:

Code:

/* HEADER: logo */
header #logo {
    position:absolute;
    top:20px;
    left:0;
    font-size:35px;
    white-space:nowrap;
    color:#fff;
    font-family: 'Yanone Kaffeesatz', arial, helvetica, sans-serif;
    text-transform:uppercase;
    text-shadow: 1px 1px 0px rgba(0,0,0, .4);
}
header #logo:link,
header #logo:visited,
header #logo:hover,
header #logo:focus {
    text-decoration:none;
}

[Timbow]

Best first copy and rename the whole theme and activate your new custom theme in the back end, otherwise updating your GS version could cause difficulties. Then put your logo image in the theme /images folder named say logo.png
Then alter the html of the template, so the file header.inc.php, line 46:

Code:

<a href="<?php get_site_url(); ?>" id="logo" ><?php get_site_name(); ?></a>

change to

Code:

<a href="<?php get_site_url(); ?>" id="logo"><img src="<?php get_theme_url(); ?>/images/logo.png" alt="<?php get_site_name(); ?>" /></a>

Then edit your css to size and position the image, so maybe

Code:

header #logo img {
    position:absolute;
    top:20px;
    left:0;
    height:35px;
    width: auto;
}

[Picasso]

It works =)
and yes, I copy Innovation theme and rename it.
Thank you!