Main menu alignment and page top margin.

Hi.

1) I’ve used the following code in CSS to fix the header at 58px height. Unfortunately the pages still maintain a margin at the top, equal to the original height of the menu, which leaves a gap between the current header and the top of the page content. What code can I use to make the page top margin equal 58px?

2) My menu (‘Logo right, menu left’) is not aligned with the 1030px page element width, and sticks out a bit to the the left (about 10px?). How do I change the header width to align perfectly with the page width?

Thanks

@media only screen and (min-width: 768px) {

/*default header: main logo and main menu height. increase max value if you want to use a bigger logo*/
#header_main .container, .main_menu ul:first-child > li a {
height: 58px !important;
line-height: 58px !important;
}

/*header with social icons: */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a {
height: 58px !important;
line-height: 58px !important;
}

/*header with social icons and bottom nav */
.bottom_nav_header.social_header #header_main .container {
height: 58px !important;
line-height: 58px !important;
}

.fixed_header #main {
padding-top: 58px;
}

.fixed_header.social_header #main {
padding-top: 90px;
}

}