Single Column Profile

Put this at the end of your "Hero" section, or at the end of the last interest section that has information typed into it.

</td></tr></table>
</td></tr></table>
<br>
<table class="parent"><tr><td>
<div style="display:none">
<table><tr><td>
<table><tr><td>

That is the basic code - however, if you are using Internet Explorer, you will see that the sections which used to be on the left, are left aligned with the columns that used to be on the right. In firefox however, things look much more properly centered.

Optional

Here is some code that will move over those columns in Internet Explorer and fix a few other little discrepancies.

<style>
.a {make skinny}
table {width:0px;}
div table, table table {width:auto;}
.a {fix a few things}
.friendsComments td.text b,
.friendSpace td.text div {white-space:nowrap;}
.latestBlogEntry .btext {display:block;}
form, .latestBlogEntry br {display:none;}
.latestBlogEntry td {height:0px;}
.a {fix navigation bar}
.navigationBar table {padding-left:20px;}
.a {move over left side tables in IE and set the width}
.contactTable, table.userProfileURL, .interestsAndDetails,
.profileInfo {position:relative; _left:100px; width:300px;}
.a {fix myspace URL}
table.userProfileURL {visibility:hidden;}
table.userProfileURL table {visibility:visible; border:1px solid; border-color:6699cc; width:300px;}
table.userProfileURL table table {border:0px;}
.a {hide bottom links}
table table div {display:none;}
div table div, table table table div {display:block;}
</style>