#top div.main-nav {
position:absolute;
top:70px;
left:180px;
background:#F2F2F5;
width:99em;
}

And add this:

#top, #top .main-nav {
  width: 990px;
  margin: 0 auto;
  padding: 0;
}

To make the background color of the menu the same as the container just below it, add this:

#top div.main-nav {
  background: #F2F2F5;
}

The footer change didn't move the menu bar, if you remove the #footer-wrap block you added and check, you'll see that the menu is still offset. It was like that before. I'll need to do a little digging to try to figure out what's causing it not to line up like that.

Most of them worked fine! (and some where just me being blond)

But getting the blogroll back isn't that easy. There are quite many things I'm trying to hide. The page titles, post titles, post information fom the below, and the latest text from the home page. If I take the

h3.sub {
display:none;
}

away from the ccs editor, the latest text appears back. But not too much worry about that one. I think can live with out the blogroll title.

Also the thing I added for the footer area to make it smaller moved my menu bar also. With the menu bar I'm really in trouble cause it keeps moving all the time :(

Last: Is there any way to put Copyright -text at the bottom of the page?

Sure, one way would be to add it using a text widget.

Third: There are couple of images in the footer area that I have linked to other pages, but I can not find a place to change them to oppen in a new window. Now they oppen in the same window.

Those images were setup by adding image widgets.The image widget doesn't have an option to open links in a new page. What you could do is create a text widget instead and add the html to open a link in a new window manually.

Second: I think I have done something wrong because the title of the blogroll has desapeart from top of the list at the footer. Anyway to find out how to get it back?

In your custom CSS, this is making the "Blogroll" widget heading disappear:

h3.sub {
  display:none;
}

What were you trying to hide when you added that rule?

First. The footer area is too wide. Is there any way to make it the same wide as the actual box above it?

Try this:

#footer-wrap {
  width: 990px;
  margin: 0 auto;
}

I made my blog visible to everyone, so that it can be easier to answer the questions.

Many many thanks!

I have managed to do some changes to my blog, but there is still couple of things bugging me :)

First. The footer area is too wide. Is there any way to make it the same wide as the actual box above it?

Second: I think I have done something wrong because the title of the blogroll has desapeart from top of the list at the footer. Anyway to find out how to get it back?

Third: There are couple of images in the footer area that I have linked to other pages, but I can not find a place to change them to oppen in a new window. Now they oppen in the same window.

Last: Is there any way to put Copyright -text at the bottom of the page?

Thank you very very much!!

My blog is http://purenorth.org/