Positioning logo in header changing background color of main area

Hi all!

I have installed WP a few days ago and played around with it. With the help of Dr. Google and this forum I figured out how to add an image to the header and how to change colors/spacing/borders/ect..

I am using the following theme: http://www.towfiqi.com/zenon-lite-free-wordpress-theme.html

You can find a screenshot of what I have so far here: https://www.dropbox.com/s/tnlqm3lajmgum64/Capture.PNG?dl=0

How can I change the position of my logo?
I have added it here:

<!--LOGO START-->
<div id="mylogo" style="center">
<img src="/WP/wp-content/themes/zenon_lite/images/defaults/gelo.png" alt="My Logo alt text" />
</div>
        <div class="logo">
        <h1><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo('name') ;?></a></h1>
        <div class="desc"><?php bloginfo('description')?></div>
        </div>
<!--LOGO END-->

Also, am struggling to find where I can change the background color of the main area!

Many thanks in advance!