search within header

Hello!

I’ve just purchased the theme and will be going through the process of customizing the site. I’ve attached a photo of how i want it to be set up.

Website: http://www.vocha.ro

At the moment I want the following:
1. Move menu 20 px down.
2. Place the search fields above, similar to the snapshot on the whoop theme showcase.
3. Customize the sign-up button similar to the attach.
4. Below the header i want a background over which i want a menu to display. at the moment i just inserted a div with the image at the end of the header file (copied to my child theme folder). Ideally i would want it in the home.php file as the slider image will change and display different info according to each page (home/listing/search results/profile page)

Custom CSS i have at the moment:

#header{
margin: 0 auto;
}

#geodir_wrapper {
max-width: 1140px;
width: 100%;
}

/* menu top */
#mobile-navigation-left ul li a, .whoop-login-btn {
display: block;
padding: 0px;
text-decoration: none;
border-radius: 3px;
font-size: 15px;
font-weight: normal;
color: #fff;
margin-left: 40px !important;

}

No plugins except akismet, buddypress compliments and geodirectory.

I’m sure more will follow but for now let’s just tackle these ones. Thanks!