In Theme Twenty Eleven, how do I get rid of the gray area at the top and move everything on the page up? [closed]

Question

In Theme Twenty Eleven, how do I get rid of the gray area at the top and move everything on the page up?

The gray area here: https://img.skitch.com/20110808-ncu19ep6fw47s9pxhqxa99qmcb.jpg

Thanks,

Answer 1

On line 74 in style.css of twenty eleven theme

#page {
margin: 2em auto;
max-width: 1000px;

}

change with this:

margin: 0 auto 2em;

0 is for top, auto is for left and right, 2em is for bottom.

Answer 2

Add the following code to your style.css to remove the margin on top

#page {
    margin-top: 0;
}

Answer 3

Just go to your user profile in your admin dashboard and see Show Admin Bar and unchecked the "when viewing site" and click "update profile"