Need help with my Xanga Skin, blog font. Options

[*My Cinderella.*]

I'm having a problem with completing my Xanga skin. As you can see from the screenshot that is provided for you below:



Website: Http://xanga.com/TESTING092305

The main font does not match with the link fonts. (Which is supposed to be Terminal). If you'd like you can take a look at the skin code. Though, I don't know why the font isn't changing to terminal. Help?

<map name="Strange">
<area shape="rect" coords="6,525,128,539" href="http://www.xanga.com/claf">
<area shape="rect" coords="163,526,251,540" href="http://www.xanga.com/guestbook.aspx?user=USERNAME">
<area shape="rect" coords="290,526,407,539" href="http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME">
<area shape="rect" coords="37,576,95,591" href="http://www.xanga.com/signin.aspx">
<area shape="rect" coords="135,578,233,590" href="http://www.xanga.com/private/subs.aspx">
<area shape="rect" coords="279,575,357,589" href="http://www.xanga.com/private/home.aspx">
<area shape="rect" coords="736,585,806,594" href="http://myspace.com/x_paperHEARTED">
</map>
<img src="http://img432.imageshack.us/img432/4485/love0cj.png" usemap="#Strange" border="0"><div style="overflow: auto; width: 500px; height: 475px; margin-top: -550px; margin-left: 175px;">
<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">
/*Strange Love - My Cinderella.*/
body
{background-color: white;

scrollbar-arrow-color: black;
scrollbar-track-color: white;
scrollbar-shadow-color: white;
scrollbar-face-color: white;
scrollbar-highlight-color: white;
scrollbar-darkshadow-color: white;
scrollbar-3dlight-color: white;}

/* edits the date */
div.blogheader, .caption
{background-image: url();
background-repeat:no-repeat;
background-position:center;
font-family: script MT bold;
text-transform:none;
font-size:18px;
line-height:18px;
font-weight:normal;
color:black;
letter-spacing:0px;
background-color:white;
text-align:center;

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

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
font: 8px terminal;
text-transform: uppercase;
background-color: white;
font-color:black;}

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: black;
font: 8px terminal;
text-transform: uppercase;
text-align:center;

table.left {
/* this edits the menu module */
width:180px;
color:000000;
background-color:white;

font,td,p,xmp
{color:black;
font: 8px terminal;
font-weight:normal;
text-transform: uppercase;

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

table.blogbody {
/* this edits the other the place where the blog is */
background-color:white;
family-font: terminal;
BORDER: black 0px solid;
width:px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */

a:link
{line-height: 8px;
font-family: terminal;
font-weight:normal;
color:black;
text-transform:uppercase;
font-size:8px;
cursor:crosshair;}

a:active
{font-family: terminal;
color:black;
text-transform:uppercase;
font-size:8px;
cursor:crosshair;}

a:visited
{font-family:terminal;
color:black;
text-transform:uppercase;
text-decoration:strikeout;
font-size:8px;
cursor: crosshair;}

A:hover {font-family:terminal;
color:black;
text-transform: uppercase;
cursor: crosshair;
font-weight:none;
font-size:8px;}</style>