layout, needs editting Options

[bogalgirl]

hmm. i got this layout from a sitee. and i wanted to know if anyone can help me get rid of the box around the words at the top and make the dotted border around into just a straight non dotted one? thanks in advance.

<!-- begin code provided by createblog.com --><br /><A href="http://www.xanga.com/home.aspx?user=Effin_Layouts">effin_layouts</font color></A><br><br><br /><br /><STYLE><br />/*my heart melts by effin_layouts*/<br />body {<br /> background-color: white;<br /> background-image:url();<br /> background-attachment:fixed;<br /> background-repeat:repeat;<br /> background-position:all directions;<br />  scrollbar-arrow-color: hotpink;<br />  scrollbar-track-color: white;<br />  scrollbar-shadow-color:white;<br />  scrollbar-face-color: black;<br />  scrollbar-highlight-color:white;<br />  scrollbar-darkshadow-color: hotpink;<br />  scrollbar-3dlight-color: hotpink;<br />  cursor:help;}<br /><br />.left, .blogbody, table.footer, .standard, td, p {<br />/* edits main text */<br /> font:normal 11px times;<br /> color:black;<br /> letter-spacing:0px;<br /> text-align:left;<br /> }<br />.left B, .blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br /> font-weight: bold;<br /> color:hotpink;<br />}<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 />div.blogheader, .caption {<br />/* edits the dates */<br /> font-family: times;<br /> text-transform: lowercase;<br /> background-colorwhite;<br /> font-size:25px;<br /> font-weight: bold;<br /> line-height: 22px;<br /> letter-spacing: -1px; <br /> color:hotpink;<br /> text-align: center;<br /> padding: 3px; <br /> width: 400px;<br /> }<br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br /> color:black;<br /> font:normal 11px times;<br /> line-height:10px;<br /> text-decoration: none;<br /> }<br />a:visited, a.footernav:visited,  {<br />/* edits the links that the user has visited */<br /> color:black;<br /> font:normal 11px times;<br /> line-height:10px;<br /> text-decoration: none;<br /> }<br />a:hover {<br />/* edits when user mouseovers the links */<br /> font:normal 11px terminal;<br /> line-height:10px;<br /> text-decoration:none;<br /> cursor: help;<br /> color:black;<br /> letter-spacing:0px;<br /> background-color: white;<br /> border-top: 3px dashed hotpink;<br /> border-bottom: 3px dashed hotpink;<br /> }<br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br /> border: 2px dashed hotpink;<br /> font:normal 11px times;<br /> background-color:white;<br /> letter-spacing:0px;<br /> color:black;<br /> }<br /><br /><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br /> border: 3px dashed black;<br /> width: 400px; <br /> background-color:white;<br /> <br /> }<br />table.left { <br />/* this edits the menu module */<br /> border: 3px dashed black;<br /> width: 150px;<br /> }<br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br /> background-image: url();<br /> background-color: white;<br /> font: normal 18px times;<br /> text-transform: lowercase;<br /> text-align:center;<br /> color:white;<br /> border: none;<br /> letter-spacing:-1px;<br /> line-height:20px;<br /> }<br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br /> font:11px times;<br /> color:black;<br /> text-align:center;<br /> border-top: 3px dashed black;<br /> width: 150px;<br /> background-color: white;<br /> }<br />table.search TD, table.search, table.announcements {<br />/* border of search bar (if you have it) */<br /> background-color: white;<br /> border: 3px dashed black;<br /> }<br />table.search TD, table.announcements TH {<br />/* this should be left alone */<br />/* unless you know what to do */<br /> border: 0px solid #999999;<br />}<br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br />  width: 572px;<br /> }<br />hr {<br />/* horizontal divider */<br /> border: 1px solid hotpink;<br /> }<br /></style><br /><DIV style="border:3px dashed black; background-color:white; width:572px"><br /><FONT style="FONT-SIZE: 35pt; COLOR: hotpink; LINE-HEIGHT: 23pt; FONT-FAMILY: times new roman; LETTER-SPACING: -3pt">i wont tear my heart open<font color=black>;;</FONT><br>i wont sew myself shut<font color=black>&&</FONT><br>my strength is that i care to much </STRONG><font color=black><font size='5'>&hearts;<font color=black><font size='5'>&hearts;<br><STRONG></FONT><BR></DIV><br><br><br /><br /><script>document.title="&hearts;&hearts;";</script>  <br /><br /><script>window.status="<3 !";</script><br /><br /><!-- end code provided by createblog.com -->

[gelionie]

The bolded parts are the parts that I changed:

table.blogbody {
/* this edits the other the place where the  blog is */
border: 3px solid black;
width: 400px;
background-color:white;

<DIV style="background-color:white; width:572px">
<FONT style="FONT-SIZE: 35pt; COLOR: hotpink; LINE-HEIGHT: 23pt; FONT-FAMILY: times new roman; LETTER-SPACING: -3pt">i wont tear my heart open<font color=black>;;</FONT><br>i wont sew myself shut<font color=black>&&</FONT><br>my strength is that i care to much </STRONG><font color=black><font size='5'>&hearts;<font color=black><font size='5'>&hearts;<br><STRONG></FONT><BR></DIV><br><br>