Font help...! Options

[kirjava17]

Alright, I'm making a free xanga layout for my site, and unfortunately, I can't code it right to make the blog's font right. I don't know what's wrong with it...

http://www.xanga.com/sniffles_about_snuffles
I want the font in the blog to look like the font in the navigation bar.

Here's my entire code:

CODE

<div style="margin-left:-10px; margin-top:0px;">
<IMG SRC="http://i59.photobucket.com/albums/g314/k17_3/hermione1.jpg" WIDTH=800 HEIGHT=560 BORDER=0 ALT="" USEMAP="#hermione1_Map">
<MAP NAME="hermione1_Map">
<AREA SHAPE="rect" ALT="enter" COORDS="113,484,146,498" HREF="http://www.xanga.com/signin.aspx">
<AREA SHAPE="rect" ALT="profile" COORDS="150,484,187,499" HREF="http://www.xanga.com/profile.asp?user=YOUR XANGA NAME">
<AREA SHAPE="rect" ALT="subscribe" COORDS="192,485,248,499" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURUSERNAME">
<AREA SHAPE="rect" ALT="guestbook" COORDS="253,485,314,499" HREF="http://www.xanga.com/guestbook.asp?user=YOUR XANGA NAME">
<AREA SHAPE="rect" ALT="claf" COORDS="321,485,343,498" HREF="http://www.xanga.com/CLAF/default.asp">
<AREA SHAPE="rect" ALT="private" COORDS="352,486,392,499" HREF="http://xanga.com/private/home.aspx">
<AREA SHAPE="rect" ALT="subscriptions" COORDS="402,486,476,498" HREF="http://www.xanga.com/private/subs.aspx">
<AREA SHAPE="rect" ALT="exit" COORDS="482,485,509,498" HREF="http://www.xanga.com/logout.aspx">
</MAP>
</div>
<div style="position: static; margin-left: 545px; margin-top: -40px; width: 200px; height: 100%px; background: transparent; overflow:none;">


<a href="http://xanga.com/YOUR XANGA NAME">YOUR XANGA NAME</a>
<b>Name:</b> your name<br>
<b>Featuring:</b>Hermione Granger<br>
<b>Likes:</b> favorite stuff <br>
<b>Dislikes:</b> hated stuff<br>
<b>Location:</b> your location<br>
<b>Age:</b> your age<br>
<b>Gender:</b> your gender<br>
<b>Website:</b> <a href="YOUR WEBSITE URL HERE">your website name</a>
<br><br><b>Navigation</b><br>
» <A href="http://www.xanga.com/signin.asp">Enter</a><br>
» <A
href="http://www.xanga.com/profile.asp?user=YOUR XANGA NAME">My Profile</a><br>
» <A
href="http://www.xanga.com/private/SubscribeTo.aspx?user=YOUR XANGA NAME" alt="Subscribe to me!">Subscribe</a><br>
» <A
href="http://www.xanga.com/guestbook.asp?user=YOUR XANGA NAME">Sign my Guestbook</a><br>
» <a href="http://www.xanga.com/CLAF/default.asp">CLAF</a><br>
» <a href="http://www.xanga.com/private/home.aspx">Private Home</a><br>
» <a href="http://www.xanga.com/private/subs.aspx">Subscriptions</a><br>
» <A href="http://www.xanga.com/logout.asp">Exit</a>
<br><br><!-- KEEP THIS HERE, ALWAYS -->Layout by <a href="http://www.phoenixi-magic.com" target="_blank">Phoenixi</a><!-- END -->
</div>

<div style="position:absolute; margin-left:25px; margin-top: -300px; width:350px; height: 100%px; background:transparent; overflow:yes;">

<style type='text/css'>.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior,
table.left,
td.mainleft,
table.left TH, table.left
TD, table.navigation, hr, table.footer, table.search, #SearchBar1_pnlYouAreHere
{display: none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {width: auto !important;}

body {
background-color: #3C4C00;
scrollbar-arrow-color: #A67F56;
scrollbar-track-color: #3C4C00;
scrollbar-shadow-color: #3C4C00;
scrollbar-face-color: #3C4C00;
scrollbar-highlight-color: #3C4C00;
scrollbar-darkshadow-color: #9A7A59;
scrollbar-3dlight-color: #9A7A59;
cursor: crosshair;
font: 10px arial;
line-height:15px;
color: #3C4C00;
letter-spacing:1px;
}

//blogringdocument.write
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font: 10px arial;
line-height:15px;
color: #3C4C00;
letter-spacing:1px;
text-align:justify;
border: none;
background-color: transparent;
filter: alpha(opacity=100)
}

table.blogbody {
font: 8px arial;
line-height:15px;
color: #3C4C00;
letter-spacing:1px;
}

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

a:link, .footernav.link, a.footernav:link, a.footernav:active, a:active, .footernav.active, a:visited, .footernav.visited, a.footernav:visited {
/* edits all links */
color:#2E370A;
font:10px arial;
line-height:15px;
text-decoration: none;
letter-spacing:2px;
}

//blogring.document.write
a:visited, a.footernav:visited, .footernav.visited {
/* edits the links that the user has visited */
color:#2E370A;
font:10px arial;
line-height:15px;
text-decoration: none;
letter-spacing:2px;
}

a:hover, .footernav.hover, a.footernav:hover {
color:#3C4C00;
font:10px arial;
line-height:15px;
text-decoration: none;
letter-spacing:2px;
}

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px dotted #2E370A;
font:10px arial;
color: #3C4C00;
background-color: #D3B83B;
letter-spacing:1px;
}

table.left {
/* this edits the menu module */
border: none;
width:200px;
background-color: transparent;
font: 10px arial;
}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url('');
background-color: transparent;
font: bold 10px arial;
text-transform: none;
color: #3C4C00;
border: none;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-image: url('');
background-color: transparent;
border: none;
font: 10px arial;
}

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: transparent;
border: none;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #c0c0c0;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 485px;
}
</div>
</style>
<style type='text/css'>
/* edit blog */
table.blogbody {background-color: #Transparent;width: 485px;}
/* edits date */
div.blogheader, .caption {font-family: arial;text-transform:uppercase;font-size:36px;line-height:15px;valign:center;font-weight:bold;
color:#2E370A; letter-spacing:3px;background-color: #transparent;text-align: center;width:485px;}
table.header TH {font-family: arial; font-size: 10px; text-decoration: none; font-weight: normal; border: none; }
table.header TD {font-family: Arial; font-size: 10px; text-decoration: none; border: none; }
</style>

Also, under the fonts menu in the 'text and links' I put arial, size 1. I don't know how to make it smaller, because I think that's what's messing it up.
Also...my code is a little iffy so if you could help me out in any way I'd love you forever.

[kirjava17]

Oh, nevermind, I eventually fixed it. Anyway, if anyone could help me with anything in the code that'd be great.

[talcumpowder]

It has nothing to do with your code. Your page font can be set to Arial, size 1 (which is ~ 10pt). Then it's more likely to change smoothly. But besides that, the font name is Arial, not arial. And don't ever specify your fonts in px under 10. They're tiny and not everyone has great eyesight.