Help resizing column Options

[caesura]

Hey.

I'm just having trouble resizing my righthand column using CSS. I've nabbed some code from a free layout website and mangled it to fit my own twisted devices (read: have NO idea what I'm doing) and just want to resize it to accommodate more text.

The page in question is this one.

I have some other issues as well, but that's the most irritating. The balance is wrong, and the text on the right is painful to read (I might switch off auto-caps too), but I may as well air the other issues too in the hopes someone is kind enough to offer help for those too.

The headline and location details are floating pretty pointlessly far from the default image. Is there a way of moving them closer or making the default image larger? Again, I guess I'm just looking for a better balance here.

The last issue I'm having is the contacts box. The site I grabbed the layout from apparently didn't use any images for the contact buttons, which I guess is fine, because I wanted the image that's there somewhere on the site clean like that anyway. But it would be nice to have a contact box. How can I get the contact images back, or preferably put my own ones in? And if I do that, can I then have the image that's there on the right hand side, perhaps underneath the Blog table?

Again, those last two are only minor concerns, I really just want to resize the table on the right. I don't really know the protocol for this, so I'm just gonna attach the code in a text file. Feel free to point and ridicule guys, I do the same thing to new people in my industry :)

Attached File(s)

 myspace.txt ( 4.89K ) Number of downloads: 2

 

[clarity]

If you don't mind, could you post your code in a post instead of attaching that file? I have this thing about downloading things.

[caesura]

Yeah sorry, just didn't want to spam up the page.

Please, by all means tear it apart. If there's anything that's thoroughly incorrect or could be optimised, let me know. As I said I stole the whole thing from some free-layout site. I know next to nothing about CSS, I miss the good 'ole days of straight HTML.


<style type="text/css">
body{
padding-left: 385px; }
</style>

<style type="text/css">
table, tr, td {
background-color: transparent;
border: none;
border-width: 0px;
}
body {
background-color: 000000;
background-attachment: fixed;
background-position: ;
background-repeat: no-repeat;

background-image:url(http://img54.imageshack.us/img54/4670/bg3jb5.jpg);

}
table table {
border: 0px;
}
table table table table {
border: 0px;
}
table table table {
border-width: 1px;
border-style: solid;
border-color: bfcc96;
padding: 1px;
background-color: d4deaa;

width: 100%;
}
form {border-width:0px; background-color:none;}
input {background-color:transparent !important;}
p {margin:0px 0px 1em 0px;}
u {text-decoration: none; font-size: 9px;}
img {border: none}
table, tr, td, table tr, table table, table table tr, table table td, table table table td, table table table

table, table table table table td {
border-style:none;
background-image:none;
background-color:transparent;
}
}
table table table td {
background-color: transparent;
}
table table table table td {
background-color: transparent;
}
td td td td {
width: 20%;
}
table, td {
width: 740px;
padding: 0px;
}
div table td font {
color: 000000;

}
a.text, table div font a, table div font, table div div {
visibility:hidden;
}
table, tr, td, li, p, div {

color: 8B1247;
font-family: Tahoma;
font-size: 8pt;
line-height: 9pt;

}
.btext {
color: 8B1247;
font-family: Tahoma;
font-size: 8pt;
line-height: 9pt;
text-transform: uppercase
text-transform: uppercase


}
.blacktext10 {
color: 000000;
font-family: Tahoma;
font-size: 8pt;
line-height: 9pt;
text-transform: uppercase

}
.blacktext12 {
color: 000000;
font-family: Tahoma;
font-size: 8pt;
line-height: 9pt;
text-transform: uppercase
}
.lightbluetext8 {
color: 000000;
font-family: Tahoma;
font-size: 8pt;
line-height: 9pt;
text-transform: uppercase
}
.orangetext15 {
color: 000000;
font-family: Tahoma;
font-size: 8pt;
line-height: 9pt;
text-transform: uppercase
}
.redtext {
color: 000000;
font-family: Tahoma;
font-size: 8pt;
line-height: 9pt;
text-transform: uppercase
}
.redbtext {
color: 000000;
font-family: Tahoma;
font-size: 8pt;
line-height: 9pt;
text-transform: uppercase
}
.text {

font-family: Tahoma;
font-size: 8pt;
line-height: 9pt;
color: 000000;
text-transform: uppercase

}
.whitetext12 {

font-family: Tahoma;
font-size: 8pt;
line-height: 9pt;
color: 2C720F;
text-transform: uppercase

}
a:active, a:visited, a:link {

font-family: Tahoma;
font-size: 8pt;
line-height: 9pt;
color: 2C720F;



}
a:hover {

font-family: Tahoma;
font-size: 8pt;
line-height: 9pt;
color: 2C720F;


}
a.navbar:active, a.navbar:visited, a.navbar:link {

color: 2C720F;

font-family: Tahoma;
font-size: 8pt;
line-height: 9pt;

}
a.navbar:hover {

color: 2C720F;

font-family: Tahoma;
font-size: 8pt;
line-height: 9pt;

}
a.redlink:active, a.redlink:visited, a.redlink:link {

color: 2C720F;

font-family: Tahoma;
font-size: 8pt;
line-height: 9pt;

}
a.redlink:hover {

color:2C720F;

font-family: Tahoma;
font-size: 8pt;
line-height: 9pt;

}
.nametext {

color: 0000000;

font-family: Tahoma;
font-size: 8pt;
line-height: 9pt;
text-transform: uppercase
}
</style>




<style type="text/css">
table table table td {
vertical-align: top ! important;
}
span.blacktext12 {
visibility: visible !important;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
font-size: 0px;
letter-spacing: -1px;
width: 600px;
height: 304px;
display: block !important;
background-image:url(http://img410.imageshack.us/img410/2208/comingsoongn5.jpg);
}
span.blacktext12 img {
display: none;
}
</style>




<style type="text/css">
.contactTable {
width: 320px !important;
height: 240px !important;
padding: 0px !important;
background-image:url(http://img410.imageshack.us/img410/2208/comingsoongn5.jpg);
background-attachment: scroll;
background-position: center center;
background-repeat: no-repeat;
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: bfcc96;
}
.contactTable table, table.contactTable td {
padding: 0px !important;
border: 0px;
background-color: transparent;
background-image: none;


}
.contactTable a img {
visibility: hidden;
border: 0px !important;
}
.contactTable .text {
font-size: 1px !important;
}
.contactTable .text, .contactTable a, .contactTable img {
filter: none !important;
}
.contactTable .whitetext12 {
display: none;
}
</style>