cB Resize Code, Trying to resize the far right module without messing with the right. Options

[livwho]

Okay, I'm just having a bit of trouble resizing the right module. It's the same width as my left, but I wan't it smaller.

Here's the code I'm using.

CODE

<CENTER><style type="text/css">
body{
background-color: #000000;
background-image: url("http://i20.tinypic.com/2unts7s.jpg");
background-repeat: repeat;
background-position: fixed;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
color: #FFFFFF;
}
textarea, input{background-image: url("");
color: #000000; border-width: 0px; border-color: #5b5959; font-weight:normal; color: #FFFFFF;}
.outerbox{ background-color: #5b5959; color: #FFFFFF; width: 400px;}
#footer{background-image: url("");}
.innerbox, .entrybox{color: #000000; background-color:transparent !important;}
.linkbox {color: #000000; background-color:transparent !important;}
.alertbox {color: #000000; background-color:transparent !important;}
.entrybox {color: #000000; background-color:transparent !important;}
li, li.top{color: #000000; background-color:transparent !important;}
.comment_body smaller grey, .comment_body{font:normal 10px tahoma; color:#FFFFFF; }
body,table, td, li, p, div, textarea
{font:normal 10px tahoma #FFFFFF;}
a, a:link,a:active,a:visited{font:normal 10px arial; color: #000000 !important;}
a:hover{cursor:crosshair; font:normal 10px arial; color:#000000 !important;}
b{ color: #FFFFFF;}
i{color: #FFFFFF;}
img {cursor:crosshair; }
</style></CENTER>

What is the code I need to use to minimize the right modules?