Getting rid of table borders, How? Options

[RoyalRiver]

How can I make ALL the tables without the borders? I also want them to look like that picture above.

CODE

<style type="text/css">.userprofileurl {display:none;}</style><style type="text/css">.extendednetwork {display:none;}</style><style type="text/css">a.text, table div font a, table div div {visibility:hidden;}</style><style type="text/css">
table td table tr td.text table {visibility:hidden;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
</style><style type="text/css">div table tr td form{display:none;}</style><style type="text/css">.contactTable { display: none }</style><style type="text/css">
}
body {
scrollbar-face-color: ffffff;
scrollbar-highlight-color: ffffff;
scrollbar-3dlight-color: E5E5E5;
scrollbar-shadow-color: ffffff;
scrollbar-darkshadow-color: ffffff;
scrollbar-arrow-color: E5E5E5;
scrollbar-track-color: ffffff;
}
</style><style type="text/css">table.latestblogentry {display: none;}</style><style type="text/css">
body {background-color:;
background-image:url("http://images.codemylayout.com/myspace-layouts/images/layouts/1204518323-890-0.gif");
background-position:left;
background-repeat:repeat;
background-attachment:fixed;}

table, tr, td, li, p, div {font-family:Arial Narrow; color:000000; font-size:10px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

textarea, input {font-family:century gothic; color:000000; font-size:11px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

.nametext {font-family:georgia; color:black; font-size:30px; text-transform:lowercase; font-weight:normal; letter-spacing:-1px; line-height:25px; display:normal; text-align:center;}

.lightbluetext8 {font-family:century gothic; color:000000; font-size:10px; text-transform:lowercase; text-decoration:none; font-weight:normal; letter-spacing:-1px; line-height:12px;}

.blacktext12 {font-family:georgia; color:000000; font-size:12px; text-transform:lowercase; letter-spacing:-1.3px; text-decoration:none; font-weight:normal; line-height:12px;}

.blacktext10 {font-family:Arial Narrow; color:000000; font-size:9px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

.orangetext15 {font-family:century gothic; color:000000; font-size:9px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

.btext {font-family:Arial Narrow; color:000000; font-size:9px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

.redtext {font-family:century gothic; color:000000; font-size:12px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

.redbtext {font-family:century gothic; color:000000; font-size:12px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

.text {font-family:Arial Narrow; color:000000; font-size:9px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

.whitetext12 {font-family:century gothic; color:000000; font-size:11px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

a:active, a:visited, a:link, a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, a.redlink:visited, a.redlink:link {font-family:century gothic; color:black; font-size:11px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:10px;}

a:hover, a.redlink:hover {font-family:violation; color:000000; font-size:10px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:10px;}

a.navbar:hover {font-family:century gothic; color:black; font-size:9px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}
</style><style type="text/css">
.commentlinks a { font-weight:normal; font-size:9px; }
</style><style type="text/css">
body, html {visibility:visible !important; display:block !important}
</style><style type="text/css">
.commentlinks a { font-weight:normal; font-size:9px; }
</style><style type=text/css>
#tkn_leaderboard{visibility:visible !important; display:inline !important;}
body TABLE TD DIV#header_gae { VISIBILITY: visible !important;}

body DIV DIV select#profileaction{VISIBILITY: visible !important; display:inline !important; position:static; WIDTH: 125px !important;}
body DIV DIV DIV#profilelinks{ VISIBILITY: visible !important; display:inline !important; position:static; padding-right:15px; }

body DIV TABLE TD DIV#googlebar
{
VISIBILITY: visible !important;
display:block !important;
position:relative;
..;
}

body DIV DIV form #q,
body DIV DIV form #t,
body DIV DIV form #submitBtn,
body DIV DIV form #imgGoogle
{
VISIBILITY: visible !important;
display:inline !important;
position:static;
}

select {position:static !important; top:inherit !important;}

.photoDisplaySmall
{
width:56px;
}
div.photoThumbnail div.thumb
{
padding:0px !important;
border: none !important;
float: left !important;
}
</style><style type="text/css">
body, html {visibility:visible !important; display:block !important}
</style>

[miyashu]

find this part in your code:

CODE

table, tr, td, li, p, div {font-family:Arial Narrow; color:000000; font-size:10px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

and add in the code that miss hygienic gave you. make sure it's between the parentheses.

i'm just wondering but, do you have any codes in your interests or heroes section? if you do, could you please copy and paste those here? i just need to make sure that you're providing your entire code, not just the ones in the 'about me' section.