layout help ~ Options

[squeex3]

This is my LJ.

For some reason the width of the whole .."thing" is alot bigger than i'd like it.
How do i change it ? .. Sorry, kinda new to LJ .

CODE

GLOBAL_HEAD<=
<title>innOcence. </title>
<style type="text/css">

<!--
tr.caption{display:none}
-->
</style>
<style type="text/css">
<!--
table table tr.caption td.caption{visibility:hidden}
-->
<style type="text/css">
<!--
body {
margin-top: 20px !important;
}
-->
</style>

<style type="text/css">
<!--
a:link { color: #bcbfcc; text-decoration: none;}
a:visited { color: #9f9f9f; text-decoration: none;}
a:active { color: #bcbfcc; text-decoration: line-through;}
a:hover { color: #caccd2; text-decoration: none; cursor: default; left:1px; position:relative; top:1px;}
-->
</style>

<style type="text/css">
<!--
/* displayed title of livejournal */
td.caption {
font-size:8pt;
font-family: "Georgia", "Arial", "Helvetica", sans-serif;
text-transform: lowercase;
}

/* display of date and time */
p .index {
font-size: 10pt;
font-family: "Century Gothic", sans-serif;
text-transform: uppercase;
letter-spacing: -1pt;
color: #888888;
text-align: right;
}

/* subject of journal entries */
p table table td.caption {
font-size: 10pt;
color: ##cafb8b;
font-family: "Century Gothic", sans-serif;
text-transform: uppercase;
text-align: left;
font-weight: bold;
letter-spacing: -1pt;
}

/* displayed text in journal entries */
td {
font-family: "arial", sans-serif;
font-size: 8pt;
line-height: 12pt;
background-color: #FFFFFF;
color: #222222;
text-align: justify;
}

/* currents (mood, music) and bottom banner navigation links */
table table table td.meta {
font-size: 7pt;
line-height: 12pt;
font-family: "century gothic", sans-serif;
color: #666666;
text-transform: uppercase;
}

/* comment links */
.comments {
text-align: right;
font-size: 10pt;
color: #cdfb8b;
font-family: "Century Gothic", sans-serif;
text-transform: uppercase;
letter-spacing: -1pt;
}

body {
margin-top: 20px;
text-align: justify;
background-color: #442A09;
background-image: url();
background-repeat: repeat;
background-attachment: scroll;
background-position: top left;
}
-->

<!--
/* change these numbers, must add up to 95% or less*/
table {
width: 66%;
margin-left: 10%;
margin-right: 10%;
}

/* do NOT change these numbers */
table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}
-->

<!--
table {
border: 1px dashed ##c9f052;
}
table table {
border: 0;
}
-->
</style>

<!-- code to replace displayed title in Generator style -->
<style type="text/css">

<!--
.shadowed td div {
visibility: hidden;
position: absolute;
top: 1px
}
-->
</style>

<xx-caption></caption>
<!-- start hide the defaults and make new links visible -->

<style type="text/css">

<!--
table table table table .meta {
visibility: hidden;
}
table table table table table .meta {
visibility: visible;
}
-->
</style>
<!-- end hide the defaults and make new links visible -->
<=GLOBAL_HEAD

LASTN_WEBSITE<=
<tr>
<td class="meta" colspan="5">

<!-- start new set of links -->
<table cellspacing="0" cellpadding="0" border="0" summary="">
<tr>
<td class="meta"></td>
<td class="meta" align="left"> <br><br>
Navigation<br>
> <a href="http://innocencex3.livejournal.com">recent</a><br>
> <a href="http://innocencex3.livejournal.com/profile">userinfo</a><br>
> <a href="http://innocencex3.livejournal.com/friends">friends</a><br>
> <a href="http://www.livejournal.com/tools/memories.bml?user=innocencex3">layouts and tutorials</a><br>
> <a href="http://urbn.onatopp.com">site</a>
</td>
</tr>
</table>
<!-- end new set of links -->
</td>
</tr>
<=LASTN_WEBSITE

FRIENDS_WEBSITE<=
<tr>
<td class="meta" colspan="5">

<!-- start new set of links -->
<table cellspacing="0" cellpadding="0" border="0" summary="">
<tr>
<td class="meta"></td>
<td class="meta" align="left"> <br><br>
Navigation<br>
> <a href="http://innocencex3.livejournal.com">hello</a><br>
> <a href="http://innocencex3.livejournal.com/profile">hello</a><br>
> <a href="http://innocencex3.livejournal.com/friends">hello</a><br>
> <a href="http://www.livejournal.com/tools/memories.bml?user=innocencex3">layouts and tutorials</a><br>
> <a href="http://urbn.onatopp.com">site</a>
</td>
</tr>
</table>
<!-- end new set of links -->
</td>
</tr>
<=FRIENDS_WEBSITE

CALENDAR_WEBSITE<=
<tr>
<td class="meta" colspan="5">

<!-- start new set of links -->
<table cellspacing="0" cellpadding="0" border="0" summary="">
<tr>
<td class="meta"></td>
<td class="meta" align="left"> <br><br>
Navigation<br>
> <a href="http://innocencex3.livejournal.com">recent</a><br>
> <a href="http://innocencex3.livejournal.com/profile">userinfo</a><br>
> <a href="http://innocencex3.livejournal.com/friends">friends</a><br>
> <a href="http://www.livejournal.com/tools/memories.bml?user=innocencex3">layouts and tutorials</a><br>
> <a href="http://urbn.onatopp.com">site</a>
</td>
</tr>
</table>
<!-- end new set of links -->
</td>
</tr>
<=CALENDAR_WEBSITE

~ layout by dooped. ~


If there's anything that you can spot which is messed up, lemme know ^_^

Help appreciated! ~

[Mulder]

CODE

table {
width: 66%;
margin-left: 10%;
margin-right: 10%;
}

change the width