Reply To: hover color behind header widget navigation

First you’ll need to remove the padding for the top and bottom of the .site-header which should be around line 1908 in your css –

.site-header .wrap {
    padding: 0;
}

Then adjust the padding for the .genesis-nav-menu around line 2032 (example below) –

.genesis-nav-menu a {
    border: medium none;
    color: #990000;
    display: block;
    font-weight: 400;
    padding: 30px 13px;
    position: relative;
}

Next you’ll notice you need some padding on top of .title-area directly –

.title-area {
    float: left;
    font-family: 'Questrial',sans-serif;
    font-weight: 700;
    padding: 20px 0 0;
    width: 360px;
}