comments, how do i make them closer together? Options

[AndiCandi]

I would like my comments to be displayed a little closer together. How would I do this?

This is everything I have for my comment code:

.comt {
visibility: visible; position:absolute; left:35.125%; bottom:10% overflow-x:hidden; overflow-y:auto; width:801px; height:400px;
border:30px solid; border-color:FF0099;
margin-top:-10px; margin-left:-214px; background-color:FFCCCC; font-family:Times New Roman;
}
.comt span, .comt b {color:000000 !important; visibility:visible !important; display:inline !important; }
.comt table { width:480px !important; }
.comt table table { width:0px !important; }
.blacktext10 { width:230px; display:block; }
.comt a, .comt font, .comt span { visibility:visible !important; }
.btext {display:none;}
.redtext {display:none;}
.redbtext {display:none;}
a.redlink:active, a.redlink:visited, a.redlink:link {display:none;}
a.redlink:hover {display:none;}
.comt b {position: relative; top: -50px;}

.r{ BOLD TEXT LEFT IN COMMENTS STAY PUT }
.comt td td td b {top: 0px;}

.r{ COMMENT TEXT }
.comt td td td, .comt td td td b {font-family: Bookman Old Style; font-size: 15px; color: 000000;}

.r{ COMMENT LINKS incl friend name }
.comt td td td a {font-family: Times New Roman; font-size: 12px; color: 000000; text-decoration: none; text-transform:lowercase}

.r{ Displaying 50 of XX comments ViewEdit All Comments }
.comt b, .redtext {display:none; visablity:hidden; font-family: Times New Roman; font-size: 15px; color: 000000; text-decoration: none; text-transform:lowercase;}

.r{ COMMENT DATE }
.blacktext10 {font-family: Bookman Old Style; font-size: 12px; color:000000;}
.comt img {width: 100px; max-width: 145px; width: auto;}
.comt a img {width: 70px; max-width: 145px; width: auto;}
.comt div img {width: 70px;}

Here's a link to my page:
Click Here

Any help would be appreciated, thanks!