Removing space from left/right/top of site

I looked everywhere on this site for posts about trying to get rid of the excess space on the left, right, and top of my site.

This is the site:
https://www.becomingwethepeople.org/test/

I used a child theme to mess with the site more.

Here is the style.css in my child theme:

/*
Theme Name: Twenty Eleven Child
Template: twentyeleven
Version: 0.1.0
*/
@import url(“../twentyeleven/style.css”);

#body { padding: 0; }

#header {
background: none repeat scroll 0 0 #F0EDFF;
float: left;
margin: 0 0 0px;
width: 100%;
}

}
#access {
background: #0a0a0a; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#0a0a0a, #0a0a0a);
background: -o-linear-gradient(#0a0a0a, #0a0a0a);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0a0a0a), to(#0a0a0a)); /* older webkit syntax */
background: -webkit-linear-gradient(#0a0a0a, #0a0a0a);
-webkit-box-shadow: rgba(163, 0, 70, 0.4) 0px 0px 0px;
-moz-box-shadow: rgba(163, 0, 70, 0.4) 0px 0px 0px;
box-shadow: rgba(163, 0, 70, 0.4) 0px 0px 0px;
clear: both;
display: block;
position: absolute;
margin: 0px 0px 0px 0px;
width: 100%;
}
#access ul {
color: #a30046;
font-size: 13px;
list-style: none;
margin: 0 0 0 -0.8125em;
padding-left: 0;
}

If anybody could shed some light on my issue, I would greatly appreciate it.

Brandon