Mallelaine got their homepage at Neopets.com

Info: Pattern Based lookups contain a few repeating images that make the lookup more interesting, often with more color.

Floral Blue
<style> #footer, #usertrophies, #usershop, #userneohome, #userneohome table, #header #navigation, #header table {display: none; border: none;} #header{background: url('http://i26.tinypic.com/rvlzy8.png'); border-bottom: 0px; height: 500px;} img:hover{ opacity: 0.70; filter:alpha(opacity=70);} #userinfo {width: 305px;} #userinfo, #usercollections, #userneopets {border: 2px solid #CCC;} body{background: url('http://i25.tinypic.com/2h4zwhd.png');} #content {width: 40%; position: absolute; left: 250px; top: 0px; opacity: 0.70; filter:alpha(opacity=70);} #userneopets img {width: 50px; height: 50px;} #userneopets {width: 100%;} #main {background: none; border: none; align: center; text-align: center;} .contentModuleHeaderAlt, .contentModuleTable, .contentModuleHeader {border: 0px; background: none;} .contentModuleHeaderAlt, .contentModuleTable {border: 0px; background: url('http://i26.tinypic.com/rvlzy8.png'); background-position: 100px 250px;} .contentModule{border: 0px;} .medText {background: #FFF; font-size: 8pt; font-family: verdana;} .medText b {color: #000;} BODY, div, TD, P, A, I, BR, FONT { color: #000000; font-size:8pt; font-family: verdana; line-height: 15px; text-decoration: none; } hr{border: 0px; width: 50px;} b, u{ color: #C0C0C0; font-family:verdana; font-size:8pt; font-weight:bold;} i{ color: #888888; font-family:verdana; font-size:8pt; font-weight:bold;} h1{ margin: 0px; padding-top: 30px; padding-bottom: 5px; width: 100%; background: url('http://i25.tinypic.com/2h4zwhd.png'); border-bottom: double 5px #666; font-size: 14pt; font-weight: bold; font-family: tahoma; color: #FFFFFF; text-transform: uppercase; text-align: right; } h2{ margin-top:0px; margin-bottom: 0px; padding-left : 1px; width: 100%; background-color: #E4E4E4; border-top: solid 2px #00CAC3; border-bottom: solid 1px #00CAC3; font-size: 7pt; font-weight: bold; font-family: tahoma; color: #999999; line-height: 10px; } A:link, A:visited, A:active{ color: #666666; text-decoration: none; font-family: tahoma; font-size: 8pt; letter-spacing: -1px; font-weight: bold; } A:Hover { color: #666666; text-decoration: none; border-bottom: 2px ridge #00CAC3; } .txt{background-color:#FFFFFF; border: 3px solid #E1E1E1;} </style><div class="txt"> <h1>floral blue</h1> Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee. <p> <h2>css by <a href="http://www.neopets.com/randomfriend.phtml?user=dramahtic">dramahtic</a> -- getit@<a href="http://petpages.neopets.com/~Mallelaine">thispage</a>.</h2> Navigation: <a href="myaccount.phtml">Account</a> | <a href="petcentral.phtml">Central</a> | <a href="explore.phtml">Explore</a> | <a href="/games/arcade.phtml">Games</a> | <a href="objects.phtml">Shops</a> | <a href="/neoboards/index.phtml">Boards</a> | <a href="nf.phtml">News</a> | <a href="/video/index.phtml">Video</a> | <a href="/mall/index.phtml">NC Mall</a></div>

Hot Pink Stripes

hr{border:  0px; width:  50px;}
b, u{
color: #C0C0C0;
font-family:verdana;
font-size:8pt;
font-weight:bold;}

i{
color: #888888;
font-family:verdana;
font-size:7pt;
font-weight:bold;}
h1 {
text-transform:uppercase;
text-align: right;
letter-spacing:1pt;
font-weight:bold;
color: #111111;
width: 100%;
font-family: verdana;
font-size:20pt;
background-color: #FF6699;
border-bottom: dashed #111111 3px;
border-top: #111111 solid 4px;
border-left: #111111 solid 1px;
border-right: #111111 solid 1px;
padding-top:  5px;
padding-bottom: 5px;
}

h2 {
text-transform:uppercase;
text-align: right;
letter-spacing:1pt;
font-weight:bold;
color: #111111;
width: 100%;
font-family: georgia;
font-size:8pt;
background-color: #E1E1E1;
border-bottom: solid #111111 2px;
border-left: #111111 solid 1px;
border-right: #111111 solid 1px;
border-top: #111111 solid 1px;
}

A:link, A:visited, A:active{
 color: #666666;
 text-decoration: none;
 font-family: verdana;
 font-size: 8pt;
 text-transform: uppercase;
}
 
A:Hover {
color: #666666;
text-decoration: none;
text-transform: uppercase;
border-bottom: 1px dotted #FF6699;
}
 
body {background: url('http://i7.tinypic.com/3z9iouh.png') repeat;}
.txt{background-color:#FFFFFF; border:  3px solid #E1E1E1;}
</style><div class="txt">
<h1>pink stripes</h1>
Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee. 
Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee.
Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee.
<p>
<h2>css by <a href="http://www.neopets.com/randomfriend.phtml?user=dramahtic">dramahtic</a>  -- getit@<a href="http://petpages.neopets.com/~Mallelaine">thispage</a>.</h2>

Blue-Grey

hr{border:  0px; width:  50px;}

u{
 color: #9EE8E8;
 text-decoration:none;
 font-weight:bold; 
 text-transform:lowercase;
 font-size:7pt;
 font-family:arial;
 text-decoration:underline;
 line-height:6pt;}

b{
 color: #9EE8E8;
 font-family:tahoma;
 font-size:7pt; 
 font-weight:bold;}

i{
 color: #9EE8E8;
 font-family:arial;
 font-size:7pt;
 font-weight:none;}
h1
{ text-transform:none;
text-align: center;
letter-spacing:-4pt;
font-weight:none; 
color: #9EE8E8;
font-family: tahoma;
font-size:30pt;
line-height:20px;
margin: 0px;
}

h3
{ text-transform:none;
text-align: center;
letter-spacing:3pt;
font-weight:none;
color: #C0C0C0;
font-family: verdana;
font-size:15pt;
line-height:  10px;
}

h2{
 color: #999999;
 font-family:tahoma;
 font-size:7pt; 
 font-weight:bold;
 background-color: #E4E4E4;
 width: 100%;
}

A:link, A:visited, A:active{
color: #9EE8E8;
text-decoration: none;
font-family: tahoma;
font-size: 7pt;
letter-spacing: 2px;
text-transform: lowercase;
}
 
A:Hover {
color: #C0C0C0;
text-decoration: none;
text-transform:uppercase;
border-bottom: 1px solid #CCCCCC;
}
 
.txt {background-color:#FFFFFF; border:  3px solid #E1E1E1;}
BODY {background:url(http://img128.imageshack.us/img128/8011/blu3zo.png)
repeat;}
</style><div class="blg">
<h1>blue & grey</h1>
<h3>subtitle!</h3>
Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee. 
Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee.
Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee.
<p>
<h2>css by <a href="http://www.neopets.com/randomfriend.phtml?user=dramahtic">dramahtic</a>  -- getit@<a href="http://petpages.neopets.com/~Mallelaine">thispage</a>.</h2>

Beach Pink

.contentModule, .txt {
border-top: 10px solid #FF8199; 
border-left: 5px solid #E2F3FF; 
border-right: 5px solid #E2F3FF; 
border-bottom: 10px solid #FFF28B;
background: #EEEEEE;
}
BODY, div, TD, P, A, I, BR,  FONT, .medText
{ color: #000000; 
font-family: verdana;
font-size: 7pt;
text-decoration: none;
}

hr{border:  0px; width:  50px;}

u{color: #FF8199; text-decoration:none; font-weight:bold; text-transform:lowercase;font-size:7pt;font-family:verdana;text-decoration:underline;line-height:6pt;}
b{color: #C0C0C0;font-family:verdana;font-size:7pt; font-weight:bold; text-transform:lowercase;}
i{color: #FFF28B;font-family:verdana;font-size:7pt; font-weight:none; text-transform:uppercase;}

H1
{text-transform:none;text-align: center;letter-spacing:-4pt;font-weight:none; color: #FF8199;font-family: times new roman;font-size:30pt;
line-height:20px;margin: 0px;}
H2
{text-transform:none;text-align: center;letter-spacing:6pt;font-weight:none; color: #999;font-family: times new roman;font-size:15pt;
line-height:15px;background-color:#CCC;}

A:link, A:visited, A:active
 {color: #FF8199;
 text-decoration: none;
 font-family: verdana;
 font-size: 7pt;
 text-transform: lowercase;
}

A:Hover { color: #FFF28B; text-decoration: none; text-transform:uppercase;border-bottom: 1px solid #E2F3FF;background-color:#C0C0C0;}

.txt {background-color:#EEEEEE;}
body{
background:url('http://img133.imageshack.us/img133/7161/13tm1.png');}
</style><div class="txt">
<h1>beach color scheme</h1>
<h2>subtitle!</h2>
Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee. 
Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee.
Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee.
<p>
<b>css by <a href="http://www.neopets.com/randomfriend.phtml?user=dramahtic">dramahtic</a>  -- getit@<a href="http://petpages.neopets.com/~Mallelaine">thispage</a>.</b>
<p>
Navigation:  
<a href="myaccount.phtml">Account</a> | <a href="petcentral.phtml">Central</a> | <a href="explore.phtml">Explore</a> | <a href="/games/arcade.phtml">Games</a> | <a href="objects.phtml">Shops</a> | <a href="/neoboards/index.phtml">Boards</a> | <a href="nf.phtml">News</a> | <a href="/video/index.phtml">Video</a> | <a href="/mall/index.phtml">NC Mall</a></div>

Info: Simple lookups contain no images, and are based solely on CSS.

Simple Lime

<style> #header, #footer, #usertrophies, #usershop, #userneohome, #userneohome table {display: none; border: none;} #content {width: 40%; position: absolute; left: 250px; top: 0px;} #userneopets img {width: 50px; height: 50px;} #userneopets {width: 100%;} #main {background: none; border: none; align: center; text-align: center;} .contentModuleHeaderAlt, .contentModuleTable, .contentModuleHeader {border: 0px; background: none;} .contentModuleHeaderAlt, .contentModuleTable {border: 0px; background: #CCC;} .medText {background: #FFF; font-size: 7pt; font-family: courier new;} .medText b {color: #000;} BODY, div, TD, P, A, I, BR, FONT { color: #000000; letter-spacing:1px; font-size:7pt; font-family: verdana; line-height: 15px; text-decoration: none; } hr{border: 0px; width: 50px;} b, u{ color: #C0C0C0; font-family:verdana; font-size:7pt; font-weight:bold;} i{ color: #888888; font-family:verdana; font-size:7pt; font-weight:bold;} h1{ margin-top:0px; margin-bottom: 0px; padding-left : 1px; width: 100%; background-color: #CCCCCC; border-bottom: solid 2px #6CD900; font-size: 14pt; font-weight: bold; font-family: tahoma; color: #FFFFFF; line-height: 20px; } h2{ margin-top:0px; margin-bottom: 0px; padding-left : 1px; width: 100%; background-color: #E4E4E4; border-top: solid 2px #6CD900; border-bottom: solid 1px #6CD900; font-size: 7pt; font-weight: bold; font-family: tahoma; color: #999999; line-height: 10px; } A:link, A:visited, A:active{ color: #666666; text-decoration: none; font-family: verdana; font-size: 7pt;} A:Hover { color: #666666; text-decoration: none; border-bottom: 2px ridge #6CD900; } body{background-color:#99FF33;} .txt{background-color:#FFFFFF; border: 3px solid #E1E1E1;} </style><div class="txt"> <h1>simple lime</h1> Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee. <p> <h2>css by <a href="http://www.neopets.com/randomfriend.phtml?user=dramahtic">dramahtic</a> -- getit@<a href="http://petpages.neopets.com/~Mallelaine">thispage</a>.</h2> Navigation: <a href="myaccount.phtml">Account</a> | <a href="petcentral.phtml">Central</a> | <a href="explore.phtml">Explore</a> | <a href="/games/arcade.phtml">Games</a> | <a href="objects.phtml">Shops</a> | <a href="/neoboards/index.phtml">Boards</a> | <a href="nf.phtml">News</a> | <a href="/video/index.phtml">Video</a> | <a href="/mall/index.phtml">NC Mall</a></div>

Ebony and Ivory

hr{border:  0px; width:  50px;}

u{color: #999999; text-decoration:none; font-weight:bold; text-transform:uppercase;font-size:6pt;font-family:small fonts;text-decoration:underline;line-height:6pt;}

b{color: #888;font-family:small fonts;font-size:6pt; font-weight:bold; text-transform:uppercase;}

i{color: #333333;font-family:small fonts;font-size:6pt; font-weight:none; text-transform:lowercase;}

h1
{ text-transform:none;text-align: center;letter-spacing:-4pt;font-weight:none; color: #000000;font-family: verdana;font-size:30pt;
line-height:20px;margin:  0px;}
H3
{text-transform:none;text-align: center;letter-spacing:6pt;font-weight:none; color: #333333;font-family: arial;font-size:12pt;
line-height:0px;}

A:link, A:visited, A:active{
color: #000000;
text-decoration: none;
font-family: small fonts;
font-size: 6pt;
text-transform: uppercase;
}
 
A:Hover {
color: #FFFFFF; text-decoration: none; text-transform:uppercase;border-bottom: 2px solid #FFFFFF; background-color:#000000;
}
 
.txt {background-color:#FFFFFF; border:  3px solid #E1E1E1;}
body {background-color:#000000;}
</style><div class="txt">
<h1>ebony and ivory</h1>
<h3>subtitle!</h3>
Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee. 
Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee.
Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee.
<p>
<b>css by <a href="http://www.neopets.com/randomfriend.phtml?user=dramahtic">dramahtic</a>  -- getit@<a href="http://petpages.neopets.com/~Mallelaine">thispage</a>.</b>
<p>
Navigation:  
<a href="myaccount.phtml">Account</a> | <a href="petcentral.phtml">Central</a> | <a href="explore.phtml">Explore</a> | <a href="/games/arcade.phtml">Games</a> | <a href="objects.phtml">Shops</a> | <a href="/neoboards/index.phtml">Boards</a> | <a href="nf.phtml">News</a> | <a href="/video/index.phtml">Video</a> | <a href="/mall/index.phtml">NC Mall</a></div>

petpages

Bright Green

hr
{color: #C0C0C0;
 width: 250px;
 height:1px;
 border-style: solid;}

h1
{text-align: right;
 text-transform: lowercase;
 background-color:#E4E4E4;
 border-bottom:4pt dotted #66FF33;
 border-top:2pt dashed #C0C0C0;
 font-family:georgia;
 font-size:9pt;
 color:#666666;
 text-transform:lowercase;
 font-weight:bold;
 text-decoration:none;
 width:100%;}

A:link, A:visited, A:active
 {color: #66FF33;
 text-decoration: none;
 font-family: verdana;
 font-size: 9pt;
 text-transform: lowercase}
A:Hover 
{color: #66FF33;
 text-decoration: none;
 text-transform:uppercase;
 border-bottom: 1px solid #CCCCCC;}
p table{
border-top: 5px solid #13D21F; 
border-left: 5px solid #13D21F; 
border-right: 5px solid #13D21F; 
border-bottom: 5px solid #13D21F; 
background-color:  #FFFFFF;
width: 500px;
text-align: right;
} 
body { background-image: url('http://img19.imageshack.us/img19/309/bgs0ue.png');}
</style>
<center>
<p><table>
<tr><td>
<h1>Title</h1><br>
Text here =)  Text here =)  Text here =)  Text here =)  Text here =)  Text here =)  Text here =)<p>  Text here =)  Text here =)  Text here =)  Text here =)  <p>Text here =)  Text here =)  Text here =)  Text here =)  Text here =)  Text here =)  Text here =)  Text here =)<p>
<b>css by <a href="http://www.neopets.com/randomfriend.phtml?user=dramahtic">dramahtic</a>  -- getit@<a href="http://petpages.neopets.com/~Mallelaine">thispage</a>.</b>
    </td>
  </tr>
</table>
</center>

Black and White

u{color: #999999; text-decoration:none; font-weight:bold; text-transform:uppercase;font-size:6pt;font-family:small fonts;text-decoration:underline;line-height:6pt;}

b{color: #333333;font-family:small fonts;font-size:6pt; font-weight:bold; text-transform:uppercase;}

i{color: #333333;font-family:small fonts;font-size:6pt; font-weight:none; text-transform:lowercase;}

hr{color: #333333; width: 250px; height:1px; border-style: solid;}

H1
{text-transform:none;text-align: center;letter-spacing:-4pt;font-weight:none; color: #000000;font-family: verdana;font-size:30pt;
line-height:20px;}
H2
{text-transform:none;text-align: center;letter-spacing:6pt;font-weight:none; color: #333333;font-family: arial;font-size:12pt;
line-height:0px;}
A:link, A:visited, A:active
 {color: #000000;
 text-decoration: none;
 font-family: small fonts;
 font-size: 6pt;
 text-transform: uppercase}
A:Hover { color: #FFFFFF; text-decoration: none; text-transform:uppercase;border-bottom: 2px solid #FFFFFF; background-color:#000000;}
body{background-color:#000000;}
p table{background-color: #FFFFFF;
border-top: 5px solid #333333;
border-left: 5px solid #333333;
border-right: 5px solid #333333;
border-bottom: 5px solid #333333;
width: 32%;
}
</style>

<center>
<p><table>
<tr><td>
      <h1>Title1</h1>
      <h2>Title 2</h2>
<center>
      <p> Normal Text || <b>Bold </b>|| <u>Underline</u> || <i>Italics</i><p>
Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee. 
Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee.
Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee.
Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee. 
Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee.
Put your text hereee. Put your text hereee. Put your text hereee. Put your text hereee.

<p>
      <b>css by <a href="http://www.neopets.com/randomfriend.phtml?user=dramahtic">dramahtic</a>  -- getit@<a href="http://petpages.neopets.com/~Mallelaine">thispage</a>.</center>
</b>
</center>
</td></tr></table></p></center>

Peachy Summer

b{color: #C0C0C0;font-family:verdana;font-size:7pt; font-weight:bold; text-transform:lowercase;}

i{color: #FFF28B;font-family:verdana;font-size:7pt; font-weight:none; text-transform:uppercase;}

hr{color: #FFF28B; width: 250px; height:1px; border-style: solid;}
H1
{text-transform:none;text-align: center;letter-spacing:-4pt;font-weight:none; color: #FF8199;font-family: times new roman;font-size:30pt;
line-height:20px;}
H2
{text-transform:none;text-align: center;letter-spacing:6pt;font-weight:none; color: #FFF28B;font-family: times new roman;font-size:15pt;
line-height:15px;background-color:#C0C0C0;}
A:link, A:visited, A:active
 {color: #FF8199;
 text-decoration: none;
 font-family: verdana;
 font-size: 7pt;
 text-transform: lowercase}
A:Hover { color: #FFF28B; text-decoration: none; text-transform:uppercase;border-bottom: 1px solid #E2F3FF;background-color:#C0C0C0;}
body{
background:url('http://img133.imageshack.us/img133/7161/13tm1.png');}
p table{
border-top: 10px solid #FF8199; 
border-left: 5px solid #E2F3FF; 
border-right: 5px solid #E2F3FF; 
border-bottom: 10px solid #FFF28B; 
background-color:  #EEEEEE;
width: 500px;
text-align: right;
} 
</style>

<center>
<p><table>
<tr><td>
<center>
<h1>your title here</h1><p>
<h2>subtitle yay.</h2><p>
Text here =)  Text here =)  Text here =)  Text here =)  Text here =)  Text here =)  Text here =)<p>  Text here =)  Text here =)  Text here =)  Text here =)  <p>Text here =)  Text here =)  Text here =)  Text here =)  Text here =)  Text here =)  Text here =)  Text here =)<p>
<b>css by <a href="http://www.neopets.com/randomfriend.phtml?user=dramahtic">dramahtic</a>  -- getit@<a href="http://petpages.neopets.com/~Mallelaine">thispage</a>.</b>
</center></tr></td></table>
</center>

Pale Blue
<style type="text/css">BODY, TD, P, A, FONT { color: #000000; font-family: tahoma; font-size: 7pt; scrollbar-face-color: #ffffff; scrollbar-shadow-color: #CCCCCC; scrollbar-highlight-color: #9EE8E8; scrollbar-3dlight-color: #9EE8E8; scrollbar-darkshadow-color: #CCCCCC; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #9EE8E8;} textarea { color: #C0C0C0; background-color: #FFFFFF; border: dotted 1px #9EE8E8; text-transform:uppercase; font-family:arial;font-size:6pt;} u{ color: #9EE8E8; text-decoration:none; font-weight:bold; text-transform:lowercase; font-size:7pt; font-family:arial; text-decoration:underline; line-height:6pt;} b{ color: #9EE8E8; font-family:arial; font-size:7pt; font-weight:bold;} i{ color: #9EE8E8; font-family:arial; font-size:7pt; font-weight:none;} hr{ color: #C0C0C0; width: 250px; height:1px; border-style: solid;} h1 { text-transform:none; text-align: center; letter-spacing:-4pt; font-weight:none; color: #9EE8E8; font-family: tahoma; font-size:45pt; line-height:20px;} h2 { text-transform:none; text-align: center; letter-spacing:3pt; font-weight:none; color: #C0C0C0; font-family: verdana; font-size:20pt; line-height:4px;} h3{ color: #999999; font-family:tahoma; font-size:7pt; font-weight:bold; background-color: #E4E4E4; width: 100%; } A:link, A:visited, A:active { color: #9EE8E8; text-decoration: none; font-family: tahoma; font-size: 7pt; letter-spacing: 2px; text-transform: lowercase;} A:Hover { color: #C0C0C0; text-decoration: none; text-transform:uppercase; border-bottom: 1px solid #CCCCCC;} p table { background-color: #FFFFFF; width: 60%; border: dotted 2px #000000; } BODY {background:url(http://img128.imageshack.us/img128/8011/blu3zo.png) repeat;} </style> <center> <p><table> <tr><td> <center> <h1>your title here</h1><p> <h2>subtitleeee!</h2><p> Text here =) Text here =) Text here =) Text here =) Text here =) Text here =) Text here =)<p> Text here =) Text here =) Text here =) Text here =) <p>Text here =) Text here =) Text here =) Text here =) Text here =) Text here =) Text here =) Text here =)<p> <center><h3>css by <a href="http://www.neopets.com/randomfriend.phtml?user=dramahtic">dramahtic</a> -- getit@<a href="http://petpages.neopets.com/~Mallelaine">thispage</a>.</center></h3>

Pink Striped

<div style="position:absolute;top:40;left:400; overflow:none;">
<p><table>
<tr><td>
  <h1>unbreak my heart</h1>
  <h2>unbreak my heart</h2>
  
  Text <u>Text</u> <b>Text</b> <a href="http://www.neopets.com/">Text</a><p>
  Your text heree.  Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree.
   Your text heree.  Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree.
  
    <p><h2>subheadings with this code</h2>
     Your text heree.  Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree.
   Your text heree.  Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree. Your text heree.
  
       <p>
  <h2>css by <a href="http://www.neopets.com/randomfriend.phtml?user=dramahtic">dramahtic</a>  -- getit@<a href="http://petpages.neopets.com/~Mallelaine">thispage</a>.</h2>
</tr></td></table></p>

Orange and Blue

<style>

.sf {display: none;}

body {
background: #E0E4CC;
overflow-y: hidden;
}

body, font, p, div {
font-size: 12px;
font-family: trebuchet MS;
color:  #333;
}

b {color: #A7DBD8; font-weight: bold;}
u, i {color: #F38630;}

a:link, a:visited, a:active {
color:  #999;
}
a:hover {
color:  #CCC;
}

.container {
text-align: center;
width: 100%;
}

.out {
border-left:  10px solid #69D2E7;
border-right:  10px solid #69D2E7;
}

.go {
background:  #FFF;
border-right: 10px solid #A7DBD8;
border-left: 10px solid #A7DBD8;
border-bottom: 1px solid #A7DBD8;
border-top: 1px solid #A7DBD8;
width: 800px;
height: 200px;
padding: 5px;
overflow: auto;
}

.bottom {
position: absolute;
top: 320px;
left: 0px;
width: 100%;
height: 300px;
background:  #ECEFE0;
border-top:  #CCCFC2 10px solid;
}

.vbottom {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 20px;
background:  #A7DBD8;
border-top:  #69D2E7 10px solid;
}

#cap {
float: left;
font-size: 30px;
height: 30px;
line-height: 30px;
color:  #FA6900;
font-family: times new roman;
text-transform: uppercase;
font-style: normal;
}

.head {
font-size: 80px;
color: #CCCFC2;
font-family: times new roman;
letter-spacing: 20px;
position: absolute;
top: 305px;
right: 10px;
font-weight: bold;
}

.head2 {
font-size: 30px;
color: #FA6900;
font-family: georgia;
letter-spacing: 20px;
position: absolute;
top: 385px;
right: 10px;
font-weight: lighter;
}

h1 {
color: #F38630;
font-family: times new roman;
margin: 0px;
text-align: right;
border-bottom: 1px dotted #CCC;
font-weight: lighter;
letter-spacing: 1px;
}

.nav {
position: absolute;
top: 290px;
left: 0px;
z-index: 10;
}

a.n:link, a.n:visited, a.n:active {
background:  #CCCFC2;
color:  #FFFFFF;
font-family: georgia;
font-size: 9px;
text-transform: uppercase;
padding:  15px 30px 15px 30px;
text-decoration: none;
border-top:  #FFF 1px dotted;
border-right:  #FFF 1px dotted;
margin: 0;
height: 30px;
}

a.n:hover {
border-top:  #69D2E7 1px dotted;
border-right:  #69D2E7 1px dotted;
background:  #FFF;
color:  #69D2E7;
}

a.b:link, a.b:visited, a.b:active {
background:  #ECEFE0;
color:  #CCCFC2;
font-family: georgia;
font-size: 9px;
text-transform: uppercase;
padding:  15px 30px 15px 30px;
text-decoration: none;
border-top:  #FFF 1px dotted;
border-right:  #FFF 1px dotted;
margin: 0;
height: 30px;
}

a.b:hover {
border-top:  #F38630 1px dotted;
border-right:  #F38630 1px dotted;
background:  #FFF;
color:  #F38630;
}

.cred {
width: 300px;
height: 150px;
padding: 5px;
text-align: center;
font-size: 12px;
font-family: trebuchet ms;
font-weight: lighter;
position: absolute;
top: 370px;
left: 30px;
z-index: 15;
letter-spacing: 1px;
background: #FCFFEF;
border: 1px dotted #CCC;
line-height: 25px;
}

</style>
<div class="nav">
<a href="#o" class="n">link?</a>

<div class="head">
header plz
</div>

<div class="head2">
lololol !
</div>

<div class="cred">
<h1>layout info/credits</h1>
<br>
<b>CSS by <a href="userlookup.phtml?user=dramahtic">dramahtic</a>.</b><br>
Get it @ <a href="/~mallelaine">this page</a>.<br>
This page looks best in firefox.
</div>

Diamonds are my Best Friend

body, font, p, td {
font-size: 8pt;
font-family:  verdana;
}

a:link, a:visited, a:active {
color:  #666;
}

a:hover {
color:  #999;
font-weight: bold;
}

table {
valign: top;
}

p {text-indent: 20px;}

table.a {
background:  none;
width: 100%;
valign: top;
}

td.b {
background:  #FFF;
border:  1px solid #000;
valign: top;
cellpadding:  0;
}

td.c {
background:  #C3F0FF;
border:  1px solid #000;
width: 50px;
valign: top;
}

h1 {
font-size: 30px;
color: #999;
font-family:  courier new;
font-weight:  bold;
letter-spacing:  5px;
text-transform:  lowercase;
width: 100%;
background:  url('http://img205.imageshack.us/img205/3249/vfel9.png');
border-top:  1px dotted #999;
border-bottom:  6px double #999;
text-align: center;
margin:  1px;
letter-spacing: -5px;
}

.crdt {
font-size: 10px;
color: #666;
font-family:  courier new;
font-weight:  bold;
letter-spacing:  5px;
text-transform:  lowercase;
width: 100%;
background:  #C3F0FF;
border-top:  1px dotted #999;
border-bottom:  1px dotted #999;
text-align: center;
margin:  1px;
letter-spacing: 1px;
}
</style>
<p>

<td class="b">
<h1>yayyy!</h1>
<p>lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!

</p>
</td>

</table>
<p>

<td class="b">
<p>lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  
lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!  lalala!

</p>
</td>

<td class="c">
</td>
</tr>
</table><br>
<div class="crdt">css/style by <a href="http://neopets.com/userlookup.phtml?user=dramahtic">dramahtic</a>.  
getit@<a href="http://www.neopets.com/~Mallelaine">thispage</a>.  -- do not steal/copy</div>

css by dramahtic

Rules (MUST READ)

Navigation

lookups

Pattern Based

Simple

petpages

Simple

Pattern Based

Wide