this is your title:)

home link link link link link link layout

page title!

normal bolded italics underlined small big

all i ask is that you follow these simple rules:
you may change the coding/header/etc as long as you leave my credit on

do not redistribute or steal my stylesheet

do not remove my credit link

comment me if you're using this layout

enjoy!

layout code below:

<title>this is your title:)</title>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<body> 
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}</style>

}

td, p, body, a { 
font-color : #19020f;
font-family : arial;
font-size : 12px;
line-height: 12px;
text-align : left;
padding-left: 2px;
padding-right: 2px;
text-transform: ;
}

a, a:visited, a:active { 
	color:#19020f;
	font-family:arial;
	font-size:11px;
	line-height:11px;
	text-transform:none;
	text-decoration:none; 
	font-weight:normal; 
	}

a:hover { 
	color:#f31b8b;
	font-family:arial;
	background-color:#;
	font-size:11px;
	line-height:11px;
	text-transform:none;
	text-decoration:bold; 
	font-weight:normal; 
	-webkit-transition: color 0.5s ease-out;
-moz-transition: color 0.5s ease-out;
	}

a:link img { 
border : none;
} 
a:visited img { 
border : none;
} 
a:hover img { 
border : none;
} 
textarea {width:170px; height:35px; border: 1px dashed}
textarea, .text, td, font, a, body, table, td, li, p, div, br {color:19020f; align:center; font-size:11px; line-height:11px; font-weight:normal;  font-family:arial;}

blockquote {
width: 500px;
text-align: left;
border-top: 0px dotted #;
border-left: 3px solid #f31b8b;
border-right: 3px solid #f31b8b;
border-bottom: 0px solid #;
padding: 5px;
background-color: #d8cbaf;
-moz-border-radius: 0px;
}

li {list-style-image:url(http://www.sparklelust.net/images/bullet.gif);
margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px;}

.nav1 {
background-color:#transparent; 
width:280px;
font-family:arial; 
color:#510950;
font-size:25px;
line-height:23px; 
text-align:left;
align: left;
letter-spacing:-3px;
text-transform:lowercase;
text-shadow:#510950 0px 0px 2px;
font-weight:normal;
border-bottom:0px solid #ffffff;
display:block;
} .nav1:first-letter {color: #510950; font-weight:normal; text-shadow:#510950 0px 0px 2px;}

.nav2 {
background-color:#transparent; 
width:220px;
font-family:arial; 
color:#d8cbaf;
font-size:25px;
line-height:23px; 
text-shadow:#d8cbaf 0px 0px 2px;
text-align:left;
align: left;
letter-spacing:-3px;
text-transform:lowercase;
font-weight:normal;
border-bottom:0px solid #ffffff;
display:block;
} .nav2:first-letter {color: #d8cbaf; font-weight:normal; text-shadow:#d8cbaf 0px 0px 2px;}

.nav3 {
background-color:#transparent; 
width:220px;
font-family:arial;
color:#19020f;
font-size:25px;
line-height:23px;  
text-align:left;
align: left;
letter-spacing:-3px;
text-transform:lowercase;
text-shadow:#19020f 0px 0px 2px;
font-weight:normal;
border-bottom:0px dashed #ffffff;
display:block;
} .nav3:first-letter {color: #19020f; font-weight:normal; text-shadow:#19020f 0px 0px 2px;}

h4 {
font-family:arial; 
color:#f31b8b;
font-size:33px;
line-height:31px; 
text-align:left;
letter-spacing:-4px;
text-transform:lowercase;
font-weight:normal;
border-bottom:0px solid #transparent;
text-shadow:#f31b8b 0px 0px 2px;
margin-right:0px;
margin-bottom:3px;
margin-top:0px;
margin-left:0px;
background-color:#transparent; 
background-image:url();
background-repeat:no-repeat;}
h4:first-letter {color: #f31b8b; font-weight: normal; text-shadow:#f31b8b 0px 0px 2px;} 
a.fliv, a.fliv:link, a.fliv:active, a.fliv:visited{
font-family: arial black;
font-size:20px;
color: #19020f;
text-transform:uppercase;
text-decoration:none;
font-weight:normal;
letter-spacing:-2px;
padding-right:4px;
text-shadow:#19020f 0px 0px 2px;}

a.fliv:hover{
font-family: arial black;
font-size:20px;
color: #f31b8b;
text-transform:uppercase;
text-decoration:none;
font-weight:normal;
letter-spacing:-2px;
padding-right:4px;
border-bottom:0px dashed #080808;
-webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out;
text-shadow:#f31b8b 0px 0px 2px;}

b { 
color : #f31b8b; font-family: arial; font-size: 12px;
} 
u { 
color: #000000;
border-bottom: 1px dashed #f31b8b; font-family: courier new;
} 
i { 
color : #666666; font-family: georgia; background-color: #
} 
BIG {font-family: arial black; font-size: 25px; letter-spacing: -3pt; line-height: 24px; color: 510950; text-decoration: none; text-shadow:#510950 0px 0px 2px;}

small {font-family: small fonts; font-size: 7px; text-transform: uppercase; letter-spacing: 2pt; line-height: 7px; color: 333333; text-decoration: none;}

textarea {font-family:small fonts;  
font-size: 7px; 
line-height: 8px; 
font-weight: normal; 
text-transform: uppercase; 
text-align: left; 
color: 000000; 
width: 162px; 
height: 20px; 
background-color: transparent; 
border: 1px dotted; 
border-color: 000000;}

#header {position:absolute; left: 0px; top: 0px;}

#content {position:absolute; top: 279px; left:155px; width:598px; text-align:center;}
#fliv{
width:600px;
height:20px;
margin:0 auto;}

#sidebar2 {position:absolute; top: 270px; left: 760px; width:280px;}

#rotation {
position : absolute;
top : 240px;
left : 647px;
width :px;
}

#rotation2 {
position : absolute;
top : 234px;
left : 60px;
width : 300px;
}

#footer{

width: 520px;
text-align:center;

font-weight:normal;
}

</style>

<div id="sidebar2">
<span class="nav2">updates</span>

<p align="left">
<small>all updates are clickable</small>

<div style="width:275px; height:80px; background-color:transparent; border:0px solid #; padding-left: 0px;
overflow:auto"><B>updates go here</b><BR>
update update update update<BR>
update update update update<BR>
update update update update<BR>
update update update update<BR>
update update update update<BR>
update update update update<BR>
update update update update<BR>
update update update update<BR>
update update update update<BR>
update update update update<BR>
update update update update<BR>
update update update update<BR>

</div>

<BR>

<span class="nav1">header</span>

<CENTER>
<a href="#">affie link</a><BR>
<a href="#">affie link</a><BR>
<a href="#">affie link</a><BR>
<a href="#">affie link</a><BR>
<a href="#">affie link</a><BR>

</td><td align="right">

<CENTER>
<a href="#">affie link</a><BR>
<a href="#">affie link</a><BR>
<a href="#">affie link</a><BR>
<a href="#">affie link</a><BR>
<a href="#">affie link</a><BR>
</td></tr></tbody></table></CENTER>

<BR>

<span class="nav2">header</span>

<BR>
put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here.
</center>

<span class="nav3">chatbox</span>

</div>

<div id="content">
<div id="fliv" align="center">
<CENTER>
<a href="#" class="fliv">home</a> 
<a href="#" class="fliv">link</a> 
<a href="#" class="fliv">link</a> 
<a href="#" class="fliv">link</a> 
<a href="#" class="fliv">link</a> 
<a href="#" class="fliv">link</a> 
<a href="#" class="fliv">link</a>
<a href="http://www.sparklelust.net" class="fliv">layout</a>

</div>

<BR>

<h4>page title</h4>
<BR>
normal <B>bolded</b> <i>italics</i> <u>underlined</u> <small>small</small> <BIG>big</big><BR>

your content goes here. your content goes here. your content goes here. your content goes here.
your content goes here. your content goes here. your content goes here. your content goes here. your content goes here.
your content goes here. your content goes here. your content goes here. your content goes here. your content goes here.
your content goes here. your content goes here. your content goes here. your content goes here. your content goes here.
your content goes here. your content goes here. your content goes here. your content goes here.

</center>

</div>
</div>