Small font.. Options

[pxgiddy]

Okay im looking for a code so my font on my site is small.. i have this code..

<!-- begin code provided by createblog.com -->
<style type="text/css">
/* http://createblog.com */
body {
  background-color: #ffffff;
  scrollbar-arrow-color: #FF0066;
  scrollbar-track-color: #FF0066;
  scrollbar-shadow-color: #ffffff;
  scrollbar-face-color: #FF0066;
  scrollbar-highlight-color: #ffffff;
  scrollbar-darkshadow-color: #FF0066;
  scrollbar-3dlight-color: #ffffff;
  }
/* edits the date */
div.blogheader, .caption {
background-image: url();
background-repeat:no-repeat;
background-position:center;
font-family: georgia;
text-transform:none;
font-size:18px;
line-height:25px;
font-weight:normal;
color:#000000;
letter-spacing:2px;
background-color:#ffffff;
text-align:center;
border:1px solid #ffffff;
}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
  font-weight: bold;
  color: #ffffff;
  }


input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #ffffff;
font:normal 12px trebuchet ms;
background-color: ffffff;
font-color:#ff0066;
        }
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: #ffffff;
  font: bold 10pt trebuchet ms;
  text-transform: none;
  text-align:center;
border: #ffffff 1px solid;
;}

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

font,td,p,xmp{color:#ff0066;
font-face: trebuchet ms;
font-weight:normal;
font-size:9pt;
line-height:10pt;
text-align:justify;}

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:transparent;
family-font: trebuchet ms;
BORDER: #ff0066 1px solid;
width:400px;}


a:link{line-height: 9pt; font-family: trebuchet ms;font-weight:normal; color:#BD6A72; text-transform:none;font-size:9pt; cursor:crosshair;}
a:active{font-family: trebuchet ms; color:#ff0066; text-transform:none;font-size:9pt; cursor:crosshair;}
a:visited{font-family: trebuchet ms; color:#ff0066; text-transform:none;text-decoration:strikeout;font-size:9pt;cursor: crosshair;}
A:hover {font-family:tahoma;color:#ff0066;text-transform: uppercase; cursor: crosshair; font-weight:bold;font-size:8pt}</style>

<!-- end code provided by createblog.com -->

this code does work.. but it wont change colors in font.. like, if i make an entry with colors... it doesnt show it.. its just one color..
Help? thnks