help!!! Options

[xlauren73x]

ughh im making my own xanga layout and everything is fine so far, but theres one problem. where the date and where the writing part is i have a border around, and they aren't lined up. can anyone help?! thanks so much in advance if you can!!!

heres the code for my xanga so far::

<!-- begin code provided by createblog.com --><br /><img src="http://tinypic.com/2bquyo" alt="Image hosted by TinyPic.com"><br /><br /><style type="text/css"><br />body {<br />background-color: #ffffff;<br /> background-image: url(http://www.freewebs.com/whsband/music%20note.gif);<br /> background-repeat: no-repeat; <br /> background-attachment: fixed; <br /> background-position: bottom right;<br /> background-color: #ffffff;<br />  scrollbar-arrow-color: #000000;<br />  scrollbar-track-color: #ffffff;<br />  scrollbar-shadow-color: #ffffff;<br />  scrollbar-face-color: #FF0080;<br />  scrollbar-highlight-color: #fffff;<br />  scrollbar-darkshadow-color:#ffffff;<br />  scrollbar-3dlight-color: #E0E0E0; <br />  }<br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />  font:normal 11px arial;<br />  line-height:16px;<br />  color:#000000;<br />  letter-spacing:0px;<br />  text-align:justify;<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 />.left B, { font: bold 11px arial; color: "#FF0080"; line-height: 16px;} <br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #FF0080;<br />}<br />div.blogheader, .caption {<br />/* edits the dates */<br />font-family: impact;<br />text-transform:lowercase;<br />font-size:24px;<br />line-height:30px;<br />font-weight:regular;<br />height: 1px;<br />color: #FF0080;<br />letter-spacing:1px;<br />text-align: center;<br />background-color: #ffffff;<br />BORDER-left: #000000 5px solid; <br />BORDER-right: #000000 5px solid; <br />BORDER-top: #000000 5px solid; <br /><br />}<br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />  color:#FF0080;<br />  text-decoration: none;<br />font:normal 11px arial;<br />  line-height:16px;<br />  }<br />a:visited, a.footernav:visited,  {<br />/* edits the links that the user has visited */<br />  color: #000000; <br />  text-decoration: none;<br />font:normal 11px arial;<br />  line-height:16px;<br />}<br />a:hover {<br />/* edits when user mouseovers the links */<br />height: 2px;<br /> <br />font:normal 11px arial;<br />line-height:16px;<br />cursor: crosshair;<br />filter:alpha (opacity=0, finishopacity=100, style=2);<br />height: 6px;<br />background-color:#FF0080;<br />color:white;<br />text-decoration: none;<br />}<br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />  border: 3px solid #000000;<br />  font:normal 11px arial;<br />  background-color:#ffffff;<br />  letter-spacing:0px;<br />  color: #FF0080;<br />  }<br />table.left { <br />/* this edits the menu module */<br />  border: 5px solid #000000;<br />  width:160px;<br />background-color:#ffffff;<br />  }<br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />  border: 5px solid #000000;<br />  background-color: #ffffff;<br />  width:400px;<br />  font:normal 11px arial;<br />  line-height:16px;<br />  color: #FF0080;<br /><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: none;<br />  font: bold 11px arial;<br />  color: #FF0080;<br />  border: none;<br />BORDER-bottom: #000000 5px solid; <br />background-color: #ffffff;<br />  }<br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br />  background-image: none;<br />  background-color: #ffffff;<br />  border: none;<br />  font:normal 11px arial;<br />  line-height:16px;<br />  color: #000000;<br />  }<br />table.search TD, table.search, table.announcements {<br />/* border of search bar (if you have it) */<br />  background-color: #ffffff; <br />  border: 1px solid #000000;<br />  }<br />table.search TD, table.announcements TH {<br />/* this should be left alone */<br />/* unless you know what to do */<br />  border: 1px solid #000000;<br />  }<br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br />  width: 500px;<br />  }<br />hr {<br />/* horizontal divider */<br />  border: 1px solid #000000;<br />  }<br /></style><br /><br /><!-- end code provided by createblog.com -->

[xlauren73x]

also while people look at this.. made my panner using http://tinypic.com/ to get the code.. but the banner is kinda small now. anyone have any idea how to make it bigger??