Different Sized Logo

Is there a way to use a different size logo? The logo size is pretty small for my liking and there is alot of unused space to the right. I tried to create a new longer logo but it just squished it to fit in the space. I even went into the .css file to modify the image size but it had no effect. Also when I add a bigger logo it screws up the top navigation menu completely. Is there a way to accomplish this?

Yes that is changed in index.php of template :


Extensions->Template Manager->hot_sportal , then click "Edit HTML".

Find this and change:
<div class="logo">
<a href="index.php"><img src="<?php echo $template_path ?>/images/logo_<?php if($transparentImage=="white") { echo "black"; }else{ echo "white"; } ?>.png" width="381" height="96" alt="joomla restaurant template" /></a>
</div>