... and for a great many things uses tables to do something USEFUL... Unlike the code for your page. EVEN IF you were doing tables for layout there is only ONE element on the template warranting the use of a table -- and yet you have EIGHT -- which is why you have 38k of markup doing 24k's job.
<table width="1024" border="0" cellspacing="4" cellpadding="4" align="center" bgcolor="#c6cedf">
<tr bgcolor="#6a7faa" class="top_nav_text">
<td colspan="3" align="center">
The Real News Post
<div style="font-size: 18px;">An online News magazine, powered by the Social Network, to get the TRUTH out™</div>
There is no bgcolor attribute -- that doesn't even belong in your HTML. Your outer table and colspan is a slew of markup for NOTHING and again is all stuff that has no business in the HTML. You have a obvious heading that you aren't styling as such.... and you've got presentation in your markup bloating it out for no good reason.
That's one giant wreck of markup for what likely should be just:
The Real News Post<br />
<small>An online News magazine, powered by the Social Network, to get the TRUTH out</small>
... or something to that effect. EVERYTHING else you are doing there goes in the CSS.
Oh, and you do know that 1024 width isn't 1024 friendly, right? Got to take 32-48px off for browser chrome.
SINCE WHEN?!? ON WHAT PLANET?!?
Proper heading use and orders allow for heading navigation on user agents that support it; not using presentational markup allows for separation of presentation from content -- a technique that not only makes it easier to skin but also SAVES BANDWIDTH by being able to cache most of your appearance/style.
They are NOT a matter of "ideology".
Gah, whatever. Go ahead and just vomit up more sleazy half-assed code then wonder why nothing works. Really pathetic when people are too lazy or shortsighted to learn to do a blasted thing properly... because of course less code with clear rules makes it HARDER to do.