Petpage Layouts

Click the box beneath the preview and press control c or apple c to copy the code. Click the preview for a larger view.

<style type="text/css">

.sf {display: none;}
body {background: #4A4B4D;font-family: helvetica;}
.cont, .cont2{float: left;}
.cont {width: 350px;margin-right:30px;}
.cont2{width:200px;}
.clear {clear: both;}

.wrap{
	margin:20px auto;
	width:600px;
	color:#6C6D6E;
	font-size: 10px;
}

.red, .magenta, .purple, .green, .blue {
	font-size: 10px;
	line-height: 15px;
	padding: 10px;
	background: #F2F2F0;
	width:inherit;
	margin-bottom:10px;
}

h1 {
	color: #fff;
	margin-top: -5px;
	padding: 3px;
	text-transform: lowercase;
	letter-spacing: -2px;
}
h2 {
	font-size: 17px;
	text-align: right;
	letter-spacing: -1px;
	text-transform: uppercase;
	background: #fff;
	padding: 2px;
}

a{font-weight:bold;color:inherit;}

.nav1, .nav2, .nav3, .nav4, .nav5 {
	font-size: 30px;
	letter-spacing: -2px;
	text-decoration: none;
	color: #F2F2F0;
	font-weight: bold;
	padding: 2px;
	display: block;
	width: 200px;
	text-transform: lowercase;
}
.nav1:hover, .nav2:hover, .nav3:hover, .nav4:hover, .nav5:hover {
	background: #F2F2F0;
}

.nav5:hover {color: #6A7802;}
.nav4:hover {color: #215770;}
.nav3:hover {color: #430059;}
.nav2:hover {color: #59004D;}
.nav1:hover {color: #99332E;}
.red {color: #99332E;}
.red h1 b {border-bottom: 3px solid #99332E;}
.red h1 {background-color: #99332E;}
.magenta {color: #59004D;}
.magenta h1 b {border-bottom: 3px solid #59004D;}
.magenta h1 {background-color: #59004D;}
.purple {color: #430059;}
.purple h1 b {border-bottom: 3px solid #430059;}
.purple h1 {background-color: #430059;}
.blue {color: #215770;}
.blue h1 b {border-bottom: 3px solid #215770;}
.blue h1 {background-color: #215770;}
.green {color: #6A7802;}
.green h1 b {border-bottom: 3px solid #6A7802;}
.green h1 {background-color: #6A7802;}

</style>

<div class="wrap">
<div class="cont">

<div class="red">
<a name="section1"> </a>
<h1>how to use<b> this layout</b></h1>

Hello, thanks for using a layout from <a href="http://neopets.com/~cooklus">figmint!</a> ;D  To better understand how to use this layout, I'd recommend you read the information below.  Curly braces in the code snippets below represent carats.

<h2>README</h2>

Content Boxes:
<br>You are permitted to create as many additional content boxes as you like!  Just copy the code and paste it in after the code for the last one in the desired column.  The code for a content box is as follows:
<br>{div class="COLOR"}
<br>Put your content here.
<br>{/div}
<br>The boxes come in five different colors; red, magenta, purple, blue, and green.  Replace the world COLOR in the code above with one of those five colors.

<br><br>
Headers and subheaders:
<br>Create as many as you want!  They will match the color of the box they are in.
<br>To create a main header: {h1}title{/h1}
<br>To create a subheader: {h2}subtitle{/h1}
<br>To make part of your main header underlined, as currently shown, put bold tags around the desired section:
<br>{h1}{b}The{/b} first word in this title is underlined.{/h1}

<br><br>
Navigation Links:
<br>Right now, the links work as anchors that lead to the different sections within this page. Feel free to change the links to lead to other pages by changing
<br>{a href="#sectionX"...}
<br>with
<br>{a href="your url of choice"}
<br><br>
If you'd like to better understand how anchors work, search around.  There are plenty of good guides.  If you have further questions, let me know, either through my site (~cooklus) or via neomail (kubummer).


</div>
<div class="magenta">
<a name="section2"> </a>

<h1><b>the bat</b> and the weasel</h1>


A Bat who fell upon the ground and was caught by a Weasel pleaded to be spared his life. The Weasel refused, saying that he was by nature the enemy of all birds. The Bat assured him that he was not a bird, but a mouse, and thus was set free. Shortly afterwards the Bat again fell to the ground and was caught by another Weasel,whom he likewise entreated not to eat him. The Weasel said that he had a special hostility to mice. The Bat assured him that he was not a mouse, but a bat, and thus a second time escaped.

<h2>moral</h2>

It is wise to turn circumstances to good account.

</div>

<div class="purple">
<a name="section3"> </a>

<h1><b>the fox</b> and the monkey</h1>

A Monkey once danced in an assembly of the Beasts, and so pleased them all by his performance that they elected him their King. A Fox, envying him the honor, discovered a piece of meat lying in a trap, and leading the Monkey to the place where it was, said that she had found a store, but had not used it, she had kept it for him as treasure trove of his kingdom, and counseled him to lay hold of it. The Monkey approached carelessly and was caught in the trap; and on his accusing the Fox of purposely leading him into the snare, she replied, "Oh Monkey, and are you, with such a mind as yours, going to be King over the Beasts?"

<h2>aesop's fables</h2>

</div>

</div>
<div class="cont2">

<a href="#section1" class="nav1">first</a>
<a href="#section2" class="nav2">second</a>
<a href="#section3" class="nav3">third</a>
<a href="#section4" class="nav4">fourth</a>
<a href="#section5" class="nav5">fifth</a>
<br><div class="blue">
<a name="section4"> </a>

<h1>column <b>two</b></h1>

This is the first box of the second column.

<h2>subtitle</h2>

More content here, if you like.

</div>
<div class="green">
<a name="section5"> </a>

<h1><b>alice's</b> adventures in <b>wonderland</b></h1>

All in the golden afternoon 
<br>Full leisurely we glide; 
<br>For both our oars, with little skill, 
<br>By little arms are plied, 
<br>While little hands make vain pretense 
<br>Our wanderings to guide. 

<h2>Lewis Carroll</h2>

Ah, cruel Three! In such an hour, 
<br>Beneath such dreamy weather, 
<br>To beg a tale, of breath too weak 
<br>To stir the tiniest feather! 
<br>Yet what can one poor voice avail 
<br>Against three tongues together? 

</div>

</div>
layout by frisby at <a href="http://www.neopets.com/~cooklus">figmint designs</a>
<div class="clear"> </div>
</div>

<style type="text/css">

.sf {display: none;}
body {background: #4A4B4D;font-family: helvetica;}
.cont, .cont2{float: left;}
.cont {width: 350px;margin-right:30px;}
.cont2{width:200px;}
.clear {clear: both;}

.wrap{
	margin:20px auto;
	width:600px;
	color:#6C6D6E;
	font-size: 10px;
}

.slate, .teal, .grey, .green, .charcoal {
	font-size: 10px;
	line-height: 15px;
	padding: 10px;
	background: #F2F2F0;
	width:inherit;
	margin-bottom:10px;
}

h1 {
	color: #fff;
	margin-top: -5px;
	padding: 3px;
	text-transform: lowercase;
	letter-spacing: -2px;
}
h2 {
	font-size: 17px;
	text-align: right;
	letter-spacing: -1px;
	text-transform: uppercase;
	background: #fff;
	padding: 2px;
}

a{font-weight:bold;color:inherit;}

.nav1, .nav2, .nav3, .nav4, .nav5 {
	font-size: 30px;
	letter-spacing: -2px;
	text-decoration: none;
	color: #F2F2F0;
	font-weight: bold;
	padding: 2px;
	display: block;
	width: 200px;
	text-transform: lowercase;
}
.nav1:hover, .nav2:hover, .nav3:hover, .nav4:hover, .nav5:hover {
	background: #F2F2F0;
}

.nav5:hover {color: #6AA70F;}
.nav4:hover {color: #444444;}
.nav3:hover {color: #556270;}
.nav2:hover {color: #17586A;}
.nav1:hover {color: #213D56;}
.slate {color: #213D56;}
.slate h1 b {border-bottom: 3px solid #213D56;}
.slate h1 {background-color: #213D56;}
.teal {color: #17586A;}
.teal h1 b {border-bottom: 3px solid #17586A;}
.teal h1 {background-color: #17586A;}
.grey {color: #556270;}
.grey h1 b {border-bottom: 3px solid #556270;}
.grey h1 {background-color: #556270;}
.charcoal {color: #444444;}
.charcoal h1 b {border-bottom: 3px solid #444444;}
.charcoal h1 {background-color: #444444;}
.green {color: #6AA70F;}
.green h1 b {border-bottom: 3px solid #6AA70F;}
.green h1 {background-color: #6AA70F;}

</style>

<div class="wrap">
<div class="cont">

<div class="slate">
<a name="section1"> </a>
<h1>how to use<b> this layout</b></h1>

Hello, thanks for using a layout from <a href="http://neopets.com/~cooklus">figmint!</a> ;D  To better understand how to use this layout, I'd recommend you read the information below.  Curly braces in the code snippets below represent carats.

<h2>README</h2>

Content Boxes:
<br>You are permitted to create as many additional content boxes as you like!  Just copy the code and paste it in after the code for the last one in the desired column.  The code for a content box is as follows:
<br>{div class="COLOR"}
<br>Put your content here.
<br>{/div}
<br>The boxes come in five different colors; slate, teal, grey, charcoal, and green.  Replace the world COLOR in the code above with one of those five colors.

<br><br>
Headers and subheaders:
<br>Create as many as you want!  They will match the color of the box they are in.
<br>To create a main header: {h1}title{/h1}
<br>To create a subheader: {h2}subtitle{/h1}
<br>To make part of your main header underlined, as currently shown, put bold tags around the desired section:
<br>{h1}{b}The{/b} first word in this title is underlined.{/h1}

<br><br>
Navigation Links:
<br>Right now, the links work as anchors that lead to the different sections within this page. Feel free to change the links to lead to other pages by changing
<br>{a href="#sectionX"...}
<br>with
<br>{a href="your url of choice"}
<br><br>
If you'd like to better understand how anchors work, search around.  There are plenty of good guides.  If you have further questions, let me know, either through my site (~cooklus) or via neomail (kubummer).

</div>
<div class="teal">
<a name="section2"> </a>

<h1><b>the bat</b> and the weasel</h1>


A Bat who fell upon the ground and was caught by a Weasel pleaded to be spared his life. The Weasel refused, saying that he was by nature the enemy of all birds. The Bat assured him that he was not a bird, but a mouse, and thus was set free. Shortly afterwards the Bat again fell to the ground and was caught by another Weasel,whom he likewise entreated not to eat him. The Weasel said that he had a special hostility to mice. The Bat assured him that he was not a mouse, but a bat, and thus a second time escaped.

<h2>moral</h2>

It is wise to turn circumstances to good account.

</div>

<div class="grey">
<a name="section3"> </a>

<h1><b>the fox</b> and the monkey</h1>

A Monkey once danced in an assembly of the Beasts, and so pleased them all by his performance that they elected him their King. A Fox, envying him the honor, discovered a piece of meat lying in a trap, and leading the Monkey to the place where it was, said that she had found a store, but had not used it, she had kept it for him as treasure trove of his kingdom, and counseled him to lay hold of it. The Monkey approached carelessly and was caught in the trap; and on his accusing the Fox of purposely leading him into the snare, she replied, "Oh Monkey, and are you, with such a mind as yours, going to be King over the Beasts?"

<h2>aesop's fables</h2>

</div>

</div>
<div class="cont2">

<a href="#section1" class="nav1">first</a>
<a href="#section2" class="nav2">second</a>
<a href="#section3" class="nav3">third</a>
<a href="#section4" class="nav4">fourth</a>
<a href="#section5" class="nav5">fifth</a>
<br><div class="charcoal">
<a name="section4"> </a>

<h1>column <b>two</b></h1>

This is the first box of the second column.

<h2>subtitle</h2>

More content here, if you like.

</div>
<div class="green">
<a name="section5"> </a>

<h1><b>alice's</b> adventures in <b>wonderland</b></h1>

All in the golden afternoon 
<br>Full leisurely we glide; 
<br>For both our oars, with little skill, 
<br>By little arms are plied, 
<br>While little hands make vain pretense 
<br>Our wanderings to guide. 

<h2>Lewis Carroll</h2>

Ah, cruel Three! In such an hour, 
<br>Beneath such dreamy weather, 
<br>To beg a tale, of breath too weak 
<br>To stir the tiniest feather! 
<br>Yet what can one poor voice avail 
<br>Against three tongues together? 

</div>

</div>
layout by frisby at <a href="http://www.neopets.com/~cooklus">figmint designs</a>
<div class="clear"> </div>
</div>

<style type="text/css">

.sf {display: none;}
body {background: #000;font-family: helvetica;}
.cont, .cont2{float: left;}
.cont {width: 350px;margin-right:30px;}
.cont2{width:200px;}
.clear {clear: both;}

.wrap{
	margin:20px auto;
	width:600px;
	color:#6C6D6E;
	background:#333;
	font-size: 10px;
	padding:10px 0px;
}

.pink, .yellow, .orange, .blue, .ash {
	font-size: 10px;
	line-height: 15px;
	padding: 10px;
	background: transparent;
	width:inherit;
	margin-bottom:10px;
}

h1 {
	color: #222;
	margin-top: -5px;
	padding: 3px;
	text-transform: lowercase;
	letter-spacing: -2px;
}
h2 {
	font-size: 17px;
	text-align: right;
	letter-spacing: -1px;
	text-transform: uppercase;
	background: #222;
	padding: 2px;
}

a{font-weight:bold;color:inherit;}

.nav1, .nav2, .nav3, .nav4, .nav5 {
	font-size: 30px;
	letter-spacing: -2px;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	padding: 2px;
	display: block;
	width: 200px;
	text-transform: lowercase;
}
.nav1:hover, .nav2:hover, .nav3:hover, .nav4:hover, .nav5:hover {
	background: #000000;
}

.nav5:hover {color: #55C3DE;}
.nav4:hover {color: #aaaaaa;}
.nav3:hover {color: #D16F24;}
.nav2:hover {color: #FFE549;}
.nav1:hover {color: #FE6A9C;}
.pink {color: #FE6A9C;}
.pink h1 b {border-bottom: 3px solid #FE6A9C;}
.pink h1 {background-color: #FE6A9C;}
.yellow {color: #FFE549;}
.yellow h1 b {border-bottom: 3px solid #FFE549;}
.yellow h1 {background-color: #FFE549;}
.orange {color: #D16F24;}
.orange h1 b {border-bottom: 3px solid #D16F24;}
.orange h1 {background-color: #D16F24;}
.ash {color: #aaaaaa;}
.ash h1 b {border-bottom: 3px solid #aaaaaa;}
.ash h1 {background-color: #aaaaaa;}
.blue {color: #55C3DE;}
.blue h1 b {border-bottom: 3px solid #55C3DE;}
.blue h1 {background-color: #55C3DE;}

</style>

<div class="wrap">
<div class="cont">

<div class="pink">
<a name="section1"> </a>
<h1>how to use<b> this layout</b></h1>

Hello, thanks for using a layout from <a href="http://neopets.com/~cooklus">figmint!</a> ;D  To better understand how to use this layout, I'd recommend you read the information below.  Curly braces in the code snippets below represent carats.

<h2>README</h2>

Content Boxes:
<br>You are permitted to create as many additional content boxes as you like!  Just copy the code and paste it in after the code for the last one in the desired column.  The code for a content box is as follows:
<br>{div class="COLOR"}
<br>Put your content here.
<br>{/div}
<br>The boxes come in five different colors; pink, yellow, orange, ash, and blue.  Replace the world COLOR in the code above with one of those five colors.

<br><br>
Headers and subheaders:
<br>Create as many as you want!  They will match the color of the box they are in.
<br>To create a main header: {h1}title{/h1}
<br>To create a subheader: {h2}subtitle{/h1}
<br>To make part of your main header underlined, as currently shown, put bold tags around the desired section:
<br>{h1}{b}The{/b} first word in this title is underlined.{/h1}

<br><br>
Navigation Links:
<br>Right now, the links work as anchors that lead to the different sections within this page. Feel free to change the links to lead to other pages by changing
<br>{a href="#sectionX"...}
<br>with
<br>{a href="your url of choice"}
<br><br>
If you'd like to better understand how anchors work, search around.  There are plenty of good guides.  If you have further questions, let me know, either through my site (~cooklus) or via neomail (kubummer).


</div>
<div class="yellow">
<a name="section2"> </a>

<h1><b>the bat</b> and the weasel</h1>


A Bat who fell upon the ground and was caught by a Weasel pleaded to be spared his life. The Weasel refused, saying that he was by nature the enemy of all birds. The Bat assured him that he was not a bird, but a mouse, and thus was set free. Shortly afterwards the Bat again fell to the ground and was caught by another Weasel,whom he likewise entreated not to eat him. The Weasel said that he had a special hostility to mice. The Bat assured him that he was not a mouse, but a bat, and thus a second time escaped.

<h2>moral</h2>

It is wise to turn circumstances to good account.

</div>
<div class="orange">
<a name="section3"> </a>

<h1><b>the fox</b> and the monkey</h1>

A Monkey once danced in an assembly of the Beasts, and so pleased them all by his performance that they elected him their King. A Fox, envying him the honor, discovered a piece of meat lying in a trap, and leading the Monkey to the place where it was, said that she had found a store, but had not used it, she had kept it for him as treasure trove of his kingdom, and counseled him to lay hold of it. The Monkey approached carelessly and was caught in the trap; and on his accusing the Fox of purposely leading him into the snare, she replied, "Oh Monkey, and are you, with such a mind as yours, going to be King over the Beasts?"

<h2>aesop's fables</h2>

</div>

</div>
<div class="cont2">

<a href="#section1" class="nav1">first</a>
<a href="#section2" class="nav2">second</a>
<a href="#section3" class="nav3">third</a>
<a href="#section4" class="nav4">fourth</a>
<a href="#section5" class="nav5">fifth</a>
<br><div class="ash">
<a name="section4"> </a>

<h1>column <b>two</b></h1>

This is the first box of the second column.

<h2>subtitle</h2>

More content here, if you like.

</div>
<div class="blue">
<a name="section5"> </a>

<h1><b>alice's</b> adventures in <b>wonderland</b></h1>

All in the golden afternoon 
<br>Full leisurely we glide; 
<br>For both our oars, with little skill, 
<br>By little arms are plied, 
<br>While little hands make vain pretense 
<br>Our wanderings to guide. 

<h2>Lewis Carroll</h2>

Ah, cruel Three! In such an hour, 
<br>Beneath such dreamy weather, 
<br>To beg a tale, of breath too weak 
<br>To stir the tiniest feather! 
<br>Yet what can one poor voice avail 
<br>Against three tongues together? 

</div>

</div>
layout by frisby at <a href="http://www.neopets.com/~cooklus">figmint designs</a>
<div class="clear"> </div>
</div>

<style type="text/css">
body{
background-color:#F7E1E5;
}
body,td{
color:#020202;
font-size:8pt;
font-family:tahoma;
line-height:15px;
}
.center{
top:50px;
width:auto;
}
table.dot{
border:20px dotted #EAB5C6;
background:#FFF;
width:400px;
padding:10px;
margin:100 auto;
}
h1{
color:#EAB5C6;
background:#F7E1E5;
font-size:20pt;
letter-spacing:2px;
}

h2{
color:#EAB5C6;
font-size:12pt;
letter-spacing:2px;
}


b{letter-spacing:2px;color:#EAB5C6}
i{color:#FFF;background:#EAB5C6; font-family:georgia;}
u{color:#EAB5C6;border-bottom:1px solid #F7E1E5;text-decoration:none;}
a:link,a:active,a:visited{color:#FFF;background:#EAB5C6;letter-spacing:2;padding:1px;text-decoration:none;font-weight:bold;}


a.nav:link, a.nav:active, a.nav:visited{
display:inline;
background:#EAB5C6;
color:#FFF;
font-size:15pt;
line-height:20pt;
letter-spacing:2px;
padding:10px;
font-weight:bold;
text-decoration:none;
}
a.nav:hover,a:hover{
background:#F7E1E5;
}
</style>
<div class="center" align="center" style="position:relative;">

<a href="http://www.neopets.com/myaccount.phtml" class="nav">1</a><a href="http://www.neopets.com/petcentral.phtml" class="nav">2</a><a href="http://www.neopets.com/explore.phtml" class="nav">3</a><a href="http://www.neopets.com/games/arcade.phtml" class="nav">4</a><a href="http://www.neopets.com/neoboards/index.phtml" class="nav">5</a><a href="http://www.neopets.com/objects.phtml" class="nav">6</a><a href="http://www.neopets.com/nf.phtml" class="nav">7</a><a href="http://www.neopets.com/video/index.phtml" class="nav">8</a><a href="http://www.neopets.com/mall/index.phtml" class="nav">9</a><a href="http://www.neopets.com/~cooklus" class="nav">!</a>

</div>
<table class="dot" align="center"><tr><td>


<h1>Welcome</h1>
<b>Lorem</b> <i>ipsum</i> <u>dolor</u> <a href="xxx">sit</a> amet, consectetur adipiscing elit. Morbi porta mi eu arcu fermentum laoreet. Nam non nulla dui. Sed eget dapibus nisi. Integer accumsan, elit in mattis sagittis, odio ipsum rutrum neque, pretium ullamcorper nulla purus vel lectus. Mauris aliquam ultricies ipsum sit amet facilisis. 
<br><br>
Suspendisse cursus tempor purus vel placerat. Sed et neque vitae dolor auctor facilisis. Aenean consectetur tincidunt ultricies. Cras tempor, arcu nec iaculis egestas, ipsum purus feugiat ante, ut lobortis sem elit a metus. Praesent eleifend magna iaculis ligula aliquam sed vestibulum tortor facilisis.

<h1>About</h1>

Nunc pharetra tortor sit amet libero ullamcorper sollicitudin. Integer iaculis, justo vel tempus sagittis, nulla neque auctor libero, at imperdiet nisi ipsum in quam. Suspendisse sed sem nunc. Vivamus porttitor felis sed arcu venenatis ultrices. Praesent eu enim nulla, ac tristique libero. 

<h2>4/28/95</h2>
Phasellus turpis est, luctus sit amet imperdiet vitae, rhoncus vehicula metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam condimentum varius odio et fringilla. Cras cursus justo nec massa sagittis feugiat. Nam at libero in mauris elementum ornare eget a tellus. Aenean vitae ante at est pulvinar imperdiet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

</td></tr></table>

<style type="text/css">//a{b:c;}
body{
background-color:#69D2E7;
}
body,td{
color:#020202;
font-size:8pt;
font-family:tahoma;
line-height:15px;
}
.center{
top:50px;
width:auto;
}
table.dot{
border:20px solid #A7D8D8;
background:#E0E4CC;
width:400px;
padding:10px;
margin:100 auto;
}
h1{
color:#FFF;
background:#A7D8D8;
font-size:15pt;
line-height:20px;
letter-spacing:2px;
}

h2{
color:#FFF;
font-size:12pt;
letter-spacing:2px;
}


b{letter-spacing:2px;color:#FFF;}
i{color:#E0E4CC;background:#69D2E7; font-family:georgia;}
u{color:#69D2E7;border-bottom:1px solid #A7D8D8;text-decoration:none;}
a:link,a:active,a:visited{color:#FFF;background:#A7D8D8;letter-spacing:2;padding:1px;text-decoration:none;font-weight:bold;}


a.nav:link, a.nav:active, a.nav:visited{
display:inline;
background:#A7D8D8;
color:#FFF;
font-size:15pt;
line-height:20pt;
letter-spacing:2px;
padding:10px;
font-weight:bold;
text-decoration:none;
}
a.nav:hover,a:hover{
background:#69D2E7;
}
</style>
<div class="center" align="center" style="position:relative;">

<a href="http://www.neopets.com/myaccount.phtml" class="nav">1</a><a href="http://www.neopets.com/petcentral.phtml" class="nav">2</a><a href="http://www.neopets.com/explore.phtml" class="nav">3</a><a href="http://www.neopets.com/games/arcade.phtml" class="nav">4</a><a href="http://www.neopets.com/neoboards/index.phtml" class="nav">5</a><a href="http://www.neopets.com/objects.phtml" class="nav">6</a><a href="http://www.neopets.com/nf.phtml" class="nav">7</a><a href="http://www.neopets.com/video/index.phtml" class="nav">8</a><a href="http://www.neopets.com/mall/index.phtml" class="nav">9</a><a href="http://www.neopets.com/~cooklus" class="nav">!</a>

</div>
<table class="dot" align="center"><tr><td>


<h1>Welcome</h1>
<b>Lorem</b> <i>ipsum</i> <u>dolor</u> <a href="xxx">sit</a> amet, consectetur adipiscing elit. Morbi porta mi eu arcu fermentum laoreet. Nam non nulla dui. Sed eget dapibus nisi. Integer accumsan, elit in mattis sagittis, odio ipsum rutrum neque, pretium ullamcorper nulla purus vel lectus. Mauris aliquam ultricies ipsum sit amet facilisis. 
<br><br>
Suspendisse cursus tempor purus vel placerat. Sed et neque vitae dolor auctor facilisis. Aenean consectetur tincidunt ultricies. Cras tempor, arcu nec iaculis egestas, ipsum purus feugiat ante, ut lobortis sem elit a metus. Praesent eleifend magna iaculis ligula aliquam sed vestibulum tortor facilisis.

<h1>About</h1>

Nunc pharetra tortor sit amet libero ullamcorper sollicitudin. Integer iaculis, justo vel tempus sagittis, nulla neque auctor libero, at imperdiet nisi ipsum in quam. Suspendisse sed sem nunc. Vivamus porttitor felis sed arcu venenatis ultrices. Praesent eu enim nulla, ac tristique libero. 

<h2>4/28/95</h2>
Phasellus turpis est, luctus sit amet imperdiet vitae, rhoncus vehicula metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam condimentum varius odio et fringilla. Cras cursus justo nec massa sagittis feugiat. Nam at libero in mauris elementum ornare eget a tellus. Aenean vitae ante at est pulvinar imperdiet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

</td></tr></table>

<style type="text/css">//a{b:c;}
body{
background-color:#ECD078;
}
body,td{
color:#020202;
font-size:8pt;
font-family:tahoma;
line-height:15px;
}
.center{
top:50px;
width:auto;
}
table.dot{
border:10px solid #542437;
background:#FAF4DF;
width:400px;
padding:10px;
margin:100 auto;
<style type="text/css">}
h1{
background:#D95B43;
color:#FAF4DF;
font-size:15pt;
line-height:20px;
letter-spacing:2px;
}

h2{
color:#C02942;
font-size:12pt;
letter-spacing:2px;
}

b{letter-spacing:2px;color:#C02942;}
i{color:#ECD078;background:#542437; font-family:georgia;}
u{color:#D95B43;border-bottom:1px solid #C02942;text-decoration:none;}
a:link,a:active,a:visited{color:#FAF4DF;background:#D95B43;letter-spacing:2;padding:1px;text-decoration:none;font-weight:bold;}

a.nav:link, a.nav:active, a.nav:visited{
display:inline;
background:#D95B43;
color:#FAF4DF;
font-size:15pt;
line-height:20pt;
letter-spacing:2px;
padding:10px;
font-weight:bold;
text-decoration:none;
}
a.nav:hover,a:hover{
background:#C02942;
}
</style>
<div class="center" align="center" style="position:relative;">
<a href="http://www.neopets.com/myaccount.phtml" class="nav">1</a><a href="http://www.neopets.com/petcentral.phtml" class="nav">2</a><a href="http://www.neopets.com/explore.phtml" class="nav">3</a><a href="http://www.neopets.com/games/arcade.phtml" class="nav">4</a><a href="http://www.neopets.com/neoboards/index.phtml" class="nav">5</a><a href="http://www.neopets.com/objects.phtml" class="nav">6</a><a href="http://www.neopets.com/nf.phtml" class="nav">7</a><a href="http://www.neopets.com/video/index.phtml" class="nav">8</a><a href="http://www.neopets.com/mall/index.phtml" class="nav">9</a><a href="http://www.neopets.com/~cooklus" class="nav">!</a>
</div>
<table class="dot" align="center"><tr><td>


<h1>Welcome</h1>
<b>Lorem</b> <i>ipsum</i> <u>dolor</u> <a href="xxx">sit</a> amet, consectetur adipiscing elit. Morbi porta mi eu arcu fermentum laoreet. Nam non nulla dui. Sed eget dapibus nisi. Integer accumsan, elit in mattis sagittis, odio ipsum rutrum neque, pretium ullamcorper nulla purus vel lectus. Mauris aliquam ultricies ipsum sit amet facilisis. 
<br><br>
Suspendisse cursus tempor purus vel placerat. Sed et neque vitae dolor auctor facilisis. Aenean consectetur tincidunt ultricies. Cras tempor, arcu nec iaculis egestas, ipsum purus feugiat ante, ut lobortis sem elit a metus. Praesent eleifend magna iaculis ligula aliquam sed vestibulum tortor facilisis.

<h1>About</h1>

Nunc pharetra tortor sit amet libero ullamcorper sollicitudin. Integer iaculis, justo vel tempus sagittis, nulla neque auctor libero, at imperdiet nisi ipsum in quam. Suspendisse sed sem nunc. Vivamus porttitor felis sed arcu venenatis ultrices. Praesent eu enim nulla, ac tristique libero. 

<h2>4/28/95</h2>
Phasellus turpis est, luctus sit amet imperdiet vitae, rhoncus vehicula metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam condimentum varius odio et fringilla. Cras cursus justo nec massa sagittis feugiat. Nam at libero in mauris elementum ornare eget a tellus. Aenean vitae ante at est pulvinar imperdiet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

</td></tr></table>

<style type="text/css">
a {
}
td, body, .main {
	color: #000000;
	font-size: 10px;
	font-family: tahoma;
	line-height: 19px;
}
body {
	background-color: #E2FFE4;
}
table.main {
	border: 7px dotted #7a7a7a;
}
td.main {
	padding: 50px;
	border: 20px solid #BBF9AA;
	background-color: #DDF9DF;
	width: 300px;
}
.wrap {
	padding: 10px;
}
h1 {
	text-transform: uppercase;
	font-family: century gothic;
	line-height: 27px;
	letter-spacing: 3px;
	font-size: 25px;
	color: #94C587;
	border-bottom: 4px dotted #7a7a7a;
}
a:link, a:active, a:visited {
	font-family: century gothic;
	color: #7a7a7a;
	letter-spacing: 1px;
}
a:hover {
	color: #94C587;
}
hr {
	border: 2px dotted #7a7a7a;
}
b {
	font-family: impact;
	letter-spacing: 3px;
}
i {
	letter-spacing: 2px;
	background: #94C587;
}
u {
	border-bottom: 2px dotted #94C587;
}
</style>
<div class="wrap">
<table class="main">
<tr><td class="main">



<h1>Hello.</h1>
<a href="/">A link.</a>
<p><b>Bold</b>
</p>
<p><i>Italic</i>
</p>
<p>Underlined
</p>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer congue lorem eu magna. Maecenas non elit ut erat tempor viverra. Praesent sem elit, facilisis vel, interdum eget, ultrices sed, sem. Duis accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer tristique. In neque. Proin volutpat feugiat justo. Donec fermentum ipsum. Proin eu nibh a dolor congue tempor. Nullam ut erat. Nunc sollicitudin neque quis neque. Nullam ac tellus quis ante tristique porta. Sed sagittis.
</p>
<hr>
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin ornare semper risus. Cras quis mauris. Nunc tristique ante sit amet orci. Nulla sagittis tempor ante. Integer fermentum. In nibh lorem, tincidunt mattis, facilisis at, faucibus sit amet, urna. Suspendisse potenti. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ligula odio, luctus non, mollis sit amet, semper vel, augue. Integer odio. Nulla facilisi. Maecenas sem. Mauris non magna. Praesent vulputate. Aliquam aliquet, quam quis venenatis blandit, nunc ante consequat arcu, sed tincidunt mi purus sit amet lectus. In a libero. Nulla facilisi.
<hr>
In vel odio eu sem ultricies consequat. Nullam tellus urna, sodales non, dictum sed, facilisis tempor, elit. Suspendisse potenti. Curabitur faucibus, elit sit amet iaculis luctus, diam mauris commodo nibh, sed laoreet urna eros vitae nibh. Nulla feugiat arcu et est. Maecenas vel sapien. Nulla placerat. Donec quam metus, convallis sed, fringilla eget, bibendum ut, odio. Sed faucibus imperdiet nibh. Nunc quis sem. In cursus. Donec enim. Cras quis augue. Proin quis leo. In condimentum.




</td></tr>
<tr><td><center><a href="http://www.neopets.com/~cooklus">css</a></center></td></tr>
</table>
</div>

<style type="text/css">//a{b:c;}
td,body{
color:#000000;
font-size:12px;
font-family:georgia;
line-height:19px;}
body{
background-color:#CCDDFF;}
table.main{
border:7px dotted #7a7a7a;}
td.main{
padding:50px;
border:20px solid #F4d1d1;
background-color:#F0F0F0;
width:300px;}
h1{
text-transform:uppercase;
font-family:Bernard MT Condensed, Stencil;
line-height:27px;
letter-spacing:3px;
font-size:25px;
color:#FFA7A7;
border-bottom:4px dotted #7a7a7a;}
a:link,a:active,a:visited{
font-family:georgia;
color:#7a7a7a;
letter-spacing:1px;}
a:hover{
color: #F4d1d1;}
hr{border:2px dotted #7a7a7a;}
b{font-family:stencil;letter-spacing:3px;}
i{letter-spacing:2px;background:#F4d1d1;}
u{border-bottom:2px dotted #F4d1d1;}
.wrap{padding:15px;}
</style>
<div class="wrap">
<table align="center" class="main">
<tr><td class="main">



<h1>Hello.</h1>
<a href="xxx">A link.</a>
<p><b>Bold</b>
<p><i>Italic</i>
<p><u>Underlined</u>

<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer congue lorem eu magna. Maecenas non elit ut erat tempor viverra. Praesent sem elit, facilisis vel, interdum eget, ultrices sed, sem. Duis accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer tristique. In neque. Proin volutpat feugiat justo. Donec fermentum ipsum. Proin eu nibh a dolor congue tempor. Nullam ut erat. Nunc sollicitudin neque quis neque. Nullam ac tellus quis ante tristique porta. Sed sagittis.
<hr>
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin ornare semper risus. Cras quis mauris. Nunc tristique ante sit amet orci. Nulla sagittis tempor ante. Integer fermentum. In nibh lorem, tincidunt mattis, facilisis at, faucibus sit amet, urna. Suspendisse potenti. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ligula odio, luctus non, mollis sit amet, semper vel, augue. Integer odio. Nulla facilisi. Maecenas sem. Mauris non magna. Praesent vulputate. Aliquam aliquet, quam quis venenatis blandit, nunc ante consequat arcu, sed tincidunt mi purus sit amet lectus. In a libero. Nulla facilisi.
<hr>
In vel odio eu sem ultricies consequat. Nullam tellus urna, sodales non, dictum sed, facilisis tempor, elit. Suspendisse potenti. Curabitur faucibus, elit sit amet iaculis luctus, diam mauris commodo nibh, sed laoreet urna eros vitae nibh. Nulla feugiat arcu et est. Maecenas vel sapien. Nulla placerat. Donec quam metus, convallis sed, fringilla eget, bibendum ut, odio. Sed faucibus imperdiet nibh. Nunc quis sem. In cursus. Donec enim. Cras quis augue. Proin quis leo. In condimentum.




</td></tr><tr><td><center><a href="http://www.neopets.com/~cooklus">css</a></center></td></tr></table>
</div>


<style type="text/css">//a{b:c;}
td,body,.main{
color:#000000;
font-size:9px;
font-family:tahoma;
line-height:13px;}
body{
background-color:#5691C8;}
table.main{
border:7px dotted #000000;}
td.main{
padding:50px;
border:20px solid #a2c0dd;
background-color:#FFFFFF;
width:500px;}
h2{
text-transform:uppercase;
font-family:century gothic;
line-height:15px;
letter-spacing:3px;
font-size:15px;
color:#B3CCFF;
border-bottom:4px dotted #7a7a7a;}
h1{
text-transform:uppercase;
font-family:century gothic;
line-height:27px;
letter-spacing:3px;
font-size:25px;
color:#B3CCFF;
border-bottom:4px dotted #7a7a7a;}
a:link,a:active,a:visited{
font-family:century gothic;
color:#7a7a7a;
letter-spacing:1px;}
a:hover{
color: #D1E0FF;}
hr{border:1px dotted #AAAaaa;}
b{font-family:impact;letter-spacing:3px;}
i{letter-spacing:2px;background:#a2c0dd;}
u{border-bottom:2px dotted #D1E0FF;}
.wrap{padding:10px;}
</style>
<div class="wrap">
<table align="left" class="main">
<tr><td class="main">


<h1>Hello.</h1>
<a href="xxx">A link.</a>
<p><b>Bold</b>
<p><i>Italic</i>
<p><u>Underlined</u>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer congue lorem eu magna. Maecenas non elit ut erat tempor viverra. Praesent sem elit, facilisis vel, interdum eget, ultrices sed, sem. Duis accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer tristique. In neque. Proin volutpat feugiat justo. Donec fermentum ipsum. Proin eu nibh a dolor congue tempor. Nullam ut erat. Nunc sollicitudin neque quis neque. Nullam ac tellus quis ante tristique porta. Sed sagittis.
<hr>
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin ornare semper risus. Cras quis mauris. Nunc tristique ante sit amet orci. Nulla sagittis tempor ante. Integer fermentum. In nibh lorem, tincidunt mattis, facilisis at, faucibus sit amet, urna. Suspendisse potenti. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ligula odio, luctus non, mollis sit amet, semper vel, augue. Integer odio. Nulla facilisi. Maecenas sem. Mauris non magna. Praesent vulputate. Aliquam aliquet, quam quis venenatis blandit, nunc ante consequat arcu, sed tincidunt mi purus sit amet lectus. In a libero. Nulla facilisi.
<hr>
In vel odio eu sem ultricies consequat. Nullam tellus urna, sodales non, dictum sed, facilisis tempor, elit. Suspendisse potenti. Curabitur faucibus, elit sit amet iaculis luctus, diam mauris commodo nibh, sed laoreet urna eros vitae nibh. Nulla feugiat arcu et est. Maecenas vel sapien. Nulla placerat. Donec quam metus, convallis sed, fringilla eget, bibendum ut, odio. Sed faucibus imperdiet nibh. Nunc quis sem. In cursus. Donec enim. Cras quis augue. Proin quis leo. In condimentum.


</td></tr><tr><td><center><a href="http://www.neopets.com/~cooklus">css</a></center></td></tr></table>
</div>

<style type="text/css">
a{
color:#736753;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
font-size:7pt;}


a:hover {
color:#FFFFFF;
}


b {
color:#B2A58A;
font-style:normal; 
font-weight:normal;
text-transform:uppercase;}

i {
color:#000000;
font-style:italic;}

u {
color:#B2A58A;
text-decoration:underlined;}


h1{
color:#B2A58A;
font-size: 16pt;
background-color:#FFFFFF;
font-family:courier;
letter-spacing:3pt; 
border-bottom:2px solid #B2A58A; 
text-align:right;

text-transform:lowercase;} 


body{
background:#9A8A6F;
font-size:9px;
font-family:verdana;
}

.box {
background-color:#FFFFFF;
border-left: 15px solid #736753;
width:400px;
height:auto;
margin:15 auto;
padding:5px;
}


</style>

<div class="box">
<h1>header.</h1>
<b>Bold</b>, <i>italic</i>, and <u>underlined</u>.<br>
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. 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. Text here. Text here. Text here. 
</div>


<div class="box">
<h1>header.</h1>
<b>Bold</b>, <i>italic</i>, and <u>underlined</u>.<br>
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. 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. Text here. Text here. Text here. 
</div>

<div class="box">
<h1>header.</h1>
<b>Bold</b>, <i>italic</i>, and <u>underlined</u>.<br>
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. 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. Text here. Text here. Text here. 
</div>

<center><img src="http://img848.imageshack.us/img848/3434/credith.png"></center>

<style type="text/css">//a{b:c;}
a:link, a:visited, a:active{
color:#F778A1;
background-color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
font-size:7pt;}


a:hover {
color:#FFFFFF;
text-decoration:none;
background-color:#F778A1;
font-size:7pt;}


b {
color:#F778A1;
font-style:normal; 
font-weight:normal;
text-transform:uppercase;}

i {
color:#000000;
font-style:italic;}

u {
color:#FF9900;
text-decoration:underlined;}




h1{
color:#FF9900;
font-size: 16pt;
background-color:#FFFFFF;
font-weight:bold; 
font-family:georgia;
letter-spacing:3pt; 
border-bottom:2px dashed #FF9900; 
text-align:right;
/*figmint*/
font-style:italic;
text-transform:lowercase;} 

body, td, p, div{
color:#4b4b4b;
font:9px franklin gothic medium;
letter-spacing:1px;
background-color:#F660AB;
scrollbar-track-color:#F660AB;
scrollbar-darkshadow-color:#F660AB;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#F660AB;
scrollbar-face-color:#F660AB;
scrollbar-shadow-color:#F660AB;
scrollbar-arrow-color:#FFFFFF;}

.textith {
background-color:#FFFFFF;
border-bottom: 15px solid #F660AB;
width:400px;
height:px;}

textarea{
font-family: small fonts;
font-size: 5pt;
font-weight: none;
color: black;
border: #FF9900 1px dotted;
text-transform: uppercase;
background-color: white;
height:25px;
width:200px;}

</style>

<div align=center>
<div class=textith>
<h1>header.</h1>
<b>Bold</b>, <i>italic</i>, and <u>underlined</u>.<br>
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. 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. Text here. Text here. Text here. 
</div>
</div>

<div align=center>
<div class=textith>
<h1>header.</h1>
<b>Bold</b>, <i>italic</i>, and <u>underlined</u>.<br>
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. 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. Text here. Text here. Text here. 

</div>
</div>


<div align=center>
<div class=textith>
<h1>header.</h1>
<b>Bold</b>, <i>italic</i>, and <u>underlined</u>.<br>
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. 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. Text here. Text here. Text here. 



</div>
</div>


<div align=center>
<div class=textith>
<h1>header.</h1>
<b>Bold</b>, <i>italic</i>, and <u>underlined</u>.<br>
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. 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. Text here. Text here. Text here. 


</div>
</div>

<center><a href="http://neopets.com/~Cooklus">CSS</a></center>

<style type="text/css">//a{b:c;}
a:link, a:visited, a:active{
color:#F778A1;
background-color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
font-size:7pt;}


a:hover {
color:#FFFFFF;
text-decoration:none;
background-color:#F778A1;
font-size:7pt;}


b {
color:#F778A1;
font-style:normal; 
font-weight:normal;
text-transform:uppercase;}

i {
color:#000000;
font-style:italic;}

u {
color:#F660AB;
text-decoration:underlined;}




h1{
color:#F660AB;
font-size: 16pt;
background-color:#eeeeee;
font-weight:bold; 
font-family:century gothic;
letter-spacing:3pt; 
border-bottom:2px dashed #F660AB; 
text-align:right;

font-style:italic;
text-transform:lowercase;} 

body, td, p, div{
color:#4b4b4b;
font:9px franklin gothic medium;
letter-spacing:1px;
background-color:#000;
scrollbar-track-color:#F660AB;
scrollbar-darkshadow-color:#F660AB;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#F660AB;
scrollbar-face-color:#F660AB;
scrollbar-shadow-color:#F660AB;
scrollbar-arrow-color:#FFFFFF;}

.textith {
background-color:#FFFFFF;
border-left: 15px solid #aaa;
border-right: 5px solid #bbbbbb;
width:400px;
height:px;
margin:10px;}

textarea{
font-family: small fonts;
font-size: 5pt;
font-weight: none;
color: black;
border: #FF9900 1px dotted;
text-transform: uppercase;
background-color: white;
height:25px;
width:200px;}

</style>

<div align=center>
<div class=textith>
<h1>header.</h1>
<b>Bold</b>, <i>italic</i>, and <u>underlined</u>.<br>
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. 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. Text here. Text here. Text here. 
</div>
</div>

<div align=center>
<div class=textith>
<h1>header.</h1>
<b>Bold</b>, <i>italic</i>, and <u>underlined</u>.<br>
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. 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. Text here. Text here. Text here. 

</div>
</div>


<div align=center>
<div class=textith>
<h1>header.</h1>
<b>Bold</b>, <i>italic</i>, and <u>underlined</u>.<br>
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. 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. Text here. Text here. Text here. 



</div>
</div>


<div align=center>
<div class=textith>
<h1>header.</h1>
<b>Bold</b>, <i>italic</i>, and <u>underlined</u>.<br>
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. 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. Text here. Text here. Text here. 


</div>
</div>



<center><a href="http://neopets.com/~Cooklus">CSS</a></center>

<style type="text/css">
a {
}
body {
	background: url("http://img407.imageshack.us/img407/363/redstripes.gif");
}
body, table, td.left, td.right {
	color: #fff;
	font-family: georgia;
	font-size: 11px;
	line-height: 15px;
}
table.main {
	background-color: #cc0000;
	border-left: 7px dotted #fff;
	width: 530px;
}
td.left {
	background-color: #CC0000;
	width: 130px;
	border: 7px solid #CC0000;
}
td.right {
	background-color: #E41818;
	width: 400px;
	border: 7px solid #E41818;
	color: #F1D7E1;
}
td.title {
	background-color: #BD0000;
	font-family: georgia;
	color: #FFF;
	font-size: 40px;
	letter-spacing: -2px;
	width: 530px;
	text-align: center;
}
h1 {
	background-color: #BD0000;
	font-family: georgia;
	color: #FFF;
	font-size: 20px;
	letter-spacing: -2px;
	text-align: center;
}
a:link, a:active, a:visited {
	font-family: georgia;
	color: #FFF;
	letter-spacing: -1px;
	text-decoration: none;
}
a:hover {
	letter-spacing: 2px;
	font-family: georgia;
	color: #FFF;
	text-decoration: none;
}
.wrap{padding:10;}
</style>
<div class="wrap">
<table><tr>
<td class="title">


Welcome to my Petpage!


</td>
</tr></table>
<table class="main"><tr>
<td class="left" valign="top">
<h1>Navigate</h1>
<ul>
<li>
<a href="/">Lorem</a>
</li>
<li>
<a href="/">ipsum</a>
</li>
<li>
<a href="/">dolor</a>
</li>
<li>
<a href="/">sit</a>
</li>
</ul>
<h1>About Us</h1>
Amet, consectetuer adipiscing elit. Integer congue lorem eu magna. Maecenas non elit ut erat tempor viverra. Praesent sem elit, facilisis vel, interdum eget, ultrices sed, sem.

<h1>Credit</h1>
Layout by <a href="http://neopets.com/~Cooklus">figmint</a>.

</td>
<td class="right" valign="top">

<h1>Main Content</h1>

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin ornare semper risus. Cras quis mauris. Nunc tristique ante sit amet orci. Nulla sagittis tempor ante. Integer fermentum. In nibh lorem, tincidunt mattis, facilisis at, faucibus sit amet, urna. Suspendisse potenti. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ligula odio, luctus non, mollis sit amet, semper vel, augue. Integer odio. Nulla facilisi. Maecenas sem. Mauris non magna. Praesent vulputate. Aliquam aliquet, quam quis venenatis blandit, nunc ante consequat arcu, sed tincidunt mi purus sit amet lectus. In a libero. Nulla facilisi.
<br>
In vel odio eu sem ultricies consequat. Nullam tellus urna, sodales non, dictum sed, facilisis tempor, elit. Suspendisse potenti. Curabitur faucibus, elit sit amet iaculis luctus, diam mauris commodo nibh, sed laoreet urna eros vitae nibh. Nulla feugiat arcu et est. Maecenas vel sapien. Nulla placerat. Donec quam metus, convallis sed, fringilla eget, bibendum ut, odio. Sed faucibus imperdiet nibh. Nunc quis sem. In cursus. Donec enim. Cras quis augue. Proin quis leo. In condimentum.

</td>
</tr></table>
</div>

<style type="text/css">
a {
}
body {
	background: #222316;
}
body, table, td.left, td.right {
	color: #FFF;
	font-family: georgia;
	font-size: 11px;
	line-height: 16px;
}
table.main {
	background-color: #7E805F;
	border-left: 7px solid #2E3B2C;
	width: 530px;
}
td.left {
	background-color: #7E805F;
	width: 130px;
	border: 7px solid #7E805F;
}
td.right {
	background-color: #4E5743;
	width: 400px;
	border: 7px solid #4E5743;
	color: #8F948D;
}
td.title {
	background-color: #2E3B2C;
	color: #D0C37D;
	font-size: 40px;
	letter-spacing: -5px;
	width: 530px;
	text-align: center;
	text-transform: lowercase;
}
h1 {
	background-color: #2E3B2C;
	color: #FFF;
	font-size: 20px;
	letter-spacing: -2px;
	font-weight: normal;
	text-transform: lowercase;
	text-align: center;
}
a.nav {
	background-color: #2E3B2C;
	font-size: 20px;
	text-transform: lowercase;
	text-align: center;
	color: #D0C37D;
	letter-spacing: 0px;
	text-decoration: none;
	display: block;
}
a.nav:hover {
	color: #FFF;
}
a:link, a:active, a:visited {
	color: #D0C37D;
	letter-spacing: 0px;
	text-decoration: none;
}
a:hover {
	letter-spacing: 1px;
	color: #D0C37D;
	text-decoration: none;
}
.wrap {
	padding: 10px;
}
</style>
<div class="wrap">
<table><tr>
<td class="title">


Welcome to my Petpage!


</td>
</tr></table>
<table class="main"><tr>
<td class="left" valign="top">


<h1>navigate</h1>

<a href="/" class="nav">Portal</a>
<a href="/" class="nav">Charries</a>
<a href="/" class="nav">Events</a>
<a href="/" class="nav">To Guild</a>



<h1>About Us</h1>
Amet, consectetuer adipiscing elit. Integer congue lorem eu magna. Maecenas non elit ut erat tempor viverra. Praesent sem elit, facilisis vel, interdum eget, ultrices sed, sem.

<h1>Credit</h1>
Layout by <a href="http://neopets.com/~Cooklus">figmint</a>.

</td>
<td class="right" valign="top">

<h1>Main Content</h1>

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin ornare semper risus. Cras quis mauris. Nunc tristique ante sit amet orci. Nulla sagittis tempor ante. Integer fermentum. In nibh lorem, tincidunt mattis, facilisis at, faucibus sit amet, urna. Suspendisse potenti. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ligula odio, luctus non, mollis sit amet, semper vel, augue. Integer odio. Nulla facilisi. Maecenas sem. Mauris non magna. Praesent vulputate. Aliquam aliquet, quam quis venenatis blandit, nunc ante consequat arcu, sed tincidunt mi purus sit amet lectus. In a libero. Nulla facilisi.
<br>
In vel odio eu sem ultricies consequat. Nullam tellus urna, sodales non, dictum sed, facilisis tempor, elit. Suspendisse potenti. Curabitur faucibus, elit sit amet iaculis luctus, diam mauris commodo nibh, sed laoreet urna eros vitae nibh. Nulla feugiat arcu et est. Maecenas vel sapien. Nulla placerat. Donec quam metus, convallis sed, fringilla eget, bibendum ut, odio. Sed faucibus imperdiet nibh. Nunc quis sem. In cursus. Donec enim. Cras quis augue. Proin quis leo. In condimentum.

</td>
</tr></table>
</div>

<style type="text/css">
a {
}
body {
	background: #4F2F2D;
}
body, table, td.left, td.right {
	color: #FFF;
	font-family: helvetica,arial;
	font-size: 11px;
	line-height: 15px;
}
table.main {
	background-color: #A63B38;
	border-left: 7px dashed #B8AE55;
	width: 530px;
}
td.left {
	background-color: #A63B38;
	width: 130px;
	border: 7px solid #A63B38;
}
td.right {
	background-color: #833633;
	width: 400px;
	border: 7px dashed #833633;
	color: #BB9C9E;
}
td.title {
	background-color: #B8AE55;
	font-family: century gothic,georgia;
	color: #FFF;
	font-size: 40px;
	letter-spacing: -5px;
	width: 530px;
	text-align: center;
	text-transform: lowercase;
}
h1 {
	background-color: #B8AE55;
	font-family: century gothic,georgia;
	color: #FFF;
	font-size: 20px;
	line-height: 25px;
	letter-spacing: -2px;
	font-weight: normal;
	text-transform: lowercase;
	text-align: center;
}
a.nav {
	background-color: #B8AE55;
	font-size: 20px;
	line-height: 25px;
	text-transform: lowercase;
	text-align: center;
	font-family: century gothic,georgia;
	color: #D0C37D;
	letter-spacing: 0px;
	text-decoration: none;
	display: block;
}
a.nav:hover {
	color: #FFF;
}
a:link, a:active, a:visited {
	font-family: century gothic,georgia;
	color: #D0C37D;
	letter-spacing: 0px;
	text-decoration: none;
}
a:hover {
	letter-spacing: 1px;
	font-family: century gothic,georgia;
	text-decoration: none;
}
.wrap {
	padding: 10px;
}
</style>
<div class="wrap">
<table><tr>
<td class="title">


Welcome to my Petpage!


</td>
</tr></table>
<table class="main"><tr>
<td class="left" valign="top">


<h1>navigate</h1>

<a href="/" class="nav">Portal</a>
<a href="/" class="nav">Charries</a>
<a href="/" class="nav">Events</a>
<a href="/" class="nav">To Guild</a>



<h1>About Us</h1>
Amet, consectetuer adipiscing elit. Integer congue lorem eu magna. Maecenas non elit ut erat tempor viverra. Praesent sem elit, facilisis vel, interdum eget, ultrices sed, sem.

<h1>Credit</h1>
Layout by <a href="http://neopets.com/~Cooklus">figmint</a>.

</td>
<td class="right" valign="top">

<h1>Main Content</h1>

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin ornare semper risus. Cras quis mauris. Nunc tristique ante sit amet orci. Nulla sagittis tempor ante. Integer fermentum. In nibh lorem, tincidunt mattis, facilisis at, faucibus sit amet, urna. Suspendisse potenti. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ligula odio, luctus non, mollis sit amet, semper vel, augue. Integer odio. Nulla facilisi. Maecenas sem. Mauris non magna. Praesent vulputate. Aliquam aliquet, quam quis venenatis blandit, nunc ante consequat arcu, sed tincidunt mi purus sit amet lectus. In a libero. Nulla facilisi.
<br>
In vel odio eu sem ultricies consequat. Nullam tellus urna, sodales non, dictum sed, facilisis tempor, elit. Suspendisse potenti. Curabitur faucibus, elit sit amet iaculis luctus, diam mauris commodo nibh, sed laoreet urna eros vitae nibh. Nulla feugiat arcu et est. Maecenas vel sapien. Nulla placerat. Donec quam metus, convallis sed, fringilla eget, bibendum ut, odio. Sed faucibus imperdiet nibh. Nunc quis sem. In cursus. Donec enim. Cras quis augue. Proin quis leo. In condimentum.

</td>
</tr></table>
</div>

Neopets Related


<style type="text/css">//a{b:c;}
body{background:#715931;font-family:verdana;font-size:11px;}
#img{top:0px;left:0px;}

#left{top:209px;left:25px;width:194px;height:228px;overflow:auto;font-size:11px;}
#botr{top:430px;left:622px;width:210px;height:264px;overflow:auto;font-size:11px;}
#topr{top:41px;left:435px;width:397px;height:134px;overflow:auto;font-size:11px;}

h1,h2,h3{font-size:22px;background:#92612F;text-align:center;font-family:georgia;font-weight:normal;text-transform:uppercase;margin:2px;color:#F3EBDB;padding-bottom:0px;}


a:link, a:visited{color:#98443F;font-weight:bold;}
a:hover{color:#3F3863;}
</style>

<map name="links"> 
<area shape="rect" coords="25,647,169,692" href="enter page url here">
<area shape="rect" coords="178,646,347,692" href="messages page url here">
<area shape="rect" coords="358,647,500,692" href="webbie page url here">
</map>
<div ID="img" style="position:absolute;">
<img src="http://i107.photobucket.com/albums/m315/kubummer/figmint/img/chocoball.png" usemap="#links" border="0"></div>
<div ID="left" style="position:absolute;">




<h1>Header</h1>

<p>
Lorem <a href="xxx">ipsum</a> dolor sit amet, consectetur adipiscing elit. Aliquam gravida eleifend enim non imperdiet. Vivamus dapibus dolor ut magna euismod hendrerit. Maecenas molestie dictum dapibus. Etiam scelerisque consequat arcu, in hendrerit orci euismod sed. Nunc tempus elit sit amet nulla lobortis ut porta tortor placerat. Aenean sit amet aliquam felis. Aliquam erat volutpat. Proin tincidunt elementum magna vel blandit. Aliquam mollis odio quis lacus pellentesque luctus. Fusce id justo ac velit egestas rutrum. Vestibulum fringilla ornare lorem nec porta. Proin faucibus egestas pulvinar. Sed eleifend gravida diam, at facilisis nisi pretium et. Donec sem odio, luctus id varius eget, egestas pellentesque arcu. Duis imperdiet sem ut magna varius id vehicula augue malesuada. Nunc rutrum erat pretium metus vulputate facilisis. Integer pharetra pharetra eros, et tincidunt sapien molestie eu.

<h1>Credit</h1>
This layout was forged in the heartland of the mighty <a href="http://neopets.com/~cooklus">Frisby</a>.



</div>
<div ID="botr" style="position:absolute;">




<h2>Header</h2>

<p>
Lorem <a href="xxx">ipsum</a> dolor sit amet, consectetur adipiscing elit. Aliquam gravida eleifend enim non imperdiet. Vivamus dapibus dolor ut magna euismod hendrerit. Maecenas molestie dictum dapibus. Etiam scelerisque consequat arcu, in hendrerit orci euismod sed. Nunc tempus elit sit amet nulla lobortis ut porta tortor placerat. Aenean sit amet aliquam felis. Aliquam erat volutpat. Proin tincidunt elementum magna vel blandit. Aliquam mollis odio quis lacus pellentesque luctus. Fusce id justo ac velit egestas rutrum. Vestibulum fringilla ornare lorem nec porta. Proin faucibus egestas pulvinar. Sed eleifend gravida diam, at facilisis nisi pretium et. Donec sem odio, luctus id varius eget, egestas pellentesque arcu. Duis imperdiet sem ut magna varius id vehicula augue malesuada. Nunc rutrum erat pretium metus vulputate facilisis. Integer pharetra pharetra eros, et tincidunt sapien molestie eu.

<h2>Credit</h2>
This layout was forged in the heartland of the mighty <a href="http://neopets.com/~cooklus">Frisby</a>.



</div>
<div ID="topr" style="position:absolute;">




<h3>Header</h3>

<p>
Lorem <a href="xxx">ipsum</a> dolor sit amet, consectetur adipiscing elit. Aliquam gravida eleifend enim non imperdiet. Vivamus dapibus dolor ut magna euismod hendrerit. Maecenas molestie dictum dapibus. Etiam scelerisque consequat arcu, in hendrerit orci euismod sed. Nunc tempus elit sit amet nulla lobortis ut porta tortor placerat. Aenean sit amet aliquam felis. Aliquam erat volutpat. Proin tincidunt elementum magna vel blandit. Aliquam mollis odio quis lacus pellentesque luctus. Fusce id justo ac velit egestas rutrum. Vestibulum fringilla ornare lorem nec porta. Proin faucibus egestas pulvinar. Sed eleifend gravida diam, at facilisis nisi pretium et. Donec sem odio, luctus id varius eget, egestas pellentesque arcu. Duis imperdiet sem ut magna varius id vehicula augue malesuada. Nunc rutrum erat pretium metus vulputate facilisis. Integer pharetra pharetra eros, et tincidunt sapien molestie eu.

<h3>Credit</h3>
This layout was forged in the heartland of the mighty <a href="http://neopets.com/~cooklus">Frisby</a>.</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>

<style type="text/css">//a{b:c;}
body{background:#A4F1FF;font-family:verdana;font-size:11px;}
#img{top:0px;left:0px;overflow:hidden;}

#green{top:209px;left:25px;width:194px;height:228px;overflow:auto;font-size:11px;}
#red{top:429px;left:622px;width:210px;height:265px;overflow:auto;font-size:11px;}
#blue{top:41px;left:435px;width:397px;height:134px;overflow:auto;font-size:11px;}

h1,h2,h3{line-height:25px;font-size:40px;background:#EAF7FF;text-align:center;letter-spacing:-3px;font-family:century gothic,tahoma;font-weight:normal;text-transform:lowercase;margin:2px;}
h1{color:#3C9360;}
h2{color:#E26964;}
h3{color:#00B6ED;}

a:link, a:visited{color:#EAF7FF;font-weight:bold;}
a:hover{color:#FFFFFF;}
</style>

<map name="links"> 
<area shape="rect" coords="25,647,169,692" href="enter page url here">
<area shape="rect" coords="178,646,347,692" href="messages page url here">
<area shape="rect" coords="358,647,520,692" href="webbie page url here">
</map>
<div ID="img" style="position:absolute;">
<img src="http://i107.photobucket.com/albums/m315/kubummer/figmint/img/techoday.png" usemap="#links" border="0"></div>
<div ID="green" style="position:absolute;">




<h1>Header</h1>

<p>
Lorem <a href="xxx">ipsum</a> dolor sit amet, consectetur adipiscing elit. Aliquam gravida eleifend enim non imperdiet. Vivamus dapibus dolor ut magna euismod hendrerit. Maecenas molestie dictum dapibus. Etiam scelerisque consequat arcu, in hendrerit orci euismod sed. Nunc tempus elit sit amet nulla lobortis ut porta tortor placerat. Aenean sit amet aliquam felis. Aliquam erat volutpat. Proin tincidunt elementum magna vel blandit. Aliquam mollis odio quis lacus pellentesque luctus. Fusce id justo ac velit egestas rutrum. Vestibulum fringilla ornare lorem nec porta. Proin faucibus egestas pulvinar. Sed eleifend gravida diam, at facilisis nisi pretium et. Donec sem odio, luctus id varius eget, egestas pellentesque arcu. Duis imperdiet sem ut magna varius id vehicula augue malesuada. Nunc rutrum erat pretium metus vulputate facilisis. Integer pharetra pharetra eros, et tincidunt sapien molestie eu.

<h1>Credit</h1>
This layout was forged in the heartland of the mighty <a href="http://neopets.com/~cooklus">Frisby</a>.



</div>
<div ID="red" style="position:absolute;">




<h2>Header</h2>

<p>
Lorem <a href="xxx">ipsum</a> dolor sit amet, consectetur adipiscing elit. Aliquam gravida eleifend enim non imperdiet. Vivamus dapibus dolor ut magna euismod hendrerit. Maecenas molestie dictum dapibus. Etiam scelerisque consequat arcu, in hendrerit orci euismod sed. Nunc tempus elit sit amet nulla lobortis ut porta tortor placerat. Aenean sit amet aliquam felis. Aliquam erat volutpat. Proin tincidunt elementum magna vel blandit. Aliquam mollis odio quis lacus pellentesque luctus. Fusce id justo ac velit egestas rutrum. Vestibulum fringilla ornare lorem nec porta. Proin faucibus egestas pulvinar. Sed eleifend gravida diam, at facilisis nisi pretium et. Donec sem odio, luctus id varius eget, egestas pellentesque arcu. Duis imperdiet sem ut magna varius id vehicula augue malesuada. Nunc rutrum erat pretium metus vulputate facilisis. Integer pharetra pharetra eros, et tincidunt sapien molestie eu.

<h2>Credit</h2>
This layout was forged in the heartland of the mighty <a href="http://neopets.com/~cooklus">Frisby</a>.



</div>
<div ID="blue" style="position:absolute;">




<h3>Header</h3>

<p>
Lorem <a href="xxx">ipsum</a> dolor sit amet, consectetur adipiscing elit. Aliquam gravida eleifend enim non imperdiet. Vivamus dapibus dolor ut magna euismod hendrerit. Maecenas molestie dictum dapibus. Etiam scelerisque consequat arcu, in hendrerit orci euismod sed. Nunc tempus elit sit amet nulla lobortis ut porta tortor placerat. Aenean sit amet aliquam felis. Aliquam erat volutpat. Proin tincidunt elementum magna vel blandit. Aliquam mollis odio quis lacus pellentesque luctus. Fusce id justo ac velit egestas rutrum. Vestibulum fringilla ornare lorem nec porta. Proin faucibus egestas pulvinar. Sed eleifend gravida diam, at facilisis nisi pretium et. Donec sem odio, luctus id varius eget, egestas pellentesque arcu. Duis imperdiet sem ut magna varius id vehicula augue malesuada. Nunc rutrum erat pretium metus vulputate facilisis. Integer pharetra pharetra eros, et tincidunt sapien molestie eu.

<h3>Credit</h3>
This layout was forged in the heartland of the mighty <a href="http://neopets.com/~cooklus">Frisby</a>.</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>

Petpage Layouts

Neopets Related

Latest News:

ChatBox

Partners

Affiliates

Links

Change Skins