I put up a new stylesheet on my site and I'm really happy with it except for one tiny tidbit that is annoying me until no end....

When I am in preview mode, the page/text shows up exactly how I want it, bold when i've put the <b></b> tags and not when I don't. However, when I'm in the regular mode, like after I've saved it all of my text on every page shows up bolded for some reason. I have no idea how to figure this out. Can someone help?

http://www.jadingheart.com

this is my whole code for the site too, in case it's needed ...

thanks a million....em

body {

margin:0px;
font-family: verdana, arial, georgia;
font-size:11px;
line-height:18px;
background-color:#fff;
background-image:url('http://www.jadingheart.com/girlbeach.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}

.content {
position: absolute; top: 280px; left: 10px;
margin:240px;
margin-top:50px;
padding-left:10px;
padding-right:10px;
width:460px; /* ie5win fudge begins */
width: 460px;
z-index:1;
}

.mainclm {
position: absolute; top: 280px; left: 10px;
margin:240px;
margin-top:50px;
padding-left:10px;
padding-right:10px;
width:460px; /* ie5win fudge begins */
width: 460px;
z-index:1;
}


.quote {
position: relative;
z-index: 3;
margin: 15px 15px 15px 15px;
padding: 15px 15px 15px 15px;
li list-style-type:none;
ul list-style-type:none;
border: solid; border-color: #000; border-width: 0.1em;
}


.menu {

position: absolute; top: 140px; left: 230px; width: 460px;

font-family:Verdana, Arial, georgia;

color:#OOOOOO;

font-size: 11px;

font-weight: normal;

padding-top: 10px;

padding-bottom: 10px;

padding-left: 10px;

padding-right: 10px;

background: #FFFFFF;

border: solid; border-color: #000; border-width: 0.1em;

}

.pictures {
text-align:center;
padding:0px 10px;
margin:5px;
border-bottom:1px #000 solid;
}

.pictures img {
margin:3px;
align:center;
border:1px #000 solid;
}

.recently {
padding:0px 15px;
margin:5px;
border-bottom:1px #000 solid;
}

.outside {
padding:0px 15px;
margin:0px;
border-bottom:1px #000 solid;
}

.right_general {
padding:0px 15px;
}

a {
text-decoration:none;
color:#6266f6;
}

.body a:hover {
border-bottom:1px dotted #6266f6;
}

.right a:hover {
border-bottom:1px dotted #6266f6;
}

.main a:hover {
border-bottom:1px dotted #6266f6;
}

h2 {
font-size:11px;
text-decoration: none;
text-transform: uppercase;
}

h3 {
font-size:11px;
text-decoration: overline;
text-transform: uppercase;
}

h4 {
font-size:11px;
text-decoration:underline;
line-height:14px;
}

h5 {
font-size:11px;
text-decoration:none;
border-bottom:1px dotted #6266f6;
line-height:14px;
color: #6266f6;
text-transform: uppercase;
}

h6 {
font-size:11px;
text-decoration:none;
line-height:18px;
}

img {
border:0px none;
}

From what I can see...your problem is here:

<div class="menu">
<b>
: <a href="http://www.jadingheart.com/">HOME</a> : <a href="http://www.jadingheart.com/archives.html">PAST ENTRIES</a> : <a href="http://www.jadingheart.com/writing/mainwriting.html">WRITING</a> : <a href="http://www.jadingheart.com/photos.html">PHOTOGRAPHY</a> : <a href="http://www.jadingheart.com/reviews/movies/film.html">FILM REVIEW</a> :<BR> : <a href="http://www.jadingheart.com/reviews/music/music.html">MUSIC REVIEW</a> : <a href="http://www.jadingheart.com/bio.html">ABOUT</a> :
<a href="http://www.jadingheart.com/links.html">LINKS</a> :
<a href="mailto:em@jadingheart.com">CONTACT</a> :
<b>
<br>
<div align="right">
<font size="1">
the latest entry :
<a href="http://www.jadingheart.com/months/june/18june04.html">sometimes</a>
latest poems : <a href="http://www.jadingheart.com/writing/poetry/lie.html">lie</a> : <a href="http://www.jadingheart.com/writing/poetry/whatif.html">what if</a>
</font>
</div>
</div>
<p>


You put two bold starting tags but you didn't end the tag. I'm guessing the second <b> should've been </b> instead. That way it won't bold everything after that.

you are my god....thank you so much....

that was exactly it