Responsive Child theme – Align header logo and navigation menu

DESPERATE FOR HELP!

I’m trying to align the header logo and navigation menu at the top of the page with the logo on the far left and the menu beside it. How can I do this? I’ve tried floating the header left and floating the menu right but I think I’m not doing it right.

Here is the code..

#header{text-align:center;float:none; margin-bottom:0px}
#logo{float:none;}

a{color#0080ff}
a:hover{color:#0080ff;text-decoration:underline;}

.menu a {
line-height: 95px;
height: 95px;
text-transform:uppercase;
text-shadow:none;
color:#FFF;
border:none;
font-family: 'Lato', sans-serif;
font-weight:normal;
}
.menu a:hover,.menu .current_page_item a{color:#0080ff;background:none;text-decoration:none}
.menu{background:none;text-align:center;}
.menu ul{}
.menu li{float:none;display:inline-block;}
ul.menu > li:hover {background:none;}
.menu .current-page-ancestor a{color:#0080ff;}