enjoy the layout!

bold italic underline

custom header
<script>document.title=">> you and me * were meant to be. <<";</script> <style type="text/css"> /*ohsoflyy_banners*/ body { background-color: #ffffff; background-image: url(); background-attachment: fixed; background-repeat: repeat-x; background-position: top left; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-face-color: #996699; scrollbar-highlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-3dlight-color: #ffffff; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px arial; line-height:14px; color: #000000; letter-spacing:0px; text-align:center; } b, strong {font-weight:bold; letter-spacing:0px;color: #000000;} u {font-weight:normal; letter-spacing: 0px; color: #996699;border-bottom: 1pt solid #ffffff;} em,i {font-weight:bold;italize; lefter-spacing: 0px; font-family: georgia; color:996699;}; /* THE FOOTER */ text-align: center; } div.blogheader, .caption { /* THE DATES */ font-family: times new roman; text-transform:normal; font-size:26px; line-height:32px; font-weight:bold; height: 1px; color: #CCCCCC; letter-spacing: -3px; background-color: #ffffff; text-align: center; width:370px; filter: gradient <div style="border:1px solid white; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr= #996699, endColorStr=#ffffff); width: 50px; height: 150px;"> </div>; border-top: 2px double #000000; border-left: 2px double #000000; border-right: 2px double #000000; border-bottom: none; display:none; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* ALL LiNKS */ background-color: #fffff; color: #996699; text-transform: uppercase; font: normal 9px arial; line-height:16px; letter-spacing: 0px; text-decoration: none; border: 1px solid #000000; } a:visited, a.footernav:visited, { /* ViSITED LiNKS */ background-color: #ffffff; color: #996699; text-transform: uppercase; font: normal 9px arial; line-height:16px; letter-spacing: 0px; text-decoration: none; border: 1px solid #000000; } a:hover { /* HOVERED LiNKS */ color: #000000; text-transform: normal; text-decoration: none; line-height:16px; letter-spacing: 0px; filter: blur; filter:progid:dximagetransform.microsoft.gradient(gradienttype=1,startcolorstr=#996699, endcolorstr=#ffffff); height: 0; border: 1px solid #000000; } input, select, textarea, .textfield, .button { /* THE BUTTONS, DROPDOWNS, ETC. */ border: 1px solid #996699; font:normal 11px arial; background-color: #ffffff; color:#000000; } table.left { /* THE MENU MODULE */ background-color: #ffffff; border: 2px double #996699; font-weight: normal; text-align: right; width:195px; color: #996699; } table.blogbody { /* THE BLOG AREA */ background-image: url(); background-attachment: fixed; background-repeat: repeat; background-position: top left; background-color: #ffffff; border-top: 2px solid #000000; border-bottom: 2px double #000000; border-left: 2px double #000000; border-right: 2px double #000000; width:370px; } table.left th { /* THE MENU MODULE TiTLE */ font: 11px arial; FONT-WEIGHT: bold; text-transform: UPPERCASE; background-color: #ffffff; text-align: center; letter-spacing: 0px; line-height: 16px; color: #996699; filter: gradient <div style="border:1px solid white; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr= #996699, endColorStr=#ffffff); width: 50px; height: 150px;"> </div>; border-top: 0px solid #996699; } table.left TD { /* THE BODY PART OF THE MENU MODULE */ background-image: url(); background-attachment: fixed; background-repeat: repeat; background-position: top left; background-color: #ffffff; border: 0px solid #996699; font: arial; color: #000000; text-align: center; border-top: none; } table.search TD, table.search, table.announcements { /* THE SEARCHBAR */ background-color: #FFFFFF; border: 2px solid #996699; } table.search TD, table.announcements TH { /* THE ANNOUCEMENTS TABLE */ border: 0px double #996699; } table.navigation, table.main, table.footer { /* THE WIDTH OF YOUR BLOG WiTH MODULES */ width: 580px; } hr { /* THE HORiZONTAL DiViDER */ border: 1px solid #F5FBFB; } table.footer {display: none;}</style> <style type="text/css"> table.navigation, table.footer { display:none; } </style> <br> <centeR><img src="http://img89.imageshack.us/img89/5945/youandme0hp.png"></cetner><Br><BR> <div align="center"> <a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAMEHERE">[ <b>SUBSCRIBE</b> ]</a> <a href="http://www.xanga.com/Private/subs.aspx">[ <b>PRIVATE</b> ]</a> <a href="http://www.xanga.com/CLAF">[ <b>LOOK & FEEL</b> ]</a> <a href="http://www.xanga.com/signin.aspx">[ <b>iN / OUT</b> ]</a> <a href="http://www.xanga.com/ohsoflyy_banners">[DESIGN]</a> </CENTER> </br> 
web stats
<!-- Script by Me --> <td id="customRight" style="display:none" vAlign="top" width="200"> <!-- module:start --> <table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1"> <tr><th class="left" vAlign="top" align="center"> [ about me ] </th></tr> <tr><td class="left" vAlign="top"> here you write stuff about <i>yourself</i>. like your <b>name</b>, <u>birthday</u>, <i>likes</i> and <b>dislikes</b>.the <b>more</b> you write the <u>better</u> it looks! so write <i>alot</i>! </td></tr> </table> <br/> <!-- module:end --> <!-- module:start --> <table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1"> <tr><th class="left" vAlign="top" align="center"> [ music ] </th></tr> <tr><td class="left" vAlign="top"> <img src="http://img104.imageshack.us/img104/6656/ddndzq1vt.gif"> <img src="http://img.photobucket.com/albums/v14/limetwist/GIFs/smiley_387.gif"> <img src="http://img104.imageshack.us/img104/6656/ddndzq1vt.gif"><br> <b>song</b> <u>title</u> <i>here</i>. </td></tr> </table> <br/> <!-- module:end --> <!-- module:start --> <table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1"> <tr><th class="left" vAlign="top" align="center"> [ the extra module ] </th></tr> <tr><td class="left" vAlign="top"> <u>whatever</u> <i>you</i> want <b>here</b>. </td></tr> </table> <br/> <!-- module:end --> </td> <script> extra=false; j=document.getElementById('MoreoverModule1_lblModuleTitle') if(j){extra=true} index=0; var mytds = document.getElementsByTagName('td'); var i = 0; for(i=0;i<mytds.length-1;i++){ if(mytds[i].width=="200"){ index++; if(index==(extra ? 2 : 1)){break;}} } var sidebar = (extra ? mytds[i]: mytds[i].parentNode) var tsibpc = document.getElementById('customRight'); var rightSide = tsibpc.cloneNode(true); rightSide.style.display = "block"; sidebar.appendChild(rightSide); </script>