paulwpxp

It sound more like a setting issue rather than theme issue.

Try going to menu setting, delete the existing menu item called Blog, and then assign the newly created page called Blog.

The file path and source code doesn’t look like a WordPress site.

For general CSS questions, try CSS forum, you will get faster help and more details on the subject.

I’m going to center the menu but I know how to do that… What I need help with is to figure out how to get the menu, hover etc. in it’s spot. Right now it looks like it’s been “padded” out of place…

From what I see via Firebug, the ul doesn’t have CSS applied so it’s using browser’s default which is normal for ul to have margin and that’s the padding that you see.

To fix this just declare your own in the CSS like this

#navigation > ul { margin: 0; }

The space there is because of margin-bottom on #huge_it_widget-2 is not yet set to zero.

it’s id not class, so use this

#huge_it_widget-2 { margin-bottom: 0; }

Since you have Jetpack installed, so make sure to enable the Custom CSS module and use this code below in its setting page (Edit CSS).

To remove all those lines from the front page including also the comment link (Leave a comment), use this code:

.home.blog .entry-info { display: none; }

To keep the comment link, use this code:

.home.blog .cat-links,
.home.blog .tag-links { display: none; }
.home.blog .comments-link { overflow: hidden; }

To further remove some more space between posts

.home.blog .hentry { margin-bottom: 30px; }

(change 30px to your own)

First of all, remove margin-bottom -100px from .site-header

then apply display none to the .site-branding

(optional) remove margin bottom (set to zero) of #huge_it_widget-2

Use this code in Custom CSS option, if theme doesn’t provide just install one of those Custom CSS plugin.

#featured-slider { background: #000; }
#featured-slider img { opacity: 0.5; }

The code is to darkening the image in slider section. Change the value 0.5 to adjust darkness.