I replaced the images/logo.gif with my own graphic, and made a file called site-wide.css and it had either no effect, or not the desired effect. The graphic changed, I can see the top of my graphic in there, but the top section of the site cuts it off. I put this in my site-wide.css:
#attempt to make the logo area larger
#header h1 a {
text-indent: -999em;
background: url(../images/logo.gif) top left no-repeat;