Here find this part of the code

[code:1]#logo {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:«»padding;
background:transparent url(templates/coolness/images/logo.png) no-repeat scroll 2px 2px;
width:180px;[/code:1]

the width is at the bottom change to what you like.

I uploaded the logo image right into the template images folder.

I copied that code into the CSS but it and even though i extended the width to 300px it has not expanded the logo box?

I checked and your logo was hidden find this code in your css file and replace it with whats in the box it should then display correctly in your site.
[code:1]#logo {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:«»padding;
background:transparent url(images/stories/test.png) no-repeat scroll 5px 5px;
width:325px;[/code:1]

so i copied the code in but it stills seems to have made no difference I think i must be missing some think somewhere?