Layout Code:

<br><FONT style="FONT-WEIGHT: italic; FONT-SIZE: 35pt; COLOR: #EF8FBF; LINE-HEIGHT: 5px; FONT-FAMILY: vrinda; LETTER-SPACING: -2pt;text-transform:none">It's all about the music</font><br><br><FONT style="FONT-WEIGHT: italic; FONT-SIZE: 35pt; COLOR: #EF8FBF; LINE-HEIGHT: 5px; FONT-FAMILY: vrinda; LETTER-SPACING: -2pt;text-transform:none">***</font><br><br><A href="http://www.xanga.com/xThroughtheKeyhole_Layouts" target="_new"> Through the Keyhole </A><br><style type="text/css">body {background-color: #FFFFFF;background-image: url(http://i9.photobucket.com/albums/a100/athenad/Music/Backgrounds/pinksplatter.jpg);background-repeat: no-repeat;background-position: center;background-attachment: fixed;scrollbar-arrow-color: #000000;scrollbar-track-color: #FFFFFF;scrollbar-shadow-color: #FF0080;scrollbar-face-color: #FF0080;scrollbar-highlight-color: #000000;scrollbar-darkshadow-color:#000000;scrollbar-3dlight-color: #FFFFFF;}table.footer {display: none;}.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {/* edits main text */font-weight: none;font:normal 11px arial;line-height: 10px;color: #000000;letter-spacing:0px;text-align:center;}.blogbody b, .standard b, p b, strong {font-weight: none;color: #000000;letter-spacing: 0px;}.blogbody i, .standard i, p i, em {font-weight: bold;;font-family: vrinda;color: #000000;}u {color: #000000;font-family: arial;border-bottom: 2px solid #000000;letter-spacing: 0px;font-weight: Underline;text-transform: none;}table.footer TD {/* this makes the footer at the bottom centered *//* leave it alone unless you know what to do*/text-align: center;}div.blogheader, .caption {/* edits the dates */font-family: vrinda;text-transform: none;font-size: 20px;line-height: 20px;font-weight: bold;color: #000000;letter-spacing: 0px;background-color: #EF8FBF;text-align: right;}a:link, .footernav.link, a.footernav:link, a.footernav:active {/* edits all links */color: #000000;font:normal 11px arial;line-height: 10px;text-decoration: none;}a:visited, a.footernav:visited, {/* edits the links that the user has visited */color: #000000;font:normal 11px arial;line-height:10px;text-decoration: none;}a:hover {/* edits when user mouseovers the links */color:#EF8FBF;cursor: crosshair;text-decoration: none;font:italic 12px century gothic;line-height:18px;}input, select, textarea, .textfield, .button {/* this edits the buttons, dropdowns, etc. */border: 2px solid #FF0080;font:normal 11px arial;background-color: #FF0080;letter-spacing:0px; 0pxcolor:#000000;}table.left {/* this edits the menu module */border: 1px solid#FF0080;width:200px;background-color: #EF8FBF;color: #000000;}table.blogbody {/* this edits the other the place where the blog is */border: 3px solid #FF0080;background-color: #FF0080;width:300px;}table.left th {/* on your menu module, this edits the title part of it *//* like BLOGRINGS, POSTING CALENDAR, etc */background-image: url();background-color: #EF8FBF;font: bold 20px vrinda;text-transform: none;color: #000000;letter-spacing: 0px;border: 1px solid #FF0080;}table.left TD {/* on your menu module, this edits the body part of it */background-image: url();background-color: #FF0080;border: 3px solid #FF0080;font: normal 11px arial;color: #000000;}table.search TD, table.search, table.announcements {/* border of search bar (if you have it) */background-color: transparent;border: 1px solid #FF0080;}table.search TD, table.announcements TH {/* this should be left alone *//* unless you know what to do */border: 1px solid #000000;}table.navigation, table.main, table.footer {/* the width of your blog with modules */width: 450px;}hr {/* horizontal divider */border: 1px solid #000000;}</style>