Weird text... Options

[eyesXopenXwide]

Okay so I'm making a layout and it's how I want it, but the text in the entries is like this:
My text
is really
screwed
up right
now.
Is there anything I can do to counteract this or make it go back to normal? I was trying to make it centered but it barely leaves any room to type anything and even the links at the bottom of the entries are like this.

Help....

[eyesXopenXwide]

Alright, keep in mind this IS my first layout...

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><img src="http://img.photobucket.com/albums/v135/twiggy66/untitled.bmp"><br /><style type="text/css"><br />/* http://createblog.com */<br />body {<br />  background-image: url(http://img.photobucket.com/albums/v135/twiggy66/Heart20diagram.jpg);<br />  background-repeat:no-repeat;<br />  background-position:right;<br />  background-attachment: fixed;<br />  background-color: #ffffff;<br />  scrollbar-arrow-color: #000000;<br />  scrollbar-track-color: #000000;<br />  scrollbar-shadow-color: #E0E0E0;<br />  scrollbar-face-color: #FFFFFF;<br />  scrollbar-highlight-color: #E0E0E0;<br />  scrollbar-darkshadow-color: #000000;<br />  scrollbar-3dlight-color: #000000;<br />  }<br />/* edits the date */<br />div.blogheader, .caption {<br /> background-image: url();<br /> background-repeat:no-repeat;<br /> background-position:left;<br />font-family: Bookman Old Style;<br />text-transform:lowercase;<br />font-size:18px;<br />line-height:10px;<br />font-weight:normal;<br />color:#000000;<br />letter-spacing:2px;<br />background-color:transparent;<br />text-align:center;<br />border:0px none #000000;<br />}<br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />  font-weight: bold;<br />  color: #000000;<br />  }<br /><br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />border: 1px solid #000000;<br />font:normal 11px trebuchet ms;<br />background-color: ffffff;<br />letter-spacing:0px;<br />color: black;<br />        }<br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />  text-align: center;<br />  }<br />table.left th {<br />  background-image: url();<br />  background-color:ffffff;<br />  color: #000000;<br />  font: bold 10pt trebuchet ms;<br />  text-transform: uppercase;<br />  text-align:center;<br />  border: #000000 3px dashed;<br />;}<br /> <br />table.left { <br />width:190px;<br />color:000000;<br />background-color:ffffff;<br />BORDER: #000000 2px dashed;<br /> }<br /><br />font,td,p,xmp{color:#000000;<br />font-face: trebuchet ms;<br />font-weight:normal;<br />font-size:9pt;<br />text-align:center;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />  width:50px; <br />  padding-left: 20px;<br />  } <br />table.blogbody {<br />  background-color:transparent;<br />  BORDER: #000000 2px dashed;<br />  width:300px;}<br /><br />a:link{line-height: 9pt; font-family: trebuchet ms;font-weight:normal; color:#000000; text-transform:none;font-size:9pt; cursor:crosshair;}<br />a:active{font-family: trebuchet ms; color:#000000; text-transform:none;font-size:9pt; cursor:crosshair;}<br />a:visited{font-family: trebuchet ms; color:#000000; text-transform:none;text-decoration:strikeout;font-size:9pt;cursor: crosshair;}<br />A:hover {font-family:tahoma;color:#ffffff;text-transform: uppercase; cursor: crosshair; font-weight:bold;font-size:8pt}</style><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->