CSS Sidebar Size Error

I have been trying to edit the sidebars of my website to make them larger to take out some of the empty space between the sidebars and content area. I know about doing them in proportion with each other using the CSS percentages, adjusting the margin and content area etc. But when I try to adjust the sidebar on the right (which is the #secondary code) it doesn’t seem to do anything. #content and #extra-sidebar works just not the one. I am using wordpress 3.3.2 with all updates and the NomNom theme which is just Twenty Eleven with some extra bells and whistles.

This is the website I am working on https://joshscarttest.x10.mx/wp/
Here is the code I am working with

.three-column #page { max-width: 1000px;}
.three-column #primary {
float: left;
margin: 0 -26.4% 0 0;
width: 100%;
padding-bottom: 30px;
}
.three-column #content {
margin: 0 34% 0 26.4%;
width: 46.4%;
height: 400px;
background-color: #eaeaea;
border-top:solid #181818 20px;
-moz-border-radius: 15px;
border-radius: 15px;
box-shadow: 10px 10px 5px #888;
}
.three-column #secondary {
float: right;
margin-right: 2.6%;
width: 20.8%;
height: 400px;
background-color: #eaeaea;
border-style:solid;
border-width:2px;
border-color:#181818;
border-top:solid #181818 20px;
-moz-border-radius: 15px;
border-radius: 15px;
box-shadow: 10px 10px 5px #888;
}
.three-column #extra-sidebar{
position:relative;
float: left;
width: 20.8%;
margin-left: -70%;
height: 400px;
background-color: #eaeaea;
border-top:solid #181818 20px;
-moz-border-radius: 15px;
border-radius: 15px;
box-shadow: 10px 10px 5px #888;
}