Terms of Use

Do NOT alter the coding of our graphics to create your own.
Do NOT remove the credits or claim that you made these graphics. Remember to credit us! ^__^

We would also really appreciate the bandwidth you'd be saving us if you saved the images to your own host and linked to them from there. ^_^

Petpages by Leah

MSP Adoptions

<table class="maintable" cellspacing="0" width="600">
<tr>
<td colspan="3" width="600"><img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/leah_MSP_hdr.gif"></td>
</tr>
<tr>
<td width="150" id="links" valign="top" style="padding-left: 2px;">
<img src="http://pets.neopets.com/cpn/roboticka/1/2.png"><h2>H2: link titles</h2>
<h3>H3 - Links and sidebar text<br><a href="#1">Link 1</a><br><a href="#2">Link 2</a>
</h3>

<h2>Neopets Links</h2>
<h4>H4 Neopets T&Cs<br><br>
Neopets, characters, logos, names and all related indicia
 are trademarks of <a href="http://www.neopets.com/aboutus.phtml">Neopets, Inc.,</a> © 1999-2011.<br><a href="http://www.neopets.com/privacy.phtml">PRIVACY POLICY</a> <br><a href="http://www.neopets.com/safetytips.phtml">Safety Tips</a> | <a href="http://www.neopets.com/contact.phtml">Contact Us</a>  <br><a href="http://www.neopets.com/aboutus.phtml">About Us</a> | <a href="http://www.neopets.com/presskit_form.phtml">Press Kit</a> <br>
Use of this site signifies your acceptance of the <a href="http://www.neopets.com/terms.phtml">Terms and Conditions</a><br>
</h4>
</td>
<td width="1">
</td>
<td width="430" valign="top" style="padding-right: 2px;">
<h1>h1 - headings<a name="1"></a>
</h1>
<p>
<b>Bold Text</b> <i>Italic Text</i> <strong>Strong Text </strong><br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque mi ipsum, varius sit amet, ultrices ac, imperdiet id, lorem. Donec mollis risus nec purus. Vestibulum nec lorem. Ut auctor, orci sit amet vehicula semper, magna ante sodales libero, vitae pharetra neque quam eu lorem. Nam convallis massa nec nibh. Proin elit lacus, cursus ut, lobortis id, elementum at, sem. Nulla semper felis fringilla sem. In diam. Aliquam quam pede, consequat sed, interdum in, suscipit a, enim. Donec semper blandit eros. Maecenas ac mi. Vestibulum bibendum convallis ligula. Fusce sagittis porttitor lectus. Vestibulum aliquam sagittis pede. Suspendisse potenti.
</p>

<h1>h1 - headings<a name="2"></a>
</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque mi ipsum, varius sit amet, ultrices ac, imperdiet id, lorem. Donec mollis risus nec purus. Vestibulum nec lorem. Ut auctor, orci sit amet vehicula semper, magna ante sodales libero, vitae pharetra neque quam eu lorem. Nam convallis massa nec nibh. Proin elit lacus, cursus ut, lobortis id, elementum at, sem. Nulla semper felis fringilla sem. In diam. Aliquam quam pede, consequat sed, interdum in, suscipit a, enim. Donec semper blandit eros. Maecenas ac mi. Vestibulum bibendum convallis ligula. Fusce sagittis porttitor lectus. Vestibulum aliquam sagittis pede. Suspendisse potenti.
</p>

</td>
</tr>
<tr>
<td colspan="3" width="600" style="padding-top: 10px; text-align: center; background-color: #FFCC00;"><img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/leah_MSP_tc.gif"></td>
</tr>
</table>
</center>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

Petpages by Amber

Sweet Dreams

<div style="position: absolute;" id="pic"><img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/amber_taigar_header.png"></div>
<div style="position: absolute;" id="content">
    <div id="nav">
    <a href="/myaccount.phtml">account</a>
    <a href="/customise/">customise</a>
    <a href="/games/arcade.phtml">games</a>
    <a href="/explore.phtml">explore</a>
    <a href="/nf.phtml">news</a>
    <a href="/petcentral.phtml">central</a>
    <a href="/neoboards/index.phtml">boards</a>
    <a href="/objects.phtml">shops</a>
    <a href="/mall/index.phtml"> mall</a>
</div>

<h1>petpage name</h1>
    <h2>header name</h2>
<p>b>Bold</b>. <i>Italic</i>. Underline. <a href="http://www.neopets.com">Link</a>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mi lectus, luctus sit amet consectetur et, congue id nisl. Integer condimentum nibh non libero vestibulum cursus. Fusce malesuada interdum orci sed ornare. Sed ullamcorper, mi non convallis congue, nisl velit feugiat quam, eu porttitor est est ornare magna. Quisque quam mi, lacinia nec ornare nec, consequat in tellus. Fusce ut tellus nec lacus dignissim imperdiet eu feugiat dui. Duis pharetra augue leo. Etiam non ipsum leo. Maecenas euismod massa sit amet lorem consectetur non dapibus odio fringilla. Phasellus rutrum suscipit quam, a elementum risus vehicula sollicitudin.</p>

<p>Integer aliquam tortor id quam euismod lobortis. Morbi a odio odio. Nunc iaculis blandit ligula sed dictum. Etiam ut orci in est molestie ullamcorper a non ipsum. Suspendisse ac sapien nisi. Phasellus non interdum metus. Vivamus tincidunt gravida libero ac iaculis. Maecenas lectus dolor, placerat vel pretium at, imperdiet et felis. Nam at viverra metus. Quisque dapibus enim quam. Sed odio neque, porttitor non lacinia non, euismod tempus nisl. Donec et nisi vestibulum nulla auctor porttitor. Integer eget tellus a sapien laoreet mollis eget eget velit. Curabitur sit amet aliquet justo. Fusce leo lacus, mattis at malesuada vel, fermentum non est. Donec ut arcu justo, sit amet imperdiet arcu. Quisque lobortis diam id augue pulvinar sed fermentum velit ultrices. Proin hendrerit dui id dolor placerat in euismod neque porttitor. Nulla facilisi. </p>

<p>Nam urna lorem, bibendum vel accumsan quis, lacinia vel diam. Praesent rutrum, felis vel vehicula pretium, est tortor malesuada nibh, eget faucibus ante augue eu ipsum. Aenean scelerisque interdum metus quis adipiscing. Duis eget magna ipsum, at congue erat. Ut vitae nulla libero. Aliquam at purus in dolor rhoncus iaculis. Etiam venenatis urna non arcu bibendum ut scelerisque neque ultrices. Sed faucibus est sit amet nunc elementum mattis. Vestibulum a gravida arcu. Donec a mi sem, nec lobortis nibh. Pellentesque nec lacus quis lorem gravida imperdiet at quis sapien. Fusce vel est eu tellus consequat lacinia. Curabitur ultrices fringilla sapien cursus commodo. Quisque tellus nisl, accumsan ut blandit ac, aliquam ullamcorper augue. 
    <br><br><br></p></div>
<br>

Up for Adoption (mynci)

table{background:none}

#cover{
width:100%;
height:14px;
top:0px;
left:0px;
background:#c6e9e9;
}

body
{
background:#c6e9e9;
}

b
{color:#D96C87;
font:bold 8pt tahoma;
}

i
{font:italic bold 8pt arial;
color:#94C95F;
}

u
{font:bold 8pt arial;
color:#A4A5DE;
}

a:link, a:visited, a:active
{
font:bold 8pt tahoma;
text-transform:uppercase;
text-decoration:none;
letter-spacing:4px;
color:#68AFBD;
}

a:hover
{color:#95DAE8;
cursor:help;
}

#content
{
width:840px;
margin:auto;
margin-top:-425px;
padding:0;
z-index:100!important;
background:#fff;
}

.content
{
font:8pt arial;
line-height:110%;
letter-spacing:2px;
color:#8e8e8e;
padding:0 50 25 50;
margin:0;
text-align:left!important;
}

.tab
{
font:8pt arial;
line-height:110%;
letter-spacing:2px;
color:#8e8e8e;
padding-left:0px;
padding-right:0px;
padding-bottom:20px;
padding-top:0px;
margin:0;
text-align:left!important;
}

h1
{
font:35pt century;
text-transform:lowercase;
text-align:center;
color:#7bc5d6;
margin:0;
letter-spacing:10px;
padding:0;
}

h2
{
font:20pt century;
text-align:right;
letter-spacing:-1px;
color:#A990E8;
padding:0;
margin:0px 20px 10px 0px;
}

.main
{width:770px;
padding:0;
margin:0;
}

.main td
{padding-left:10px;
width:380px;
}

.pets
{width:380px;
margin:0;
padding:0;
}

.pets td
{
font:8pt arial;
letter-spacing:2px;
color:#8e8e8e;
text-align:center!important;
padding:0px 0px 7px 0px;
margin:0;
}
</style>

<h1>adoption agency name</h1>
<br>
<div class="content"><b>Bold</b>. <i>Italic</i>. <u>Underline</u>. <a href="/~link">Link</a>. Introduction goes here. Introduction goes here. Introduction goes here. Introduction goes here. Introduction goes here. Introduction goes here. Introduction goes here. Introduction goes here. Introduction goes here. Introduction goes here. Introduction goes here. Introduction goes here. Introduction goes here. Introduction goes here. </div>

<table class="main">
<td valign="top">
<h2>text goes here</h2><div class="tab">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum velit purus, pretium ac venenatis quis, sollicitudin vel sapien. Sed eu metus mi, iaculis volutpat est. Integer mattis sapien ut augue faucibus sollicitudin feugiat nunc rhoncus. Sed nec varius dui. Fusce ut scelerisque neque. Sed ut arcu ac dui sodales convallis quis nec risus. Quisque facilisis ante vel sem pulvinar interdum. Maecenas adipiscing blandit turpis vel elementum. Aenean semper eros non nulla pulvinar sit amet tempus lacus porttitor. Pellentesque congue tortor eget nibh pulvinar vel tincidunt felis suscipit. 
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum velit purus, pretium ac venenatis quis, sollicitudin vel sapien. Sed eu metus mi, iaculis volutpat est. Integer mattis sapien ut augue faucibus sollicitudin feugiat nunc rhoncus. Sed nec varius dui. Fusce ut scelerisque neque. Sed ut arcu ac dui sodales convallis quis nec risus. Quisque facilisis ante vel sem pulvinar interdum. Maecenas adipiscing blandit turpis vel elementum. Aenean semper eros non nulla pulvinar sit amet tempus lacus porttitor. Pellentesque congue tortor eget nibh pulvinar vel tincidunt felis suscipit. 
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum velit purus, pretium ac venenatis quis, sollicitudin vel sapien. Sed eu metus mi, iaculis volutpat est. Integer mattis sapien ut augue faucibus sollicitudin feugiat nunc rhoncus. Sed nec varius dui. Fusce ut scelerisque neque. Sed ut arcu ac dui sodales convallis quis nec risus. Quisque facilisis ante vel sem pulvinar interdum. Maecenas adipiscing blandit turpis vel elementum. Aenean semper eros non nulla pulvinar sit amet tempus lacus porttitor. Pellentesque congue tortor eget nibh pulvinar vel tincidunt felis suscipit. 
<p>
</div>
</td>

<td valign="top">
<h2>foster listing</h2>

<tr><td>
Name
<br>Accepted:
<br>Rejected:
<br>Received:
<br><br></td>

<td>Name
<br>Accepted:
<br>Rejected:
<br>Received:
<br><br></td>
</tr>

<tr><td>
Name
<br>Accepted:
<br>Rejected:
<br>Received:
<br><br></td>

<td>Name
<br>Accepted:
<br>Rejected:
<br>Received:
<br><br></td></tr>
</table>
</td></table>
</div></div>

Petpages by faeriedragon66

Very Lost Desert

<STYLE>
			
* {
	margin: 0; padding: 0; border: 0;
}

body {
		height: 100%;
		font-family: tahoma;
		letter-spacing: 1px;	
		font-size: 13px;
		line-height: 18px;
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky-desertpp-bg2.png) #6D5052;
		text-align: center;
}
	#footer {
		width: 800px; height: 60px;
		text-align: center;
}

#frame {
		width: 800;
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky-desertpp-bg.png);
		left: 50%;
		margin-left: -400px;
}
	#nav {
		float:left;
		width: 140px;
		text-align: right;
		font-variant: small-caps;
		padding-left: 10px;
		text-align: right;
}
	#content {
		width: 628px;
		float: right;
		
}
	.content {
		clear: both;
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky-desertpp-content2.png);
		width: 628px;
		margin-left: 1px;
}
	.context {
		width: 560px;
		text-align: left;
		padding-left: 40px;
		color: #abdbe1;
}

#header {
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky-desertpp-layout.png);
		width: 800;
		height: 565;
		font-weight: normal;	
}
	ul {
		text-align: center;
		list-style: none;
}
	li a {
		margin: 10px;
		padding-top: 5px;
		width: 140px;
		height: 28px;
		display: block;
		background: #f7f5bd;
		color: #5e425d;
		font-family: tahoma;
		font-size: 30px;
		border-left: 10px solid #5e425d;
		border-top: 1px solid #5e425d;
		border-bottom: 1px solid #5e425d;
		border-right: 10px solid #5e425d;
}

li a:hover {
		color: #893232;	
		border-left: 10px solid #893232;
		border-top: 1px solid #893232;
		border-bottom: 1px solid #893232;
		border-right: 10px solid #893232;
}
	a {
		color: #fff;
		font-variant: small-caps;
		text-decoration: none;
}
	a:hover {
		color: #f7f5bd;
}
	strong {
		color: #f7f5bd;
}

h1 {
		display: block;
		width: 300px;
		font-size: 48px;
		font-family: "times new roman"; 
		color: #893232;
		letter-spacing: -1;
		text-transform: uppercase;
		line-height: .8;
		text-align: right;
}
	h2 {
		display: block;
		width: 280px;
		font-size: 12px;
		font-family: "times new roman"; 
		color: #893232;		
		text-transform: uppercase;
		text-align: right;
}

.h {
		height: 56px;
		width: 628px;
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky-desertpp-content1.png);
		float: right;
}
	h3 {
		text-align: right;
		margin-right: 110px;
		margin-top: 20px;
		color: #634663;
		font-family: georgia;
		font-size: 24px;
		text-transform: uppercase;
		font-weight: normal;
		letter-spacing: -1px;
}
	.sf, .smallfont {
		display: none;
}

</STYLE>
<DIV id="frame" style="position: absolute;">
<DIV id="header">
<DIV style="position: relative; top: 230px; left: 230px; text-align: left;">
	<h1>edit these titles</h1>
	<h2 style="position: relative; left: 30px;">subtitle</h2>
</DIV> </DIV>

<div class="h" id="one">
	<h3>subtitle I</h3></div>
<div class="content"><div class="context">
		
	<strong>strong text</strong>
	<p><i>Lorem ipsum</i> <a href="http://neopets.com">link text</a>, <b>consectetur adipiscing elit</b>. In laoreet, justo elementum congue elementum, purus quam, ac varius risus ante sed nibh. Pellentesque sagittis vestibulum metus, a pretium turpis interdum quis. Sed elementum euismod mattis. Suspendisse lobortis vulputate nunc, vitae convallis diam tincidunt id. </p>
		
</div></div>
<img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky-desertpp-content3.png">

<div class="h" id="two">
	<h3>using this layout</h3></div>
<div class="content"><div class="context">
	<strong>Hello there</strong> 
	<p>The default code has only 3 links and 2 content boxes. However, you can make as many of each as you want by recopying the code.</p> 
	<p>Tags that are capitalized (e.g: "DIV" rather than "div") should not be edited.</p>
	<p>This petpage was created by <a href="http://www.neopets.com/userlookup.phtml?user=faeriedragon66">faeriedragon66</a>. You may use my code for your own purposes with permission. If you're simply altering this layout, you don't need permission as long as you continue to credit me.</p>
		
</div></div>
<img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky-desertpp-content3.png">
	
</DIV>

Plum Elegance

.sf, td[align="center"] {
		display: none;
}

body {
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky_pun_dsidebg.png) repeat-y top left #432e36;
}
		
	#header {
		width: 100%;
		height: 260px;
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky_pun_hdrbg.png) repeat-x;
		overflow: hidden;
		z-index: 1;
}

#logo {
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky_pun_hdrimg.png) no-repeat top left;
		z-index: 20;
			top: 0;
			left: 0;
		width: 303; height: 260;
}

#vertalign {
			left: 59px;
			top: 10px;		
		z-index: 26;	
		text-align: center;			
}
	#title {	
		height: 220px;
		width: 215px;	
		line-height: 100%;
		letter-spacing: -2px;			
		font-family: georgia, "times new roman", serif;
		font-size: 30px;
		color: #432e36;			
}

#frame {
			top: 130px;
			left: 300px;
		z-index: 20;		
		margin-right: 10px;
}

#sidebar {
		float: right;
		width: 25%;
		font-family: tahoma, serif;
		letter-spacing: 3px;
		font-size: 11px;
		color: #d8cd99;		
		line-height: 1;
		text-align: left;
		margin-left: 10px;
}

#contentframe {	
		float: left;	
		width: 70%;
	
}

.content {
		font-family: georgia, "times new roman", sans-serif;
		letter-spacing: 1px;
		font-size: 12px;
		color: #808471;		
		line-height: 2;
	
}
	#nav {	
			top: 76px;
			left: 300px;
		clear: both;
		float: left; 
		margin-left: 4px; 
		color: #fff;
		list-style-type: 0;
			border-bottom: #988c53;	
		overflow: hidden;
		z-index: 50;
}

#nav li {	
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky_pun_navbg.png) top left no-repeat;
		list-style-type: none;
		float: left;
		margin-left: 10px;
		padding-left: 10px; 
		padding-right: -10px;
		height: 30px;
}

#nav li a {
		display: block;
		background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky_pun_navbg.png) top right no-repeat #3d4731;
		padding-right: 10px;
		padding-top: 10px;
		font-family: "gill sans", "century gothic", tahoma, sans-serif;
		color: #3d4731;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: -1px;
		font-weight: normal;
}

#nav li a:hover {
		color: #8c7d3d;
}

h1 {
		color: #2d161f;
		font-family: helvetica neue, gill sans, tahoma, verdana, sans-serif;
		text-align: right;
		font-size: 45px;
		margin-bottom: -3px;
		letter-spacing: -2px;
		line-height: 40px;
}

h2 {
		color: #d8cd99;
		font-family: "gill sans", serif;
		font-size: 11px;
		letter-spacing: 4px;
		text-align: right;
		font-weight: normal;
		text-transform: uppercase;
		padding-bottom: 5px;
		margin-bottom: 5px;
		border-bottom: 1px solid #2d161f;
}

.small {
		font-family: tahoma, verdana, serif;
		font-size: 10px;
		letter-spacing: 1;
		color: #2d161f;
}

a {
		color: #ccc;
		text-decoration: none;
}
	a:hover {
		background: #d8cd99;
		color: #4b4f47;
}

a.alt {
		color: #2d161f;
		text-decoration: underline;
}

p {
		margin-bottom: 15px;
}

.petframe {
		background: #4b4f47; 
		border-right: 15px #ccc solid;
		padding: 10px;
}
	.pet {
		float: right;
		border: 10px #2d161f solid;
		padding: 1px;
		margin-left: 20px;
		height: 200px; width: 200px;
}

#savebutton
		{ width: 200px; height:400px; align: left;
}

</style>

<div id="header">
<div id="navwrap">		
<ul id="nav" style="position: absolute;">
	<li class="nav"><a href="#anchor1">1 one</a></li>
	<li class="nav"><a href="#anchor2">2 two</a></li>	
	<li class="nav"><a href="#anchor3">3 three</a></li>
	<li class="nav"><a href="#anchor4">4 four</a></li>	
	<li class="nav"><a href="http://neopets.com">5 five</a></li>
	<li class="nav"><a href="http://neopets.com">6 six</a></li>		
</ul>

<ul id="nav" style="position: absolute; left: 280px; top: 45px;">
	<li class="nav"><a href="http://neopets.com">seven</a></li>
	<li class="nav"><a href="http://neopets.com">eight</a></li>	
	<li class="nav"><a href="http://neopets.com">nine</a></li>
	<li class="nav"><a href="http://neopets.com">ten</a></li>	
	<li class="nav"><a href="http://neopets.com">eleven</a></li>	
	<li class="nav"><a href="http://neopets.com">twelve</a></li>	
</ul>
</div>
	<div id="logo" style="position: absolute;"></div>
</div>
<div id="frame" style="position: absolute;">
<div id="sidebar">

<img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/vicky_pun_icon.png" style="margin-bottom: 20px; margin-top: 20px;"> <br />
	
		<p class="small">Layout made by <a href="http://www.neopets.com/userlookup.phtml?user=faeriedragon66" class="alt">Vicky</a> for The Official Neopian Orphanage. 
	<br /><br />
	
	NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2010. All rights reserved.</p>	
</div>

<h1 id="anchor1">content headline</h1>
	<h2>an optional sub-headline goes here</h2>
		<div class="content">
		<p>If you use this layout, I only ask that you continue to credit me (faeriedragon66) and The Official Neopian Orphanage. Please keep in mind that while I did my best to accomodate all major browsers and resolutions, those with 800x600 screens and lower may have slight problems.  </p>

<h1 id="anchor2">waiting for inspiration</h1>
	<h2>i sound my barbaric yawp</h2>
		<div class="content">
		<p>A child said  What is the grass? fetching it to me with full hands, /
How could I answer the child? I do not know what it is any more than he. /
I guess it must be the flag of my disposition, out of hopefull green stuff woven. /
Or I guess it is the handkerchief of the Lord, /
A scented gift and remembrancer designedly dropt, /
Bearing the owner's name someway in the corners, that we may see and remark, and say Whose? /
Or I guess the grass is itself a child, the produced babe of the vegetation. /
Or I guess it is a uniform hieroglyphic, /
And it means, Sprouting alike in broad zones and narrow zones, /
Growing among black folks as among white, /
Kanuck, Tuckahoe, Congressman, Cuff, I give them the same, I receive them the same.</p>
</div>

<h1 id="anchor3">content headline</h1>
	<h2>an optional sub-headline goes here</h2>
		<div class="content">
		<p>If you use this layout, I only ask that you continue to credit me (faeriedragon66) and The Official Neopian Orphanage. Please keep in mind that while I did my best to accomodate all major browsers and resolutions, those with 800x600 screens and lower or those who use Internet Explorer may have slight problems.  </p>

<p><b>Tabs.</b> I provided two rows of tabs for navigation. If you only need one row, you can get rid of one; if you need more, I suggest you use the column to the right. <img src="http://billopan.com/adopt/nucleus/plugins/fancytext/smiles/icon_wink.gif" /></p>
</div>
	
	<h1 id="anchor4">waiting for inspiration</h1>
	<h2>i sound my barbaric yawp</h2>
		<div class="content">
		<p>
		A child said  What is the grass? fetching it to me with full hands, /
How could I answer the child? I do not know what it is any more than he. /
I guess it must be the flag of my disposition, out of hopefull green stuff woven. /
Or I guess it is the handkerchief of the Lord, /
A scented gift and remembrancer designedly dropt, /
Bearing the owner's name someway in the corners, that we may see and remark, and say Whose? /
Or I guess the grass is itself a child, the produced babe of the vegetation. /
Or I guess it is a uniform hieroglyphic, /
And it means, Sprouting alike in broad zones and narrow zones, /
Growing among black folks as among white, /
Kanuck, Tuckahoe, Congressman, Cuff, I give them the same, I receive them the same.</p>
</div>

</div>

</div></div>

Petpages by Kaie

Black & Yellow Illusen <style> body, td, p { font-family: Verdana; font-size: 12px; color: #000; cursor: crosshair; line-height: 14px; text-align: justify; } body { background-color: #001C00; } .sf, .eks { } a:link { font-family: verdana; color: #004500; font-weight: bold; text-decoration: none; } a:visited { font-family: verdana; color: #004500; font-weight: bold; text-decoration: none; } a:hover { font-family: verdana; font-size: 12px; color: #fff; text-decoration: underline overline; cursor: crosshair; display: -blocked-; } .ch { font-family: Trebuchet MS; font-size: 20px; font-weight: bold; color: #005800; text-align: center; letter-spacing: 2px; background-color: #F1EC00; padding: 5px; } .body { background-color: #31D000; border-right: 15px solid #009400; border-bottom: 5px solid #009400; text-align: justify; } .nav { font-family: Verdana; font-size: 10px; font-weight: bold; color: #005800; text-align: center; letter-spacing: 2; background-color: #4DB400; } #side { float: left; width: 250px; padding: 10px; text-align: center; font-size: 10px; color: #fff; } #content { float: left; margin-top: -20px; width: 600px; padding: 10px; text-align: justify; font-size: 12px; } .sf {font-size: 8px; color: #001C00;} .sf a {color: #001C00;} </style> <div id="side"> <p class="ch">Header</p> Insert links, fosters, etc. ^^ <p class="ch">Header</p> More fun stuff here! <p class="ch">Credit</p> Layout by <a href="http://www.neopets.com/userlookup.phtml?user=rein_">rein_</a> for billopan.com </div> <div id="content"><table width="600" border="0" cellpadding="0" cellspacing="0"><td width="100%" valign="top"> <img src="http://i27.tinypic.com/jgqhk6.jpg"><table width="100%" border="0" cellpadding="5" cellspacing="1"><tr><td valign="top" class="nav">Navigation: <a href="#1">Anchor1</a> \| <a href="#2">Anchor2</a> \| <a href="#3">Anchor3</a> \| <a href="#4">Anchor4</a> </td></tr></table> <p> <a name="1"></a> </p> <table width="100%" border="0" cellpadding="5" cellspacing="1"> <tr><td valign="top" class="ch">Header</td></tr> <tr><td valign="top" class="body"> Your text here </td></tr> <table> <p> <a name="2"></a> </p> <table width="100%" border="0" cellpadding="5" cellspacing="1"> <tr><td valign="top" class="ch">Header</td></tr> <tr><td valign="top" class="body"> Your text here </td></tr> <table> <p> <a name="3"></a> </p> <table width="100%" border="0" cellpadding="5" cellspacing="1"> <tr><td valign="top" class="ch">Header</td></tr> <tr><td valign="top" class="body"> Your text here </td></tr> <table> <p> <a name="4"></a> </p> <table width="100%" border="0" cellpadding="5" cellspacing="1"> <tr><td valign="top" class="ch">Header</td></tr> <tr><td valign="top" class="body"> Your text here </td></tr> </div>	Chuckles the Clown <style> body { margin: 0pt; background-image: url("http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_chucklesbg.jpg"); background-repeat: repeat-y; background-position: left; background-color: #000000; color: firebrick; } div, td { font-family: Georgia,Arial,Tahoma; font-size: 11px; color: #ffca19; } a:link, a:active, a:visited { text-decoration: -blocked-; color: #340040; height: 1px; } A:hover { text-decoration: none; color: #e574ff; } .head1 { text-align: center; color: #790098; font-family: georgia; font-size: 25pt; text-transform: none; font-weight: bold; background-color: #f3ff00; border-top: solid 2px #d16701; border-bottom: solid 2px #d16701; border-right: solid 1px #790098; border-left: solid 1px #790098; } .ch { color: #d16701; letter-spacing: 2px; word-spacing: 1px; height: 26px; font-weight: bold; border: 1px solid #d16701; padding-top: 2px; padding-right: 2px; font-family: Georgia; text-align: center; background-color: #000000; } .nav { font-family: Georgia; font-size: 11; color: #ff75bd; } .sf {font-family: verdana; color: #000; font-size: 8px; } .sf a {font-family: verdana; color: #000; font-size: 8px; } </style> <div style="margin-left: 10px; margin-top: 15; width: 690;"> <img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_chuckles.jpg"> </div> <div class="nav" style="margin-top: -10px; margin-left: 700px; width: 150px; height: 200px; background-color: #000000;"> <p class="ch">Navigation or sidetext</p> <br><a href="http://www.neopets.com">Link</a><br>Text <p class="ch">Credits</p> <br>Site © Your Name<br> Layout from billopan.com By <a href="http://www.neopets.com/userlookup.phtml?user=rein_">Kaie (rein_)</a> </div> <div class="content" style="margin-left: 100px; margin-top: -230px; width: 510px; background-color: #000000;"> <p class="head1">Header</p> text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text <br>text<br>text<br>text<br>text<br>text<br>text<br> </div>
Two Raindorf <style> body, td, p { font-family: arial,helvetica,sans-serif; font-size: 10px; color: #000000; cursor: -blocked-; line-height: 10px; } body { background-color: #28cfe1; } a:link { font-family: verdana; font-size: 9px; color: #0184be; font-weight: bold; text-decoration: none; } a:visited { font-family: verdana; font-size: 9px; color: #0184be; font-weight: bold; text-decoration: line-through; } a:hover { font-family: verdana; font-size: 10px; color: #deb800; text-decoration: none; border-bottom-style: dotted; border-color: #936600; border-bottom-width: 1px; cursor: crosshair; display: -blocked-; line-height: 10px; } .ch { font-family: trebuchet ms; font-size: 14px; font-weight: bold; text-transform: lowercase; color: #8d8290; text-align: left; letter-spacing: 2; background-color: white; border-color: #28cfe1; border-style: dashed; border-width: 1px; } .body { background-color: #b1d8dc; border-style: solid; border-width: 1px; border-color: #9e6b02; } .hdr { background-image: url("http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_raindorf.jpg"); } </style> <div style="position: absolute; left: 10px; width: 588px; background-color: #28cfe1;"> <table width="588" border="0" cellpadding="0" cellspacing="0"> <tr><td class="hdr" width="588" height="251"></td></tr> <tr><td valign="top" colspan="5"> <table width="588" height="307" border="0" cellpadding="0" cellspacing="5"><tr> <td width="75%" valign="top"> <table width="100%" border="0" cellpadding="5" cellspacing="1"> <tr><td valign="top" class="ch">content</td></tr> <tr><td valign="top" class="body"> <p align="justify"> <br><br><br><br><br><br><br><br><br><br><br><br><br></p> </td></tr> </table> <table width="100%" border="0" cellpadding="5" cellspacing="1"> <tr><td valign="top" class="ch">content</td></tr> <tr><td valign="top" class="body"> <p align="justify"> <br><br><br><br><br><br><br><br><br><br><br><br></p> </td></tr> </table> <table width="100%" border="0" cellpadding="5" cellspacing="1"> <tr><td valign="top" class="ch">content</td></tr> <tr><td valign="top" class="body"> <p align="justify"> <br><br><br><br><br><br><br><br><br><br><br><br></p> </td></tr> </table> </td> <td width="25%" valign="top"> <table width="100%" border="0" cellpadding="5" cellspacing="1"> <tr><td class="ch">menu</td></tr> <tr><td valign="top" class="body"> <a href="/">link</a><br><a href="/">link</a><br><a href="/">link</a><br><a href="/">link</a><br><a href="/">link</a><br> </td></tr> </table> <table width="100%" border="0" cellpadding="5" cellspacing="1"> <tr><td class="ch">menu</td></tr> <tr><td valign="top" class="body"> <a href="/">link</a><br><a href="/">link</a><br><a href="/">link</a><br><a href="/">link</a><br><a href="/">link</a><br> </td></tr> </table> <table width="100%" border="0" cellpadding="5" cellspacing="1"> <tr><td class="ch">menu</td></tr> <tr><td valign="top" class="body"> <a href="/">link</a><br><a href="/">link</a><br><a href="/">link</a><br><a href="/">link</a><br><a href="/">link</a><br> </td></tr> </table> </td> </tr></table> </td></tr> <tr><td valign="top" colspan="5" height="15"><table border="0" cellspacing="2" cellpadding="3"><tr><td valign="top"> <p align="center">Credit <br> Site © Your name <br>From billopan.com <br>Layout: <a href="http://www.neopets.com/userlookup.phtml?user=rein_">Kaie (rein_)</a></p> </td></tr></table></td></tr> </table> </div>	Poogle Pals <style> body { background: #b4b1cc url("http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_pooglesbg.jpg"); background-repeat: repeat-x; } div, td { font-family: Arial; font-size: 11px; color: #2254b5; } a:link, a:active, a:visited { text-decoration: -blocked-; color: #558fff; letter-spacing: 3px; word-spacing: 2px; height: 1px; } A:hover { text-decoration: none; color: #FFFFFF; cursor: crosshair; } .ch { text-decoration: -blocked-; color: #150c4c; letter-spacing: 5px; word-spacing: 1px; height: 16px; font-weight: bold; border: 1px solid #7489a1; padding-top: 0px; padding-right: 0px; font-family: Helvetica; text-align: center; background-color: #FFFFFF; } .content { text-decoration: -blocked-; letter-spacing: 1px; height: 2px; line-height: 100%; text-align: left; } .title { border-bottom: 1px dashed #31282e; padding: 3px; text-align: left; color: #150c4c; font: 18px Helvetica; letter-spacing: 3px; font-weight: bold; font-variant: small-caps; margin-bottom: 3px; } </style> <div style="margin-left: 613px; margin-top: 0px;"> <img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_poogles.jpg"> </div> <div class="content2" style="margin-left: 410px; margin-top: -405px; width: 171px;"> <p> </p> <p></p> <p class="ch">Navigation</p> <p class="content"> <a href="/">Link</a><br><a href="/">Link</a><br><a href="/">Link</a><br><a href="/">Link</a><br><a href="/">Link</a><br><a href="/">Link</a><br><a href="/">Link</a><br></p> <br><br><br><br><br><br><p class="ch">Header</p> <p class="content"> <br>Text<br>Text<br>Text<br>Text<br>Text<br><br><br></p> <br><br><br><br><br><br><br><p class="ch">Header</p> <p class="content"> Text<br>Text<br>Text<br>Text<br>Text<br>Text<br></p> <br><br><br><br><br><br><br><p class="ch">Credits</p> <p class="content"> Site © Your Name<br> From billopan.com<br> Layout by <a href="http://www.neopets.com/userlookup.phtml?user=rein_">Kaie (rein_)</a> </p> </div> <div class="body"> <div class="bg"></div> <div style="margin-left: 614px; margin-top: -350px; width: 633px; background-color: #FFFFFF; border-style: solid; color: #150c4c; padding: 0px 5px 0px 5px;"> <p></p> <td><b><p class="title">Header</p> Your text here<br><br><br><br><br><br><br><br><br><br><br><br><br><br><p> </p></b></td> </div> </div>
Grey Grey Faerie <style> #eks { } body { color: #000; margin: 0px; font-family: Verdana; font-size: 13px; background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_graybg.jpg) top left repeat-y; background-color: #939496; } a:visited { color: #ffffff; text-decoration: none; cursor: crosshair; } a:link { color: #807f7f; text-decoration: underline; cursor: crosshair; } a:hover { color: #000000; text-decoration: none; font-weight: none; cursor: crosshair; } .sf {font-size: 8pt;} div.bg { background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_gray1.jpg) top left no-repeat; width: 600x; height: 358px; } div.bg1 { background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_gray2.jpg) top left no-repeat; width: 599px; height: 92px; } #div { margin-left: 600px; float: left; width: 150px; padding-bottom: 5px; } #div1 { float: left; margin-left: 68px; margin-top: 0px; width: 469px; padding-bottom: 5px; } div.content { background-color: #C0C0C0; margin-top: 10px; border: 1px dashed #939496; } div#padding { padding: 3px; } div.font { color: #fff; font-family: Georgia; font-size: 20px; text-align: right; padding: 0px; border-bottom: 1px dashed #000; margin-bottom: 5px; margin-top: 15px; } div.font:first-letter { font-weight: bold; color: #807f7f; text-transform: none; } ul { padding-left: 15px; margin: 0px; list-style-type: dot; } div.h1 { color: #fff; font-family: Georgia; font-size: 20px; text-align: right; padding: 0px; border-bottom: 1px dashed #000; margin-bottom: 5px; margin-top: 5px; } div.h1:first-letter { font-weight: bold; color: #807f7f; text-transform: none; } </style> </head> <body> <div align="left"> <div class="bg"></div> <div class="bg1"> <div id="div"> <div class="font">Navigation</div> Text here <div class="font">Header</div> <div class="nav"><ul> <li><a href=>Link </A></li> <li><a href=>Link </A></li> <li><a href=>Link </A></li> <li><a href=>Link </A></li> </ul></div> <div class="font">Header</div> <div class="nav"><ul> <li><a href=>Link </A></li> <li><a href=>Link </A></li> <li><a href=>Link </A></li> <li><a href=>Link </A></li> </ul></div> <div class="font">Credits</div> <center> Site © Your name <br>From billopan.com</A> <br>Layout: <a href="http://www.neopets.com/userlookup.phtml?user=rein_" target="_blank">Kaie (rein_)</A> </center> </div> <div id="div1" style="position: absolute;"> <div class="content" id="padding"> <div class="h1">Header here</div> Your text here<p> <a href="http://neopets.com">Link</a><p> <b>Bold text</b><p> <i>Italic</i><p> <u>Underline</u><p> </div> <div class="content" id="padding"> <div class="h1">Header here</div> Your text here<p> <a href="http://neopets.com">Link</a><p> <b>Bold text</b><p> <i>Italic</i><p> <u>Underline</u><p> </div> </center>	Stellar Shoyru <style> body { font-family: Trebuchet MS; font-size: 12px; color: #FFFFFF; background-color: #1d2023; margin: 0px; } h1 { font-family: Courier New; font-size: 12px; color: #1d2024; border: #6e7887 solid 1px; background-color: #b8cce7; text-align: center; letter-spacing: 5px; padding: 2px; } .box { background-color: #3a5271; text-align: justify; border: #6e7887 solid 1px; } .nav { background-color: #3a5271; text-align: center; border: #6e7887 solid 1px; } a:link, a:active, a:visited { text-decoration: none; color: #6086b8; } a:hover { text-decoration: underline overline; color: #81b1f0; cursor: crosshair; } </style> <table width="623" border="0" cellpadding="0" cellspacing="0"><tr> <td> <img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/Kaie_Shoyru_PP.png" width="623" height="550"> </td> </tr></table> <div id="content" style="position: absolute; left: 275px; top: 325px; width: 450px; height: 283px;"> <h1>Welcome</h1> <p class="box"><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque adipiscing. Morbi auctor nisi id nunc. Nullam dolor. Phasellus ac dolor ac erat pulvinar accumsan. Vivamus libero justo, pellentesque sed, ornare quis, vehicula id, sapien. Vestibulum eget lorem et metus lacinia ultrices. Proin laoreet nibh in mauris. Mauris ornare. Maecenas venenatis. Duis porttitor dictum ligula. Nam a nunc non libero bibendum vehicula. Nulla sed massa eu enim eleifend pretium. Praesent quis augue. Fusce fringilla. Curabitur rutrum tincidunt neque. Aliquam nec mauris vitae justo dignissim dictum. <br><br></p> <h1>Header</h1> <p class="box"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque adipiscing. Morbi auctor nisi id nunc. Nullam dolor. Phasellus ac dolor ac erat pulvinar accumsan. Vivamus libero justo, pellentesque sed, ornare quis, vehicula id, sapien. Vestibulum eget lorem et metus lacinia ultrices. Proin laoreet nibh in mauris. Mauris ornare. Maecenas venenatis. Duis porttitor dictum ligula. Nam a nunc non libero bibendum vehicula. Nulla sed massa eu enim eleifend pretium. Praesent quis augue. Fusce fringilla. Curabitur rutrum tincidunt neque. Aliquam nec mauris vitae justo dignissim dictum. </p> <h1>Extras</h1> <p class="box"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque adipiscing. Morbi auctor nisi id nunc. Nullam dolor. Phasellus ac dolor ac erat pulvinar accumsan. Vivamus libero justo, pellentesque sed, ornare quis, vehicula id, sapien. Vestibulum eget lorem et metus lacinia ultrices. Proin laoreet nibh in mauris. Mauris ornare. Maecenas venenatis. Duis porttitor dictum ligula. Nam a nunc non libero bibendum vehicula. Nulla sed massa eu enim eleifend pretium. Praesent quis augue. Fusce fringilla. Curabitur rutrum tincidunt neque. Aliquam nec mauris vitae justo dignissim dictum. </p> <br> </div> <div id="content" style="position: absolute; left: 43px; top: 465px; width: 199px; height: 283px;"> <h1>Navigation</h1> <p class="nav"> <a href="#1">link</a><br><a href="#2">link</a><br><a href="#3">link</a><br><a href="#4">link</a><br></p> <h1>Links</h1> <p class="nav"> <a href="#1">link</a><br><a href="#2">link</a><br><a href="#2">link</a><br><a href="#3">link</a><br></p> <h1>Credits</h1> <p class="nav"> Layout by <a href="http://www.neopets.com/userlookup.phtml?user=rein_">rein_</a> for billopan.com Please DO NOT REMOVE! </p> </div>
Xandra's Power <style> body { background: #212121; background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/Kaie_Xandra_bg.png); text-align: center; margin: 0; } td.side {padding-left:7px; width:61px; font: normal 15px verdana, sans-serif;} b {color: #A80742;} i {color: #f60a61;} u {color: #CF0851;} a {color: #7a1572; text-decoration: none;} a:hover {color: #b17919; text-decoration: none; border-bottom: 0;} #header { width: 660px; margin: auto auto; } .htop { background-color: #210318; font: 24pt georgia; font-style: italic; letter-spacing: 2px; text-align: center; color: #DEDEDE; } #nav { background: #96c5c5; width: 660px; height: 20px; color: #fefefe; margin: 0 auto; } #nav a { color: #fff; width: auto; display: block; text-align:center; font: bold 12px verdana, sans-serif; padding: 10 10 10 10; text-transform: uppercase; border-bottom: 0px; } #nav a:hover {background: #AD5054;} a.nav1 {background: #470634;} a.nav2 {background: #6E364A;} #content { width: 660px; margin: 0 auto; background: #6E364A; } .content { background: #DEDEDE; width: 500px; font: 9pt trebuchet ms; color: #555454; letter-spacing: 1px; line-height: 14pt; padding: 10 15 10 15; } h1 { font: 18pt mistral; text-transform: uppercase; letter-spacing: 2px; text-align: left; color: #472330; margin: 10 0 3 0; line-height: 15pt; border-bottom: #210318 1px dotted; } h2 { font: 10pt century gothic; letter-spacing: 2px; text-align: right; color: #CF0851; margin: -2 15 -5 0; line-height: 15pt; } .credits { border-top: 3px solid #472330; padding-left: 10px; padding-right:10px; background: #dadada; line-height:17px; color: #424141; text-align: center; } .pet { font-family: verdana; font-size: 8pt; height: 150px; width: 300px; text-align: left; padding: 10 10 10 10; margin-left: 100px; background: #6E0A50; line-height: 10pt; color: #DEDEDE; } a.petname {color: #FA737A; font-weight: bold;} .pet a:hover {color: #D40D59;} .up {text-align: right; font-weight: bold; font-size: 14pt;} </style> <body> <a name="top"><table id="nav" border="0" cellspacing="0" cellpadding="0"><tr> <td><a class="nav1" href="">Link</a></td> <td><a class="nav2" href="">Link</a></td> <td><a class="nav1" href="">Link</a></td> <td><a class="nav2" href="">Link</a></td> <td><a class="nav1" href="">Link</a></td> </tr></table> <table id="header" cellspacing="0" cellpadding="0"> <tr><td width="100%"> <img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/Kaie_Xandra_H.png"></td></tr> <tr><td width="100%"> <p class="htop">Site title here</p> </td></tr></table> <table id="content" cellspacing="0" cellpadding="0"> <tr><td class="content"> <h1>Main header here</h1> <h2>Subtext if needed</h2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque adipiscing. Morbi auctor nisi id nunc. Nullam dolor. Phasellus ac dolor ac erat pulvinar acsan. Vivamus libero justo, pellentesque sed, ornare quis, vehicula id, sapien. Vestibulum eget lorem et metus lacinia ultrices. Proin laoreet nibh in mauris. Mauris ornare. Maecenas venenatis. Duis porttitor dictum ligula. Nam a nunc non libero bibendum vehicula. Nulla sed massa eu enim eleifend pretium. Praesent quis augue. Fusce fringilla. Curabitur rutrum tincidunt neque. Aliquam nec mauris vitae justo dignissim dictum. <p class="up"><a href="#top">^</a></p> <h1>How to use</h1> This layout is fairly simple. Links are up top. "up" buttons are positioned to the right and will bring the user back to the nav bar. <br><i>Italics</i> <br><b>Bold</b> <br><u>Underline</u> <p>This pet box can be used to spotlight foster pets <p class="pet"><img src="http://images.neopets.com/pets/happy/kacheek_grey_baby.gif" style="float:left; margin-right: 5px;"><a class="petname" href="http://www.neopets.com/petlookup.phtml?pet=petname">Pet Name</a><br><br> Level: 2<br> Gender: Male<br> Hit Points: 79 / 79<br> Strength: GREAT (21)<br> Defence: poor<br> Movement: mach 2<br> Intelligence: master genius (79)<br> Petpet: Zapped</p> <p>Please do not remove the credit or alter this layout. <p class="up"><a href="#top">^</a></p> <p class="credits"> Site © Your Name<br> Layout by bloodrein_ from billopan.com<br> </p> <td class="side"> </td></tr></table> </body>	Good, or Evil? <style> body { background: #fff; background: url('http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_isca_body.png'); margin: 0px; } table,td,tr { font-family: Tahoma; font-size: 10pt; line-height: 97% letter-spacing: 0.5px; color: #fff; } .content { height: 100%; background: url('http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_isca_content.png'); background-repeat: repeat-y; } .top { background: url('http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_isca_header.png'); height: 235px; width: 650px; background-repeat: no-repeat; } ul.c { list-style-type:circle; margin: 0px; } .c li a { color: #ffffff; padding: 2px; width: 90%; font-weight: bold; text-decoration: none; } .c li a:hover { color: #0a65ab; font-weight: bold; text-decoration: none; margin-bottom: 1px; } .main { color: #DDDDDD; height: 100%; text-align: justify; } .main a:link {color: #72c7dd; text-decoration: none; } .main a:hover {color: #BE97A0; text-decoration: none; } .main a:visited {color: #72c7dd; text-decoration: underline; } .head { background: url('http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_isca_nh.png'); padding: 3px; color: #164fa3; font-weight: bold; width: 100%; text-align: center; font-size: 10pt; } .head2 { background: url('http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_isca_bh.png'); padding: 3px; color: #dedbfe; font-weight: bold; width: 100%; text-align: right; } .pet { font-family: tahoma; font-size: 8pt; height: 150px; width: 300px; text-align: left; padding: 10 10 10 10; margin-left: 100px; background: #134385; line-height: 10pt; color: #DEDEDE; } a.petname {color: #FA737A; font-weight: bold; font-size: 10pt;} .pet a:hover {color: #fff;} .foot {background: #09497a; background-repeat: no-repeat; width: 650px; height: 34px; text-align: center; border: 3px #fff solid; } .foot a:link {color: #6bbed5; text-decoration: none; } .foot a:visited {color: #6bbed5; text-decoration: none; } .sf {display: none;} </style> <body> <center> <table width="650" border="0" cellpadding="0" cellspacing="0"> <tr><td valign="top"> <table width="650" cellpadding="0" cellspacing="0" border="0"> <tr> <td class="top"> </td></tr> </table> </tr></td> <tr> <td valign="top"> <table width="650" cellpadding="0" cellspacing="0" border="0" class="content"> <tr><td valign="top"> <table width="167" cellpadding="4" cellspacing="3" border="0"> <tr> <td> <p class="head">Navigation</p> <ul class="c"> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> <p class="head">Header</p> <ul class="c"> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> <br>Sidebar text </td></tr> </table> </td><td valign="top"> <table width="475" cellpadding="4" cellspacing="3" border="0"> <tr> <td class="main"> <p class="head2">How to use</p> This layout is fairly simple. Navigation and link box are on the left. Add more headers to the sidebar using "Head" <p> Use "Head2" for more headers in the main content box <br> <br><i>Italics</i> <br><b>Bold</b> <br><u>Underline</u> <p>This pet box can be used to spotlight foster pets <p class="pet"><img src="http://images.neopets.com/pets/happy/kacheek_grey_baby.gif" style="float:left; margin-right: 5px;"><a class="petname" href="http://www.neopets.com/petlookup.phtml?pet=petname">Pet Name</a><br><br> Level: 2<br> Gender: Male<br> Hit Points: 79 / 79<br> Strength: GREAT (21)<br> Defence: poor<br> Movement: mach 2<br> Intelligence: master genius (79)<br> Petpet: Zapped</p> <p>Please do not remove the credit or alter this layout. <p class="head2">Header</p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque adipiscing. Morbi auctor nisi id nunc. Nullam dolor. Phasellus ac dolor ac erat pulvinar acsan. Vivamus libero justo, pellentesque sed, ornare quis, vehicula id, sapien. Vestibulum eget lorem et metus lacinia ultrices. Proin laoreet nibh in mauris. Mauris ornare. Maecenas venenatis. Duis porttitor dictum ligula. Nam a nunc non libero bibendum vehicula. Nulla sed massa eu enim eleifend pretium. Praesent quis augue. Fusce fringilla. Curabitur rutrum tincidunt neque. Aliquam nec mauris vitae justo dignissim dictum. </td></tr> </table> </td></tr> </table> </td></tr> <tr><td valign="top" colspan="2"> <table width="650" border="0" cellpadding="0" cellspacing="0" class="foot"> <tr><td> <a href="http://www.neopets.com/userlookup.phtml?user=rein_">Layout by rein_ for billopan.com</a> </td></tr> </table> </td></tr> </table> </body> </html>
Up For Adoption! Black & White <style> #eks { } body { color: #000; margin: 0px; font-family: Verdana; font-size: 10px; background: url("http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_UFA_petpage_bg.png") top left repeat-y; background-color: #fff; } a:link, a:visited { color: #ae0000; font-weight: bold; text-decoration: none; cursor: crosshair; } a:hover { color: #000000; text-decoration: none; font-weight: -blocked-; cursor: crosshair; } .sf { font-size: 8px; } div.bg { background: url("http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_UFA_petpage_header.png") top left no-repeat; width: -blocked-; height: 320px; } div.bg1 { background: url("http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/kaie_UFA_petpage_bg.png") top left no-repeat; width: 599px; height: 42px; } #div { margin-left: 600px; margin-top: -220px; float: left; width: 150px; padding-bottom: 5px; } #main { float: left; margin-left: 48px; margin-top: 0px; width: 503px; padding-bottom: 5px; text-align: justify; } div.font { background-color: #000; font-family: century gothic; font-size: 18pt; color: #fff; padding-bottom: 3px; padding-left: 7px; margin-bottom: 3px; } div.fontfirst-letter { font-weight: bold; font-style: oblique; } .head { background-color: #000; font-family: century gothic; font-size: 18pt; color: #fff; padding-bottom: 3px; padding-left: 10px; margin-bottom: 3px; } .headfirst-letter { font-style: oblique; font-weight: bold; } .nav { display: block; padding: 5 10 5 10; text-decoration: none; font-weight: bold; margin: 5 0 5 0; background-color: #346667; font-family: century gothic; font-size: 8pt; } A:link.nav, A:visited.nav { background-repeat: no-repeat; background: #000; color: #fff; } A:hover.nav { background: #fff; color: #000; border: #000 dotted 1px; text-transform: none; } .pet { font-family: verdana; font-size: 8pt; color: #000; padding: 10 10 10 10; height: 150px; width: 300px; text-align: left; margin-left: 90px; border: #000 dotted 1px; } .name { font-family: verdana; text-align: center; } a:link.name, a:visited.name { color: #000; font-weight: bold; border-bottom: #000 dotted 1px; } a:hover.name { color: #ae0000; } table, p { text-align: right; } </style> <div align="left"> <div class="bg"></div> <div class="bg1"> <div id="div" style="position: fixed;"> <div class="font">Navigation</div> <a class="nav" href="http://neopets.com">Link</a> <a class="nav" href="http://neopets.com">Link</a> <a class="nav" href="http://neopets.com">Link</a> <a class="nav" href="http://neopets.com">Link</a> <a class="nav" href="http://neopets.com">Link</a> <a class="nav" href="http://neopets.com">Link</a> <a class="nav" href="http://neopets.com">Link</a> <a class="nav" href="http://neopets.com">Link</a> <br>Credit: billopan.com <br>Layout by <a href="http://www.neopets.com/userlookup.phtml?user=rein_">Kaie (rein_)</a> </div> <div id="main" style="position: absolute;"> <div class="head">Header</div> Sed lacus est, dapibus et, consequat quis, mattis consequat, lorem. Integer turpis orci, accumsan sed, pharetra ut, posuere vel, nisl. Sed velit ipsum, vulputate non, interdum at, fringilla vitae, neque. Nunc iaculis sodales dolor. Duis a metus a quam semper ultrices. Cras ut nisi. In ut dolor quis sem scelerisque sollicitudin. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non ipsum eget risus convallis volutpat. Integer accumsan magna non sem. Vestibulum mollis. Nullam at diam interdum augue cursus rhoncus. Morbi non libero. Nam dapibus. Suspendisse potenti. <p class="pet"><img src="http://pets.neopets.com/cpn/Syferai/1/2.png" style="float: left; margin-right: 5px;"><a class="name" href="http://www.neopets.com/petlookup.phtml?pet=Syferai">Syferai</a><br><br> Level: 2<br> Gender: Male<br> Hit Points: 79 / 79<br> Strength: GREAT (21)<br> Defence: poor<br> Movement: mach 2<br> Intelligence: master genius (79)<br> Petpet: Zapped</p> <br><br><a href="http://neopets.com">Link</a><br><br><b>Bold text</b><br><br><i>Italic</i><br><br> Underline <br><br> Sed lacus est, dapibus et, consequat quis, mattis consequat, lorem. Integer turpis orci, accumsan sed, pharetra ut, posuere vel, nisl. Sed velit ipsum, vulputate non, interdum at, fringilla vitae, neque. Nunc iaculis sodales dolor. Duis a metus a quam semper ultrices. Cras ut nisi. In ut dolor quis sem scelerisque sollicitudin. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non ipsum eget risus convallis volutpat. Integer accumsan magna non sem. Vestibulum mollis. Nullam at diam interdum augue cursus rhoncus. Morbi non libero. Nam dapibus. Suspendisse potenti. <br><br> Sed lacus est, dapibus et, consequat quis, mattis consequat, lorem. Integer turpis orci, accumsan sed, pharetra ut, posuere vel, nisl. Sed velit ipsum, vulputate non, interdum at, fringilla vitae, neque. Nunc iaculis sodales dolor. Duis a metus a quam semper ultrices. Cras ut nisi. In ut dolor quis sem scelerisque sollicitudin. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non ipsum eget risus convallis volutpat. Integer accumsan magna non sem. Vestibulum mollis. Nullam at diam interdum augue cursus rhoncus. Morbi non libero. Nam dapibus. Suspendisse potenti.<br><br> </div> </div> </div> <br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br>	Up For Adoption! Royal <style> body { text-align: justify; background-image: url("http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/KAIE_royal_bg.png"); background-color: #FFFFFF; margin: 0px; padding: 0px; margin-left: 0px; margin-right: 0px; font-family: Verdana; color: #a06075; font-size: 8pt; letter-spacing: 1px; cursor: crosshair; } p { text-align: justify; } table, td, tr { padding: 0px; margin: 0px; letter-spacing: 2px; } a:active, a:link { color: #a18907; text-decoration: none; font-weight: bold; cursor: crosshair; } a:hover { color: #bd8194; text-decoration: none; cursor: crosshair; } a:visited { color: #a18907; } h1 { padding: 0 -2 2 0; text-align: right; color: #642a3d; font: 24pt georgia; border-bottom: 1px solid #a18907; margin-top: -2px; margin-bottom: 0px; } h2 { padding: 5 1 -1 1; color: #a18907; font: 14pt Georgia; margin-top: -2px; border-bottom: #a18907 1px solid; } h3 { font: 80 times new roman; color: #642a3d; font-variant: small-caps; letter-spacing: 5px; font-style: oblique; } h4 { font: 12 century gothic; color: #a18907; margin-top: -15px; letter-spacing: 4px; text-align: right; padding-right: 10px; } .sub { font: 12 century gothic; color: #a18907; margin-top: -100px; padding-left: 130px; letter-spacing: 4px; } .main { margin-top: -544px; margin-left: 332px; width: 465px; background-color: #a18907; background: url("http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/KAIE_royal_ContentBG.png"); border-left: 8px solid #a18907; border-right: 8px solid #a18907; border-bottom: 8px solid #a18907; padding: 5px; } .content { padding-left: 15px; padding-right: 15px; } .title { margin-top: -200px; margin-left: 122px; } .nav { background: url("http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/KAIE_royal_NavBG.png"); color: #a18907; margin-top: -10px; margin-left: 105px; width: 174px; padding: 15 15 15 15; border-bottom: 8px solid #a18907; border-right: 8px solid #a18907; border-left: 8px solid #a18907; z-index: 1; } .pet { font-family: verdana; font-size: 8pt; height: 150px; width: 300px; text-align: left; padding: 10 10 10 10; margin-left: 80px; border: 1px solid #a18907; } .block { display: block; background-color: #a18907; border: 1px dotted #503b01; font-family: Verdana; font-size: 8pt; font-weight: bold; text-align: center; padding: 1px; margin: 0 10 0 10; } A:link.block, A:visited.block { background-color: #a18907; color: #503b01; text-decoration: none; } A:hover.block { background: #503b01; color: #a18907; border: 1px #a18907 dotted; } .sf { display: none; } </style> <div style="margin-top: 0px; margin-left: 102px;"><img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/KAIE_royal_Header.png" border="0"></div> <div class="title"> <h3>Site title here</h3> <p class="sub">Something about your site here</p> </div> <div style="margin-top: 42px; margin-left: 105px; z-index: 0;"><img src="http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/Untitled-1.gif" width="220" height="20" border="0"></div> <div class="nav"> <h2>Navigation</h2> More text<br><br><a class="block" href="#1">Link</a> <a class="block" href="#2">Link</a> <a class="block" href="#3">Link</a> <a class="block" href="#4">Link</a> <a class="block" href="#5">Link</a> <a class="block" href="#6">Link</a> <a class="block" href="#7">Link</a> <a class="block" href="#8">Link</a> <br><h2>More Text</h2> Other things here<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque mi ipsum, varius sit amet, ultrices ac, imperdiet id, lorem. Donec mollis risus nec purus. <br></p> <h2>Credits</h2> Layout by <a href="http://www.neopets.com/userlookup.phtml?user=rein_">rein_</a> for billopan.com<br><br> Site by YOURNAME </div> <div class="main" style="position: absolute;"> <div class="content"> <h1>Header</h1> <h4>Subheader here</h4> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque mi ipsum, varius sit amet, ultrices ac, imperdiet id, lorem. Donec mollis risus nec purus. Vestibulum nec lorem. Ut auctor, orci sit amet vehicula semper, magna ante sodales libero, vitae pharetra neque quam eu lorem. Nam convallis massa nec nibh. Proin elit lacus, cursus ut, lobortis id, elementum at, sem. Nulla semper felis fringilla sem. In diam. Aliquam quam pede, consequat sed, interdum in, suscipit a, enim. Donec semper blandit eros. Maecenas ac mi. Vestibulum bibendum convallis ligula. Fusce sagittis porttitor lectus. Vestibulum aliquam sagittis pede. Suspendisse potenti.</p> <p> </p> <p class="pet"><img src="http://pets.neopets.com/cpn/Syferai/1/2.png" style="float: left; margin-right: 5px;"><a class="name" href="http://www.neopets.com/petlookup.phtml?pet=Syferai">Syferai</a><br><br> Level: 2<br> Gender: Male<br> Hit Points: 79 / 79<br> Strength: GREAT (21)<br> Defence: poor<br> Movement: mach 2<br> Intelligence: master genius (79)<br> Petpet: Zapped</p> <p>Mauris sagittis lorem non lacus. Etiam interdum massa nec elit. In iaculis justo vitae urna. Nullam varius, leo eget posuere pulvinar, ligula risus interdum lorem, vitae ultricies mauris pede ac risus. Integer sed mauris eget metus sagittis blandit. Sed nec nisl id risus posuere facilisis. Suspendisse potenti. Mauris mi elit, tempor vulputate, venenatis ut, tempor nec, nisl. Aenean ultrices malesuada pede. Nulla nulla. In pede. Maecenas mollis neque sed dolor. Sed ut lacus vitae nulla cursus ullamcorper. Phasellus adipiscing lectus nec lacus. Vestibulum vel turpis sit amet nibh congue ornare.</p> <p> </p> <h1>Header</h1> <h4>Subheader Here</h4> <p>Cras orci velit, sodales a, adipiscing non, tempus vel, sapien. Nullam luctus. Integer adipiscing iaculis leo. Vestibulum lobortis, est id aliquet porttitor, nunc ipsum sagittis nulla, sit amet porta arcu nisi fermentum mauris. Aliquam fermentum turpis ac orci vehicula pretium. Pellentesque sollicitudin. Cras nec lacus vel est eleifend tempor. Cras dolor purus, fermentum nec, porta eu, iaculis a, mauris. Sed ullamcorper molestie lorem. Proin nibh nulla, convallis a, hendrerit vel, rutrum vel, libero. Ut volutpat neque imperdiet justo. Quisque eleifend blandit purus. In cursus facilisis ligula. Praesent ut erat sit amet urna lacinia tempor. Vivamus non magna. Duis vehicula. Nulla congue tristique massa. Morbi volutpat, urna vel consequat mollis, justo odio interdum massa, quis interdum nisl mauris sit amet diam. Integer id lectus at nisi imperdiet faucibus.</p> <p> Sed at nulla. Duis et ante. Integer sed orci. Aenean rhoncus, mi ac fermentum sodales, ligula lectus dictum augue, vitae porttitor orci ligula quis lorem. Donec mollis elit. Ut porttitor dui quis sem. Mauris ante. Praesent malesuada nisl vel tellus. Etiam leo augue, sodales at, aliquam quis, sollicitudin sed, sem. Etiam fringilla lorem eget urna. Maecenas ut risus. Curabitur at justo. </p> <p></p> </div> </div> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
Up For Adoption! Purple <style> body { cursor: crosshair; font-family: Trebuchet MS; text-decoration: none; color: #373737; font-size: 8pt; text-align: Justify; background: url("http://i137.photobucket.com/albums/q220/sefanadae/layouts/purplegreybodybg.png"); } a { font-weight: bold; cursor: crosshair; } a:link, a:active { color: #94629a; font-family: Trebuchet MS; font-weight: bold; text-decoration: none; } a:visited { color: #94629a; font-family: Trebuchet MS; text-decoration: none; } a:hover { color: #a48ba7; text-decoration: underline overline; } table { font-family: Trebuchet MS; font-size: 9pt; color: #373737; text-align: Justify; } td { margin: 0; padding: 10px; background-color: #cccccc; border: none; background: url("http://i137.photobucket.com/albums/q220/sefanadae/layouts/purplegreybg.png"); } ul { padding-left: 25px; margin: 0px; font-size: 10pt; } .nav { font-size: 10pt; font-family: georgia; color: #be7fc5; background-color: #522647; padding: 3 5 3 5; text-align: center; margin: 7px; } .head { background-color: #522647; font-size: 22pt; font-family: georgia; padding: 0 5 0 7; color: #be7fc5; font-variant: small-caps; border-right: 25px #be7fc5 solid; } .credit { font-size: 10pt; font-family: georgia; color: #522647; padding: 0px; text-align: center; margin: 7px; } .header { background: url("http://i137.photobucket.com/albums/q220/sefanadae/layouts/purplegreyheader.png") no-repeat; width: 794px; height: 89px; margin-bottom: -5px; } .footer { background: url("http://i137.photobucket.com/albums/q220/sefanadae/layouts/purplegreyfooter.png") no-repeat; width: 794px; height: 82px; margin-bottom: 0px; margin-top: -8px; text-align: center; } .title { font-family: georgia; font-size: 65px; letter-spacing: -4px; font-variant: small-caps; color: #522647; text-align: left; padding-left: 30px; } .title2 { font-family: trebuchet ms; font-size: 11pt; letter-spacing: 4px; font-variant: small-caps; font-weight: bold; color: #94629a; padding-left: 60px; text-align: left; margin-top: -20px; } .pet { background-color: #522647; font-family: verdana; font-size: 8pt; color: #000; padding: 10 10 10 10; height: 150px; width: 300px; text-align: left; margin-left: 150px; } .pet img { float: left; } .sf { display: none; } </style> <div align="center"> <table cellpadding="0" width="795"> <div class="header"> <div class="title">Site title here</div> <div class="title2">Something about your site here</div> </div> <table cellspacing="0" cellpadding="0" width="791"><tr> <td width="160" valign="top"> <p class="nav">Navigation</p> <ul> <a href="http://neopets.com">Link</a><br><a href="http://neopets.com">Link</a><br><a href="http://neopets.com">Link</a><br> </ul> <p class="nav">Navigation</p> <ul> <a href="http://neopets.com">Link</a><br><a href="http://neopets.com">Link</a><br><a href="http://neopets.com">Link</a><br> </ul> <p class="nav">Navigation</p> <ul> <a href="http://neopets.com">Link</a><br><a href="http://neopets.com">Link</a><br><a href="http://neopets.com">Link</a><br> </ul> </td> <td width="630" valign="top"> <p class="head">Header goes here</p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque adipiscing. Morbi auctor nisi id nunc. Nullam dolor. Phasellus ac dolor ac erat pulvinar acsan. Vivamus libero justo, pellentesque sed, ornare quis, vehicula id, sapien. Vestibulum eget lorem et metus lacinia ultrices. Proin laoreet nibh in mauris. Mauris ornare. Maecenas venenatis. Duis porttitor dictum ligula. Nam a nunc non libero bibendum vehicula. Nulla sed massa eu enim eleifend pretium. Praesent quis augue. Fusce fringilla. Curabitur rutrum tincidunt neque. Aliquam nec mauris vitae justo dignissim dictum. <p class="pet"><img src="http://pets.neopets.com/cpn/Syferai/1/2.png" style="float: left; margin-right: 5px;"><a class="name" href="http://www.neopets.com/petlookup.phtml?pet=Syferai">Syferai</a><br><br> Level: 2<br> Gender: Male<br> Hit Points: 79 / 79<br> Strength: GREAT (21)<br> Defence: poor<br> Movement: mach 2<br> Intelligence: master genius (79)<br> Petpet: Zapped</p> <p class="head">Header goes here</p> Cras venenatis lacinia sem. Nullam eu risus et mi volutpat convallis. Maecenas gravida est ut augue. Nullam mollis urna in enim. sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc congue interdum purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam eu massa. In eu ligula vel nisi fringilla interdum. Nullam vel nunc at odio auctor adipiscing. Donec quis augue. Fusce consequat arcu eu felis. Suspendisse potenti. Sed a lorem vel lectus dapibus ultrices. Aliquam tempus malesuada justo. Nulla congue quam a nisi. Proin fringilla pharetra dolor. Duis metus augue, viverra sit amet, luctus sed, scelerisque eu, turpis. <p class="head">Header goes here</p> Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut vitae metus vitae metus vehicula iaculis. Mauris id est vitae libero placerat gravida. Morbi non augue. Ut cursus ullamcorper justo. Aenean id ligula. Integer leo. Cras vel ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam velit mauris, tincidunt eget, mollis sed, ullamcorper sed, orci. Donec sed nisl nec ligula tincidunt porta. In fringilla lorem et ipsum. </td> </tr></table> <table width="850"> <div class="footer"> <p class="credit">Credits:</p> Layout by <a href="http://www.neopets.com/userlookup.phtml?user=rein_">rein_</a> for billopan.com <br>Site by YOURNAMEHERE</div> </table> </table> </div>

Petpages by Joy

Up To No Good

#banner {position:absolute; left:0px; top:14px; }

#content {
	color: #916432;
	font-family:verdana, arial, sans-serif;
	font-size:10px;
	position:absolute;
	left:235px; top:184px; width:380px;
	padding-left:10px;
	}

#content h1{
	color:#9D6938;
	font:9pt times new roman;
	font-weight:bold; 
	background-color: #D6C7B5;
	text-transform:uppercase;
	border-bottom:2px solid #9D6938;
	text-align:right;
	}

#nav {	
	color:#9D6938;
	font-family:verdana, arial;
	font-size:11px;
	position:absolute;
	left:25px; top:380px; width:200px;
	padding:3px;
	}

#nav h1{
	color:#9D6938;
	text-transform:uppercase;
	font:9pt times new roman;
	font-weight:bold;
	border-bottom:2px solid #D6C7B5;
	text-align:left;
	}

a{	
	color:#A98B6E;
	font:10pt verdana;
	text-decoration:none
	}

a:hover{
	color:#9D6938;
	text-decoration: underline;
	background-color: #D6C7B5;
	}

</style />

<h1>Side Content</h1>
This is the side bar. Place links and extraneous content over here. ^__^<BR><BR>

<h1>Navigation</h1>
<a href="index.html">Top</a>
<BR><BR>
<a href="#one">Link 1</a><BR>
<a href="#two">Link 2</a><BR>
<a href="#three">Link 3</a><BR>
<BR>

<h1>Links Out</h1>

</div>

<h1>HEADING</h1>

<p><i>Heermeedjet: "All this eating is making me sleepy...
I think it might be time for a nap.</i></p>

<p><i>Merouladen: "Honest, I was gonna put that back...</i> </p>

<p>Despite their unconvential methods, the Meerca Brothers are quickly gaining a reputation as Neopia's top burglars. Doing the bidding of their evil master, these stealing siblings have already had a hand in number of high profile robberies... who knows when they'll strike again?</p>

<p align="right"><a href=http://www.neopets.com/neopedia.phtml?neopedia_id=77><i>~ Neopedia : The Meerca Brothers</i></a></p>

normal.
<b>bold.</b>
<i>italic.</i>
<u>underline.</u>
<a href=http://www.neopets.com>link.</a>

</center>

<h1>Terms of Use</h1>

<p>You may not edit the coding or banner in any way, or use it to make your own layouts.</p>

<p>Do not remove the credits.
Do not claim the petpage as your own.</p>

Petpages by xrenewed

Purple Scorchio

.smallfont, .sf, table {display: none;}

textarea {height:20px;
    width: 50px;
    font-family: small fonts;
    font-size: 6pt;
    border-top: 1px solid #57257E;
    border-bottom: 1px solid #CC98F1;
    border-right: 1px solid #57257E;
    border-left: 1px solid #CC98F1;}

body{background: url(http://img107.imageshack.us/img107/1118/scorchybgfi2.gif);}

body {scrollbar-face-color:#CC98F1;
    scrollbar-shadow-color:#57257E;
    scrollbar-highlight-color:#57257E;
    scrollbar-3dlight-color:#F2C2FE;
    scrollbar-arrow-color:#57257E;
    scrollbar-track-color:#F2C2FE;
    scrollbar-darkshadow-color:#F2C2FE;}

BODY, P, A, FONT, TD, DIV, .V {line-height: 8pt; color: #000000; font-family: tahoma; cursor: default; font-size: 7pt;}

b {letter-spacing: 1pt; color: #57257E; line-height: 8pt;
    font-family: tahoma; font-size: 7pt;}

i {color: #CC98F1; background-color: #57257E;
    font-family: tahoma; font-size: 7pt;}

a:link, a:visited, a:active {letter-spacing: 1pt;
    color: #57257E; line-height: 8pt;
    font-family: tahoma; font-size: 7pt;
    cursor: crosshair; text-decoration: underline;}

a:hover {letter-spacing: 1pt;
    color: #CC98F1; line-height: 8pt;
    font-family: tahoma; font-size: 7pt;
    cursor: crosshair; text-decoration: underline;}

hr {color: #CC98F1; border: 1px solid #000000; height: 4px; width: 100%;}

h1 {text-align: center; color: #57257E; font-family: Tahoma; font-size: 7pt; background-color: #CC98F1; line-height: 15px; margin: 0px; text-transform: uppercase; border-bottom: 2px dotted #57257E;}

h2 {text-align: center; color: #CC98F1; font-family: Tahoma; font-size: 7pt; background-color: #57257E; line-height: 15px; margin: 0px; text-transform: uppercase; border-left: 25px solid #CC98F1; border-right: 25px solid #CC98F1;}

ul {list-style-type: none; padding: 4; margin: 4;}

li {background-image: url(http://img.photobucket.com/albums/v378/NightsMistress/tnostuff/scorchyarr.gif); background-repeat: no-repeat; padding-left: 1.1em;}

</style />

</div>

<BR><h2>header 2</h2>

<br><b>this is bold</b>
    <br><i>this is italic</i>
    <br><u>this is underlined</u>
    <br><text_area>this is a text area</text_area>
    <br>this is normal text and below is a horizontal rule
    <br><hr>

</div>

<h1>header 1</h1>
    <ul>
    <li><a href="http://www.neopets.com">link</a>
    <li><a href="http://www.neopets.com">link</a>
    <li><a href="http://www.neopets.com">link</a>
    </ul>

Petpages by Freesong

Blood Moon

#main {
	width: 600px; 
	border: 1px solid #d6bebe; 
	background: #3e0909; 
	position: absolute; 
	top: 20px; 
	left: 10px;
	height: 5000px;
}

#header {
	width: 600px; 
	height: 466px; 
	background: url(http://i290.photobucket.com/albums/ll242/TNOgraphics/petpages/bloodmoon_banner.gif);
}

#right {
	border: 1px solid #d6bebe; 
	background: #3e0909; 
	position: absolute; 
	top: 20px; 
	left: 620px;
	height: 5000px; 
	width: 180px; 
}

#right ul,
#right li {
	list-style-type: none;
	background: #5b0101;
	padding: 10px 0 10px 0;
	text-align: center;
	font-weight: bold;
	color: #d14c4c;
	letter-spacing: 5px;
}

#right ul {
	margin: 0px;
	background: transparent;
	padding: 0px;
}

#right li {
	border-bottom: 1px solid #d6bebe;
}

#right li:hover {
	background: #913a3a;
}

#right a {
	text-align: center;
	font-weight: bold;
	color: #d14c4c;
	letter-spacing: 5px;
	text-decoration: none;
}

#right a:hover {
	font-style: italic;
}

.content {
	margin: 20px;
	text-align: justify;
	color: #d05151;
	font: 11px/16px "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Lucida,Arial,Helvetica,sans-serif;}

.content table {
	background: #000;
	border: 1px solid #d6bebe; 
	width: 90%;
}

.sf {
	text-align: justify;
	color: #d05151;
	font: 11px/16px "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Lucida,Arial,Helvetica,sans-serif;}

.sf a {
	text-decoration: none;
	color: #d5bdbd; 
}

font, body, div, table, tr, td, ul, li, a, li a, ul a {
	font: 10px verdana, sans-serif;
}

a {
	color: #d5bdbd; 
	font: 7px;
}

a:hover {
	border: 1px dotted #d5bdbd;
}

h1 {
	margin: 0px;
	background: #d6bebe; 
	padding: 6px 10px 6px 0; 
	text-align: right; 
	text-transform: lowercase; 
	font: 10px verdana, sans-serif; 
	font-weight: bold; 
	color: #6c4747; 
}

table {
	background: #000;
	width: 600px;
	position: absolute; 
	top: 0px; 
	left: 10px;
	height: 20px;
	vertical-align: middle;
}

</style />

<body>

<div id="right">
	<h1>Navigation</h1>

<h1>Stats</h1>
<ul>
<li>You can put your pet's
<li>stats here or more
<li>links or whatever
<li>you like.
</ul>
</div>

<h1>Blood Moon</h1>

<div class="content">
Your content goes here ^-^

Credit Us

Graphics

TNO Related

Terms of Use