put this in web stats

<!--BY GLAM_CODES-->
<style type="text/css">
.custom{
width:342px;
height:250px;
z-index:100;
overflow: auto;
border: 2px color solid;
background:Transparent;
}</style>
<!-- begin code provided by createblog.com from xanga.com/html_scripts-->
<script>
var tds = document.getElementsByTagName ('a');
for (var i = 0; i < tds.length; i++) {
timeString = tds[i].innerText;
if(timeString.match(/\d+:\d+ [ap]m\b/i)){
if(!tds[i].parentNode.parentNode.parentNode.parentNode.parentNode.tagName.match(/table/i)){break;}
table = tds[i].parentNode.parentNode.parentNode.parentNode.parentNode;
stuff = tds[i].parentNode.parentNode.parentNode.previousSibling.lastChild;
inner = stuff.innerHTML
stuff.innerHTML="";
stuff.insertAdjacentHTML('afterBegin','<div class="custom">'+inner+'</div>');
}
}
</script><script>
var tds = document.getElementsByTagName ('a');
for (var i = 0; i < tds.length; i++) {
timeString = tds[i].innerText;
if(timeString.match(/\d+:\d+ [ap]m\b/i)){
if(!tds[i].parentNode.parentNode.parentNode.parentNode.parentNode.tagName.match(/table/i)){break;}
table = tds[i].parentNode.parentNode.parentNode.parentNode.parentNode;
stuff = tds[i].parentNode.parentNode.parentNode.previousSibling.lastChild;
inner = stuff.innerHTML
stuff.innerHTML="";
stuff.insertAdjacentHTML('afterBegin','<div class="custom">'+inner+'</div>');
}
}
</script>
<!--BY GLAM_CODES-->

put this in your custom header

<img src="http://i84.photobucket.com/albums/k26/theaterguy66/spellbeeflip.jpg">

<style type="text/css">

/* <span class='searchlite'>phantom</span> Stylesheet */

/* by T(swank_layouts) */

/* <a href='http://BlogRing.Net' target='_blank'>http://BlogRing.Net</a> */

body {

background-image: ( A href="http://i84.photobucket.com/albums/k26/theaterguy66/newsignforbee.jpg" target="_new">http://i84.photobucket.com/albums/k26/theaterguy66/newsignforbee.jpg);

background-repeat: no-repeat;

background-attachment: fixed;

background-position: bottom left;

background-color: #000000;

scrollbar-arrow-color: #000000;

scrollbar-track-color: #3333ff;

scrollbar-shadow-color: #000000;

scrollbar-face-color: #ffff00;

scrollbar-highlight-color: #000000;

scrollbar-darkshadow-color:#000000;

scrollbar-3dlight-color: #000000;

}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {

/* edits main text */

font:normal 13px times;

line-height:16px;

color:#3333ff;

letter-spacing:0px;

text-align:justify;

}

.left B, { font: bold 11px times; color: "#000000"; line-height: 16px;}

.blogbody b, .standard b, p b, strong {

/* edits bolded text in your entry */

font-weight: bold;

color: #000000;

}

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: helvetica;

text-transform:uppercase;

font-size:11px;

line-height:16px;

font-weight:bold;

height: 1px;

color: #3333ff;

letter-spacing:1px;

text-align: center;

background-color: ;

backround image ( href="http://www.spellingbeethemusical.com/images/logo-topleft.jpg" target="_new">http://www.spellingbeethemusical.com/images/logo-topleft.jpg);

border: 1px solid none;

}

a:link, .footernav.link, a.footernav:link, a.footernav:active {

/* edits all links */

color:#3333ff;

text-decoration: underlined;

font:normal 11px arial;

line-height:16px;

}

a:visited, a.footernav:visited,{

/* edits the links that the user has visited */

color: #ffffff;

text-decoration: none;

font:normal 11px arial;

line-height:16px;

}

a:hover {

/* edits when user mouseovers the links */

color:#ffff00;

text-decoration: none;

font:bold 11px arial;

line-height:16px;

background-image: url();

border: 1px solid #000000;

}

input, select, textarea, .textfield, .button {

/* this edits the buttons, dropdowns, etc. */

border: 1px solid #000000;

font:normal 11px arial;

background-color: #3333ff;

letter-spacing:0px;

color: #ffff00;

}

table.left {

/* this edits the menu module */

border: 1px solid #000000;

width:160px;

font:normal 11px helvetica;

line-height:16px;

}

table.blogbody {

/* this edits the other the place where theblog is */

border: 1px solid #000000;

background-color:none ;

width:400px;

font:normal 11px arial;

line-height:16px;

color: #3333ff;

}

table.left th {

/* on your menu module, this edits the title part of it */

/* like BLOGRINGS, POSTING CALENDAR, etc */

background-color: #3333ff;

font: bold 11px arial;

color: #ffff00;

border: 1px solid #000000;

BORDER-BOTTOM: #3333ff 1px solid;

}

table.left TD {

/* on your menu module, this edits the body part of it */

background-image: none;

background-color: #FFFF00;

border: 1px solid #000000;

font:normal 11px arial;

line-height:16px;

color: #3333ff;

}

table.search TD, table.search, table.announcements {

/* border of search bar (if you have it) */

background-color: #FFFF00;

border: 1px solid #000000;

}

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: 500px;

}

hr {

/* horizontal divider */

border: 1px solid #000000;

}

</style>