Blog table on profile slightly to the right of all other tables., I need help centering the Blog table with the extended network table a Options

[WowYoureCute]

My Myspace code is:

CODE

<style type="text/css">
.r{}
body {
  background: 46382F;
  background-color:46382F;
  background-position:center center;
  background-repeat:repeat;
  scrollbar-arrow-color: E8D116;
  scrollbar-track-color: 493B31;
  scrollbar-shadow-color: 46382F;
  scrollbar-face-color: 46382F;
  scrollbar-highlight-color: 46382F;
  scrollbar-darkshadow-color: 46382F;
  scrollbar-3dlight-color: 46382F;
  border: none;
  font-family: arial;
  font-size: 8pt;
  color: FFFFFF;
  line-height: 10px;
  padding-left: 3px;
  padding-right: 3px;
  cursor: crosshair;
  text-align: justify;
  }

table, tr, td {
  background-color: 46382F;
  border: 0px;
  }
  
table table table {
  background-color: 493B31;
  }

table table table td {
  background-color: 493B31;
  }
  
table table table table {
  border: 0px;
  }

table table table table td {
  filter: none;
  }

input, select, textarea, .textfield, .button {
  font-family: arial;
  font-size: 8pt;
  color: FF7595;
  border: 41342C 1px solid;
  background-color: 493B31;
  text-align: justify;
  padding-left: 3px;
  padding-right: 3px;
  }

td, span, div, a, font, p{
  font-family: arial;
  font-size: 8pt;
  color: FFFFFF;
  font-weight: normal;
  line-height: 10px;
  }

td, span, a, font {
  text-align: justify;
  }

.text {
  font-family: arial;
  font-size: 8pt;  
  color: FFFFFF;
  font-weight: normal;
  text-align: justify;
  line-height: 10px
  }

b, strong, .btext {
  font-family: arial;
  font-size: 8pt;
  color: FF7595;
  font-weight: bold;
  text-align: justify;
  }

i, em, .itext  {
  font-family: arial;
  font-size: 8pt;
  color: CF8697;
  text-align: justify;
  }

u, s, .stext, .sbtext, .swtext {
  font-family: arial;
  font-size: 8pt;
  color: B2566B;
  text-align: justify;
  }

.bwtext, .rtext, .rbtext, .subhead{
  font-family: arial;
  color: FF7595;
  font-size: 8pt;
  font-weight: bold;
  text-align: justify;
  }

.head11, .text11{
  font-family: arial;
  color: FFFFFF;
  font-size: 8pt;
  }

.redbtext, .redtext {
  font-family: arial;
  font-size: 8pt;
  color: FFF075;
  }

.orangetext15 {
  display: none;
  }

.lightbluetext8 {
  font-family: arial;
  text-transform: uppercase;
  font-size: 8pt;
  color: FFF9C5;
  border: FFF075 1px solid;
  font-weight: bold;
  text-align: center;
  width: 100%;
  }
  
.blacktext12 {
  display: none;
  }

.whitetext12 {
  font-family: arial;
  text-transform: uppercase;
  font-size: 8pt;
  color: FF7595;
  font-weight: bold;
  background-color: 46382F;
  text-align: center;
  width: 100%;
  }

.nametext, .blacktext10 {
  font-family: arial;
  text-transform: uppercase;
  font-size: 8pt;
  font-weight: bold;
  background-color: 35281F;
  color: FF7595;
  line-height: 9pt;
  padding-left: 2px;
  padding-right: 2px;
  width: 100%;
  text-align: center;
  }

a, a:link, a:active, a:visited, a.readmail, a.readmail:link, a.readmail:active, a.readmail:visited, a.redlink, a.redlink:link, a.redlink:active,

a.redlink:visited, a.man {
  font-family: arial;
  font-size: 8pt;
  color: FFF075;
  text-decoration: none;
  font-weight: normal;
  cursor: crosshair;
  }

a.navbar, a.navbar:link, a.navbar:active, a.navbar:visited {
  font-family: arial;
  font-size: 8pt;
  color: FFF075;
  text-decoration: none;
  font-weight: normal;
  cursor: crosshair;
  text-align: center;
  }

a:hover, a.readmail:hover, a.redlink:hover {
  font-family: arial;
  font-size: 8pt;
  color: E8D116;
  background-color: 41342C;
  text-decoration: none;
  cursor: ne-resize;
  }

a.navbar:hover{
  font-family: arial;
  font-size: 8pt;
  color: E8D116;
  background-color: 41342C;
  text-decoration: none;
  font-weight: normal;
  cursor: ne-resize;
  }
  
a:link img, a:visited img  {
  filter: gray;
  cursor: crosshair;
  }

a:hover img {
  filter: none;
  cursor: ne-resize;
  }

table.grey, tr.grey, td.grey{font-family:arial;
font-size:8pt;background: transparent;border:454545 0px solid;}
table.white, tr.white, td.white{font-family:arial;
font-size:8pt;background: transparent;border:454545 0px solid;}
table.accent_light, tr.accent_light,
td.accent_light{font-family:arial;
font-size:8pt;background: transparent;border:454545 0px solid;}
table.accent_dark, tr.accent_dark,
td.accent_dark{font-family:arial;
font-size:8pt;background: transparent;border:454545 0px solid;}
table.action, tr.action, td.action{font-family:arial;
font-size:8pt;background: transparent;border:454545 0px solid;}
table.blue_light, tr.blue_light,
td.blue_light{font-family:arial;
font-size:8pt;background: transparent;border:454545 0px solid;}
table.blue_dark, tr.blue_dark, td.blue_dark{font-family:arial;
font-size:8pt;background: transparent;border:454545 0px solid;}
</style>

What the layout looks like.

As you can see, the section where it shows your blogs is slightly to the right of everything else. However, it looks more centered with the whole page than the other tables. Preferably, I would like to move everything else to the right so they are completely centered and everything is even. If that's not possible, then I would just like the Blog table to be even with the others.

Also, when viewed in Internet Explorer (as opposed to Mozilla Firefox) there is a black and white overlay over pictures that link you to something else. I'm not sure which part of the code deals with that, but I would like it removed.

Thank you for your help!
Whitney.