Comments Area Options

[The_AZN_Godfathe...]

My xanga's comments area is a bit messed up... The comments are small and all out of place and everything. I'm thinking there's something wrong with my HTML coding or margins or something.

Help would be great.

My Xanga

If you look where the comments are, you'll see the problem.

If I need to post my HTML, tell me.

Thanks.

[The_AZN_Godfathe...]

This isn't all of my coding, but I'm pretty sure it's all you'll need.

If you do need more coding, tell me.

<style type="text/css">
table.navigation, table.footer { display:none; }
</style>

<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone,
/* width of the comment page */
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>


<style type="text/css">
/* The_AZN_Godfather v.2 - By Arjuna Capulong*/
body
{background-color: #COLOR CODE;

scrollbar-arrow-color: #0080ff;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000;}

/* edits the date */
div.blogheader, .caption
{background-image: url();
background-repeat:no-repeat;
background-position:center;
font-family: Century;
text-transform:none;
font-size:18px;
line-height:#px;
font-weight:normal;
color:#FFFFFF;
letter-spacing:2px;
background-color:#COLOR CODE;
text-align:Left;
border:0px solid #COLOR CODE;}

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #COLOR CODE;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: #px solid #COLOR CODE;
font:normal #px FONT FAMILY;
background-color: #COLOR CODE;
font-color:#COLOR CODE;}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url();
background-color:none;
color: #COLOR CODE;
font: bold #pt FONT FAMILY;
text-transform: none;
text-align:center;
border: #COLOR CODE #px solid;}

table.left {
/* this edits the menu module */
width:180px;
color:000000;
background-color:#COLOR CODE;
BORDER: #COLOR CODE #px solid;}

font,td,p,xmp
{color:#COLOR CODE;
font-face: FONT FAMILY;
font-weight:normal;
font-size:#pt;
text-align:justify;}

table.blogbody tr td {
/* this edits the left margin of blog */
width:290px;
padding-left: 0px;}

table.blogbody {
/* this edits the other the place where the  blog is */
background-color:transparent;
family-font: FONT FAMILY;
BORDER: #COLOR CODE #px solid;
width: 300px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */

a:link
{line-height: #pt;
font-family: FONT FAMILY;
font-weight:normal;
color:#COLOR CODE;
text-transform:none;
font-size:#pt;
cursor:crosshair;}

a:active
{font-family: FONT FAMILY;
color:#COLOR CODE;
text-transform:none;
font-size:#pt;
cursor:crosshair;}

a:visited
{font-family: FONT FAMILY;
color:#COLOR CODE;
text-transform:none;
text-decoration:strikeout;
font-size:#pt;
cursor: crosshair;}

A:hover {font-family:FONT FAMILY;
color:#COLOR CODE;
text-transform: uppercase;
cursor: crosshair;
font-weight:bold;
font-size:#pt}</style>

<style type="text/css">
a:hover {
border-left: 1px solid #0080FF;
border-right: 1px solid #0080FF;
color: #FFFFFF;
font: Time New Roman 6pt;
text-decoration: none;
cursor: crosshair;
text-transform: lowercase;
}</style>

<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone,
/* width of the comment page */
{width:260px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer, .mainleft
{display: none;}
</style>