Trying to customize my table sizes..., not working, possibly because of a prior code Options

[RhapsodyPhantom]

Here's the situation: I want to be able to customize the sizes of my tables on my page. As you can see the left side stretches way too much. Yeahhh.

Thing is, I've used a prior code that helps with your tables but I forgot where I found it. Some site somewhere. I can't use the codes provided here without starting from scratch.

So I'm asking how can I get around this problem. It's such a hassle if I started from scratch and customizing all the border sizes and colors and such...too much work!

Thanks in advance.

<style type="text/css">
body {
background-image:url('http://img207.imageshack.us/img207/21/fullmetalmoon6ko.jpg');
background-position:Top Right;
background-repeat:repeat;
background-attachment:fixed;
background-color:white;

border-width:20px;
border-color:000066;
border-style:solid; scrollbar-face-color:000066 !important;
scrollbar-track-color:000066 !important;
scrollbar-arrow-color:FFFF99 !important;
scrollbar-shadow-color:000066 !important;
scrollbar-3dlight-color:000066 !important;
scrollbar-darkshadow-color:000066 !important;
}
table, tr, td {background:transparent; border:0px;}
table table table {
border-width:1px;
border-color:CCFFFF;
border-style:solid;
cursor:Default;
}
table table table table {border:0px;}

input {background-color:transparent !important;}

td, span, div, input, a, table td div div font,
body div table tbody tr td font {
color:white !important; font-family: "Lucida Sans Unicode" !important; }
td, span, div, input, table td div div font,
body div table tbody tr td font {
color:white !important; }
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited, .btext, .redbtext, .nametext {
color:white !important; }
a {
color:FFFF99 !important; }
a:hover {
color:66CC99 !important; }
img {border:1px;}


.r{}
Table, Td{
background-color:transparent;
}

table table table{
width:100%;
background-color:000066;
}
a img {filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -khtml-opacity:0.6;}
a:hover img {filter:none; -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;} </style>

<style type="text/css">
table table{
background-color:transparent;
}
</style>

[*This Confession*]

its only stretched out because you have that little sign thing at the bottom of your left side tables..
you need to get rid of that to fix the problem

[RhapsodyPhantom]

Hmm I hope you're right. Okay, here's a different question: any way in moving that fridge thing to the right table? Possibly underneath the comments?

[GREASEbaby]

^No, I don't believe there's a way. The only way would to do that is to make a DIV Layout.