ok i dunno why this happened but i guess i kinda fooled around with it, but when i went to my site it all went back to normal, and it showed the CSS code on top..whats wrong with it?? i checked everything, and its still sum problem

It would be nice if you posted it here.

ok this is the code:
/* http://blogring */
body {
background-color: #ffffff;
scrollbar-arrow-color: #ff33ff;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #ff33ff;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #ff33ff;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-3dlight-color: #ff33ff;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text*/
font:normal comic sans ms 13px ;
line-height:12px;
color:blue;
letter-spacing:1px;
text-align:justify;
}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}
div.blogheader, .caption {
/* edits the dates */
background-image:
url();
background-repeat: no-repeat;
background-position: bottom left;
font-family:Curlz MT;
text-transform:uppercase;
font-size:27px;
line-height:69px;
font-weight:bold;
color:#CC66FF;
letter-spacing:0px;
background-color:#transparent;
text-align: center;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#;
text-decoration: none;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color:#;
text-decoration: none;
}
a:hover {
/* edits when user mouseovers the links */
color:#;
cursor: W-Resize;
text-decoration: underline;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border:1px solid #ff33ff;
font:normal 11px arial;
background-color: #ffffff;
letter-spacing:0px;
color:#;
}
table.left {
/* this edits the menu module */
border:1px solid #ff33ff;
width:180px;
background-color:#ffffff;
}
table.blogbody {
/* this edits the other the place where the blog is */
border:1px solid #ff33ff;
background-color:#ffffff;
width:0px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url();
background-color:#ffffff;
font: bold 11px arial;
text-transform: uppercase;
color: #transparent;
border:1px solid #ff33ff;
}
table.left TD {
/* on your menu module, this edits the body part of it*
background-image: url();
background-color:#ffffff;
border:1px solid #ff33ff;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border:1px solid #ff33ff;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width:700px;
}
hr {
/* horizontal divider */
border:1px solid #ff33ff;
}
table.blogbody div.smalltext{
/* this edits the blog entry footer */
text-align: left;
}
/* this edits the left margin of blog */
width:0px;
padding: 0px;
}
</style>

<style type='text/css'>
.blogbody td { width:0px; padding-left:0px; }
</style>

<style type="text/css"><!--body{cursor:hand }--></style>

<div style="border:2px pink solid;00 overflow-y:auto;">
<div style="border:2px pink solid;00 overflow-y:auto;"></div>

i dont know whats wrong with it..*arghh!* now mi xanga looks plain!!

What?! That's it?! You forgot the opening tag to the script! There should be a "<style type="text/css">" In the beginning, well, without the first set of quotes.

oooo ok, thanks U SOO MUCH! stupid me*

Hehe you're welcome. It's okay. I'm glad I could help someone.

*poke* removed that blog.. *cough* ...ing.