<title>Sites Name Here.</title>

<STYLE type="text/css">
body {
text-align : left;
margin : 0
}

td, p, body, a {
color : #000000;
font-family : verdana;
font-size : 10px;
text-transform : Normal;
text-align : Left;
}

a:active, a:visited, a:link {
font-size :9px;
font-family: Arial;
text-transform : normal;
color: #000000
font-weight : normal;
text-decoration : none;
text-align :Left;
}

a:link img {
border : none;
}
a:visited img{
border : none;
}
a:link img {
border : none;
}


.SIDEBAR {
font-family: centruy gothic;
color: #e3007b;
background: #transparent;
font-weight: normal;
font-size: 17px;
line-height: 16px;
letter-spacing: 1px;
text-align: left;
text-transform: normal;
border-bottom: 0px;
}

.SIDEBAR2 {
font-family: Arial;
color: #31b8e0;
background: #transparent;
font-weight: normal;
font-size: 19px;
line-height: 16px;
letter-spacing: 1px;
text-align: left;
text-transform: normal;
border-bottom: 1px dashed #31b8e0;
}

.CONTENT {
font-family: Arial;
color: #b50be6;
background: #transparent;
font-weight: normal;
font-size: 16px;
line-height: 16px;
letter-spacing: 1px;
text-align: left;
text-transform: normal;
border-bottom: 1px dashed #b50be6;
}

.CONTENT2 {
font-family: Arial;
color: #DE5C88;
background: #transparent;
font-weight: normal;
font-size: 20px;
line-height: 16px;
letter-spacing: 1px;
text-align: left;
text-transform: normal;
border-bottom: 1px dashed #b50be6;
}

.mainheader {
font-family: Arial;
color: #DE5C88;
background: #transparent;
font-weight: normal;
font-size: 33px;
letter-spacing: 5px;
text-align: left;
text-transform: normal;
border-bottom: 1px dashed #dddddd;
}


a.nava, a.nava:link, a.nava:active, a.nava:visited {
font-family: Arial;
text-transform: uppercase;
display : block;
}
a.nava:hover {
font-family: Arial;
color: #7EE9E5;
display : block;
}

a.navb:hover {
font-family: Arial;
color: #DE5C88;
display : block;
}


b {
color: #000000; font-family : Arial;
}
u {
color: #000000; font-family : Arial;
}
i {
color: #000000; font-family : Arial;
}

textarea {
width: 260px;
height: 30px;
border: none;
font-family: verdana;
font-size: 9px;
color: #000000;
font-weight: normal;
letter-spacing: 0px;
text-transform: normal;

background-color: #transparent;
overflow: auto;
padding: 0px;
}




#content {position:absolute; top:220px; left:140px; width:421px}

#notepad {position:absolute; top:15px; left:35px; width:184px}

#sidebar2 {position:absolute; top:140px; left:633px; width:184px}

#header {position:absolute; top:25px; left:170px; width:184px}

#toplinks {position:absolute; top:200px; left:140px; width:184px}


</style>




<div style="position: absolute; top:0; left:0;">
  <img src="http://cbimg6.com/layouts/10/03/36207aa.png" width="1360" height="750" border="0" alt="">
</div>
</div>









<div id="notepad" style="width: 123; height: 134">
<DIV class="sidebar">Header</DIV>
Hiaa, use this little space for anything! But use it wisly cause theres only so
much to type in. Add links? Little icons? General info or anything.
</DIV>






<div id="sidebar2" style="width: 164; height: 549">

<div style="overflow: auto; width: 166; height: 492;">

<DIV class="sidebar2">Navigation</DIV>
<br>
<A HREF="URL" class= "nava">LINK 1</A>
<A HREF="URL" class= "navb">LINK 2</A>
<A HREF="URL" class= "nava">LINK 3</A>
<A HREF="URL" class= "navb">LINK 4</A>
<A HREF="URL" class= "nava">LINK 5</A>
<A HREF="URL" class= "navb">LINK 6</A>


<DIV class="sidebar2">Text</DIV>
Okay so you can type right here in this little space as much as you pleaseeeee. You can put descriptions, images, ect. what ever you want, even this little bar scrooolllss if you type to much.


<DIV class="sidebar2">More links</DIV>

<A HREF="URL" class= "nava">LINK 1</A>
<A HREF="URL" class= "navb">LINK 2</A>
<A HREF="URL" class= "nava">LINK 3</A>
<A HREF="URL" class= "navb">LINK 4</A>
<A HREF="URL" class= "nava">LINK 5</A>
<A HREF="URL" class= "navb">LINK 6</A>
<br>

<DIV class="sidebar2">Text 2</DIV>
text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here
text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here
<DIV class="sidebar2">Credit</DIV>
Layout put together by: <a href="http://www.sugarpurr.createblog.com">Stephanie@createblog.</a>
<br>
Layout hosting by: <a href="http://www.createblog.com">CreateBlog.</a>
</div>
</DIV>




<div id="header" style="width: 434; height: 83">
<DIV class="mainheader" style="width: 615; height: 38">Main Header</DIV>
</font><font face="Arial" size="2">"cute little tagline goes hereee!"</font>
</div>



<div id="toplinks" style="width: 432; height: 57"><a href="LINK">LINK</a> -
<a href="LINK">LINK</a>- <a href="LINK">LINK</a> - <a href="link">LINK</a> -
<a href="link">LINK</a> - <a href="link">LINK</a>
</div>




<div id="content" style="width: 533; height: 157">

<div style="overflow: auto; width: 456; height: 431">

<DIV class="content">Hi There!</DIV>

This design was supposed to pull of a Kawaii Japanese theme, and a cute notepad look. Sooo, This is <i>italic.</i> This is
<b>bold</b>, and of course this is <u>underline.</u> Leave the credit on please!<br>
You can obviously edit out this text before you make your site. Oh, btw. This
cute little notepad area scrolls when it goes down too far, and remember this is a website template. <b>Not</b> a myspace template.<br>
<br>


<DIV class="content">tTextarea.</DIV>
</font><font face="verdan" style="font-size: 8pt">Textarea looks like:<br>
<br>
<textarea rows="2" cols="71">This little box scrooooolllllssss. So just type with the textarea code around your text,and you get this cute little scroll box.<3