Reducing height in menu container

I have this height difference between the menu titles in my navigation bar and the social media icons on the right hand side (www.jessicabosse.com). Can anyone help put these in line?

Header code:
/* Header */
#header { padding: 0px 0 0px; }
#menu_container { padding-bottom: 30px; padding-top: 30px; margin: auto; list-style: none; }
#menu_container ul { margin: auto; text-align: center; position: relative; }
#menu_container ul li { display: inline-block; }
#menu_container ul li a { color: #494949; font-family: ‘AMATIC SC’; font-size: 24px; font-weight: normal; font-style: inherit; text-decoration: none; background-color: none; padding: 6px 6px; }

.header_social_icons_cont { float: right; margin-right: 5px; }
.header_social_icons_cont img { float: left; margin-right: 5px; }

Theme: http://www.dessign.net/grid-theme-responsive/