TitanicDreams got their homepage at Neopets.com

Blogging

Cameraphobia

Date: October 8, 2008
Mood: Happy
Music: None
Requests: Only affie requests and requests for uncoded layouts are opened.

Heyyy. I'm just going to jump right into blog mode. Haha x] So, today, I was flipping through all of these yearbooks from wayyy backkkk whennnnn. It felt like a flashback. I saw some of my pics. They were all bad, bad, bad, bad, bad. I mean the pictures themselves weren't too bad. But, taking them was pure misery business. I think I have cameraphobia: the extreme fear of cameras! Haha. Jk. If you know me, you'd know that I'm NOT the most photogenic person. I'd be smiling and ready for the picture, but the moment that camera flashes, I close my eyes or do something stupid. So, yeah, each year I'm stuck with getting 500 retakes to even look a little decent. I'm so jealous of those of you who can actually take good pictures *cough* Spencer *cough.* Haha. Seriously, that gurlie takes pretty good pics. Anyways, I was looking at some pictures from sixth grade. I just realized that I HAD BLONDE HAIR BACK THEN. Pretty freaky: I've been a brunette for as long as I can remember. But, apparently, in sixth grade, my hair was a whole lot lighter. Maybe it was the lighting effects?

P.S. Spencer and I have been kind of bored lately. So, we're considering starting a review site or something like that. Got any ideas?

Present For Our Affiliates:

Posted by Melanie

Neomail/Lookup

The Talented:

It doesn't get anymore talented than this =] Apply to be affiliated with The Titanic Here.

Top Affies:

Reminder: top affies are not included in the regular affie section. You're either one or the other.

Uncoded Layouts

Here are some top notch layouts made by Melanie and Spencer. As you can see, we provide the layout and the background. You are free to design your own CSS to go with the layouts. However, a linkback to The Titanic is absolutely required.

The Shadow ft Random Model

The Layout:

The Background:

Like A Doll ft Reese Witherspoon

The Layout:

The Background:

Lost ft Random Model

The Layout:

The Background:

CSS

Here are some original CSS, provided to you by (of course) Melanie and Spencer. Edit them however you like, just don't remove the credits. Redistribution is also a big NO NO. The preview below shows the general format of all the CSS. They are all pretty much the same, just in different colors. The color palettes show the color themes used in each CSS.

</i><style />#n{display: none;} 
table{background:none}#nst, #n, .hdr, #ban, #m, hr, #object, #input, #form, #mb, .tl, .tt{display:none}.hdr{display: none;}
</style />

p.Melanie
{background-color: #f8f8ff; 
font-family:Century;
font-size:100px;
color: #ff69b4;
text-align:left;
text-transform:uppercase;
line-height: 100px;
letter-spacing: 5px;
margin:0px;
padding:1px;}

p.Melanie1
{background-color: #f8f8ff; 
font-family:Century;
font-size:10px;
color: #ff69b4;
text-align:left;
text-transform:uppercase;
line-height: 12px;
letter-spacing: 5px;
margin:0px;
padding:1px;}

p.Spencer
{background-color: none; 
font-family:Century;
font-size:50px;
color: #ff69b4;
text-align:center;
text-transform:uppercase;
line-height: 70px;
letter-spacing: 5px;
margin:0px;
padding:1px;}

p.Spencer1
{background-color: none; 
font-family:Century;
font-size:10px;
color: #ff69b4;
text-align:center;
text-transform:uppercase;
line-height: 10px;
letter-spacing: 5px;
margin:0px;
padding:1px;}

p.Titanic
{text-transform: uppercase; 
border-bottom: 1px dashed #ff69b4; 
line-height: 20px; 
letter-spacing:0px; 
font-size: 25px; 
text-align: left; 
font-family: georgia; 
color: #ff69b4;
background-color: #f8f8ff;
margin:5px;
padding:0px;}

p.Titanic1
{background-color: none; 
font-family:Century;
font-size:7px;
color: #ff69b4;
text-align:center;
text-transform:uppercase;
line-height: 5px;
letter-spacing: 5px;
margin:5px;
padding:0px;}

textarea
{font-size:5pt;letter-spacing:0;font-family:small fonts;text-transform:uppercase;width:100px; height:15px;}

a:link, a:active, a:visited {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:#ff69b4;
font-weight:none;
text-decoration:underlined;
text-transform:uppercase;
border:0px;}

a:hover {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:#ffffff;
font-weight:none;
text-decoration:none;
text-transform:none;
border:0px;}

a:hover img{
opacity:0.4;
filter:alpha(opacity=40);}

b{color:#ff69b4; font: verdana 7pt verdana; text-transform:none;letter-spacing:0px;}

i{color:#ffbedf;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0px;}

u{color:#ff8f96;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0;}

p table{width:auto}hr,font{display: none ;}
</style />

<p class=Melanie>Title</p>
<p class=Melanie1>*You Can Put Text Here. Perhaps A Discription Of Your Site. It's Your Choice.*</p>

<p class=Spencer>Hello =]</p>
<p class=Spencer1>Text Here</p>
<br><br>
<p class=Titanic>Welcome</p>
<p class=Titanic1>&& Welcome To My Lovely Site!</p>

J-ello =] Thanks for using The Titanic's CSS. Melanie and Spencer have both worked extremely hard on creating this template, so please no stealing! Redistributing this CSS is also a big NO NO. Try not to get over-inspired by it. You can edit this CSS and move things around, but please leave the credits section untouched. This CSS can be a bit confusing, so if you require our help, feel free to contact us. Now, you can replace all this junk with your own contents. Thanks! By the way, try to write a lot! The more to type, the prettier the CSS looks =]

This is <b>Bold</b>, <i>Italics</i>, <u>Underline</u>, and <a href="http://www.neopets.com/~OnBroadway">Link</a>.

<p class=Titanic>Credits</p>
<p class=Titanic1>Thank You. Thank You Very Much.</p>

Layout and CSS made fully by Melanie and Spencer @ The Titanic. Please do not steal or redistribute. <a href="http://www.neopets.com/~OnBroadway">Click Here</a> to get your own CSS.

<div style="position: absolute; top: 150px; left:450; width:  500px; height: auto; overflow: auto; background-color: none;">
<div id="Mel"> 
<p class=Titanic>Header Here</p>
<p class=Titanic1>Mini Header Here</p>

TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT  
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT  TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT

<p class=Titanic>Header Here</p>
<p class=Titanic1>Mini Header Here</p>

</i><style />#n{display: none;} 
table{background:none}#nst, #n, .hdr, #ban, #m, hr, #object, #input, #form, #mb, .tl, .tt{display:none}.hdr{display: none;}
</style />

p.Melanie
{background-color: #ccedce; 
font-family:Century;
font-size:100px;
color: #0e6b15;
text-align:left;
text-transform:uppercase;
line-height: 100px;
letter-spacing: 5px;
margin:0px;
padding:1px;}

p.Melanie1
{background-color: #ccedce; 
font-family:Century;
font-size:10px;
color: #0e6b15;
text-align:left;
text-transform:uppercase;
line-height: 12px;
letter-spacing: 5px;
margin:0px;
padding:1px;}

p.Spencer
{background-color: none; 
font-family:Century;
font-size:50px;
color: #0e6b15;
text-align:center;
text-transform:uppercase;
line-height: 70px;
letter-spacing: 5px;
margin:0px;
padding:1px;}

p.Spencer1
{background-color: none; 
font-family:Century;
font-size:10px;
color: #0e6b15;
text-align:center;
text-transform:uppercase;
line-height: 10px;
letter-spacing: 5px;
margin:0px;
padding:1px;}

p.Titanic
{text-transform: uppercase; 
border-bottom: 1px dashed #0e6b15; 
line-height: 20px; 
letter-spacing:0px; 
font-size: 25px; 
text-align: left; 
font-family: georgia; 
color: #0e6b15;
background-color: #ccedce;
margin:5px;
padding:0px;}

p.Titanic1
{background-color: none; 
font-family:Century;
font-size:7px;
color: #0e6b15;
text-align:center;
text-transform:uppercase;
line-height: 5px;
letter-spacing: 5px;
margin:5px;
padding:0px;}

textarea
{font-size:5pt;letter-spacing:0;font-family:small fonts;text-transform:uppercase;width:100px; height:15px;}

a:link, a:active, a:visited {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:#0e6b15;
font-weight:none;
text-decoration:underlined;
text-transform:uppercase;
border:0px;}

a:hover {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:#ffffff;
font-weight:none;
text-decoration:none;
text-transform:none;
border:0px;}

a:hover img{
opacity:0.4;
filter:alpha(opacity=40);}

b{color:#0e6b15; font: verdana 7pt verdana; text-transform:none;letter-spacing:0px;}

i{color:#44e74f;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0px;}

u{color:#ccedce;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0;}

p table{width:auto}hr,font{display: none ;}
</style />

<p class=Melanie>Title</p>
<p class=Melanie1>*You Can Put Text Here. Perhaps A Discription Of Your Site. It's Your Choice.*</p>

<p class=Spencer>Hello =]</p>
<p class=Spencer1>Text Here</p>
<br><br>
<p class=Titanic>Welcome</p>
<p class=Titanic1>&& Welcome To My Lovely Site!</p>

This is <b>Bold</b>, <i>Italics</i>, <u>Underline</u>, and <a href="http://www.neopets.com/~OnBroadway">Link</a>.

<p class=Titanic>Credits</p>
<p class=Titanic1>Thank You. Thank You Very Much.</p>

Layout and CSS made fully by Melanie and Spencer @ The Titanic. Please do not steal or redistribute. <a href="http://www.neopets.com/~OnBroadway">Click Here</a> to get your own CSS.

<p class=Titanic>Header Here</p>
<p class=Titanic1>Mini Header Here</p>

</i><style />#n{display: none;} 
table{background:none}#nst, #n, .hdr, #ban, #m, hr, #object, #input, #form, #mb, .tl, .tt{display:none}.hdr{display: none;}
</style />

p.Melanie
{background-color: #ececec; 
font-family:Century;
font-size:100px;
color: #6c6c6c;
text-align:left;
text-transform:uppercase;
line-height: 100px;
letter-spacing: 5px;
margin:0px;
padding:1px;}

p.Melanie1
{background-color: #ececec; 
font-family:Century;
font-size:10px;
color: #6c6c6c;
text-align:left;
text-transform:uppercase;
line-height: 12px;
letter-spacing: 5px;
margin:0px;
padding:1px;}

p.Spencer
{background-color: none; 
font-family:Century;
font-size:50px;
color: #6c6c6c;
text-align:center;
text-transform:uppercase;
line-height: 70px;
letter-spacing: 5px;
margin:0px;
padding:1px;}

p.Spencer1
{background-color: none; 
font-family:Century;
font-size:10px;
color: #6c6c6c;
text-align:center;
text-transform:uppercase;
line-height: 10px;
letter-spacing: 5px;
margin:0px;
padding:1px;}

p.Titanic
{text-transform: uppercase; 
border-bottom: 1px dashed #6c6c6c; 
line-height: 20px; 
letter-spacing:0px; 
font-size: 25px; 
text-align: left; 
font-family: georgia; 
color: #6c6c6c;
background-color: #ececec;
margin:5px;
padding:0px;}

p.Titanic1
{background-color: none; 
font-family:Century;
font-size:7px;
color: #6c6c6c;
text-align:center;
text-transform:uppercase;
line-height: 5px;
letter-spacing: 5px;
margin:5px;
padding:0px;}

textarea
{font-size:5pt;letter-spacing:0;font-family:small fonts;text-transform:uppercase;width:100px; height:15px;}

a:link, a:active, a:visited {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:#6c6c6c;
font-weight:none;
text-decoration:underlined;
text-transform:uppercase;
border:0px;}

a:hover {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:#ffffff;
font-weight:none;
text-decoration:none;
text-transform:none;
border:0px;}

a:hover img{
opacity:0.4;
filter:alpha(opacity=40);}

b{color:#6c6c6c; font: verdana 7pt verdana; text-transform:none;letter-spacing:0px;}

i{color:#000000;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0px;}

u{color:#dddddd;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0;}

p table{width:auto}hr,font{display: none ;}
</style />

<p class=Melanie>Title</p>
<p class=Melanie1>*You Can Put Text Here. Perhaps A Discription Of Your Site. It's Your Choice.*</p>

<p class=Spencer>Hello =]</p>
<p class=Spencer1>Text Here</p>
<br><br>
<p class=Titanic>Welcome</p>
<p class=Titanic1>&& Welcome To My Lovely Site!</p>

This is <b>Bold</b>, <i>Italics</i>, <u>Underline</u>, and <a href="http://www.neopets.com/~OnBroadway">Link</a>.

<p class=Titanic>Credits</p>
<p class=Titanic1>Thank You. Thank You Very Much.</p>

Layout and CSS made fully by Melanie and Spencer @ The Titanic. Please do not steal or redistribute. <a href="http://www.neopets.com/~OnBroadway">Click Here</a> to get your own CSS.

<p class=Titanic>Header Here</p>
<p class=Titanic1>Mini Header Here</p>

</i><style />#n{display: none;} 
table{background:none}#nst, #n, .hdr, #ban, #m, hr, #object, #input, #form, #mb, .tl, .tt{display:none}.hdr{display: none;}
</style />

p.Melanie
{background-color: #e6dcf8; 
font-family:Century;
font-size:100px;
color: #b89ce3;
text-align:left;
text-transform:uppercase;
line-height: 100px;
letter-spacing: 5px;
margin:0px;
padding:1px;}

p.Melanie1
{background-color: #e6dcf8; 
font-family:Century;
font-size:10px;
color: #b89ce3;
text-align:left;
text-transform:uppercase;
line-height: 12px;
letter-spacing: 5px;
margin:0px;
padding:1px;}

p.Spencer
{background-color: none; 
font-family:Century;
font-size:50px;
color: #b89ce3;
text-align:center;
text-transform:uppercase;
line-height: 70px;
letter-spacing: 5px;
margin:0px;
padding:1px;}

p.Spencer1
{background-color: none; 
font-family:Century;
font-size:10px;
color: #b89ce3;
text-align:center;
text-transform:uppercase;
line-height: 10px;
letter-spacing: 5px;
margin:0px;
padding:1px;}

p.Titanic
{text-transform: uppercase; 
border-bottom: 1px dashed #b89ce3; 
line-height: 20px; 
letter-spacing:0px; 
font-size: 25px; 
text-align: left; 
font-family: georgia; 
color: #b89ce3;
background-color: #e6dcf8;
margin:5px;
padding:0px;}

p.Titanic1
{background-color: none; 
font-family:Century;
font-size:7px;
color: #b89ce3;
text-align:center;
text-transform:uppercase;
line-height: 5px;
letter-spacing: 5px;
margin:5px;
padding:0px;}

textarea
{font-size:5pt;letter-spacing:0;font-family:small fonts;text-transform:uppercase;width:100px; height:15px;}

a:link, a:active, a:visited {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:#b89ce3;
font-weight:none;
text-decoration:underlined;
text-transform:uppercase;
border:0px;}

a:hover {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:#ffffff;
font-weight:none;
text-decoration:none;
text-transform:none;
border:0px;}

a:hover img{
opacity:0.4;
filter:alpha(opacity=40);}

b{color:#b89ce3; font: verdana 7pt verdana; text-transform:none;letter-spacing:0px;}

i{color:#2c2160;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0px;}

u{color:#d2a9d1;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0;}

p table{width:auto}hr,font{display: none ;}
</style />

<p class=Melanie>Title</p>
<p class=Melanie1>*You Can Put Text Here. Perhaps A Discription Of Your Site. It's Your Choice.*</p>

<p class=Spencer>Hello =]</p>
<p class=Spencer1>Text Here</p>
<br><br>
<p class=Titanic>Welcome</p>
<p class=Titanic1>&& Welcome To My Lovely Site!</p>

This is <b>Bold</b>, <i>Italics</i>, <u>Underline</u>, and <a href="http://www.neopets.com/~OnBroadway">Link</a>.

<p class=Titanic>Credits</p>
<p class=Titanic1>Thank You. Thank You Very Much.</p>

Layout and CSS made fully by Melanie and Spencer @ The Titanic. Please do not steal or redistribute. <a href="http://www.neopets.com/~OnBroadway">Click Here</a> to get your own CSS.

<p class=Titanic>Header Here</p>
<p class=Titanic1>Mini Header Here</p>

Premade Lookups

Here are some lovely premade userlookups provided by either Melanie or Spencer. These layouts actually will also work on sites, but they look best as lookups. And, of course, stealing is not allowed! By the way, these previews do not show the entire layout, they only show a part of the layout.

Thinking Pose ft Penelope Cruz Made by Spencer

</i><img style="position:absolute; top:0; left:0; border:0px;"src="http://i38.tinypic.com/2ltknqo.png">

p.TheTitanic
{text-transform: uppercase; 
border-bottom: 1px dashed #fffbf8; 
line-height: 19px; 
letter-spacing:0px; 
font-size: 20px; 
text-align: left; 
font-family: georgia; 
color: #fffbf8;}

a:link, a:active, a:visited {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:#f8b5b3;
font-weight:none;
text-decoration:underlined;
text-transform:uppercase;
border:0px;}

a:hover {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:none;
font-weight:none;
text-decoration:none;
text-transform:none;
border:0px;}

a:hover img{
opacity:0.4;
filter:alpha(opacity=40);
}

b{color:#f5ccb1; font: verdana 7pt verdana; text-transform:none;letter-spacing:0px;}

i{color:#e73f81;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0px;}

u{color:#000000;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0;}

p table{width:auto}hr,font{display: none ;}
</style />

<p class=TheTitanic>Hello!</p>
<div align="left"> 
J-ello =] Thanks for using a layout made by The Titanic. This layout was made by Spencatron, it's called: Thinking Pose. It features Penelope Cruz. Please do not remove the credits, redistribute the layout, or do anything of that nature. I spent a lot of time on this layout. Now, you can remove all of this junk and put whatever you want here. Thanks! 
<br>
<br>
P.S. Try to write A LOT! The more to write, the prettier the layout looks! Really! But, remember, you have limited space x]
<br>
<br>
<b>Bold</b>, <i>Italics</i>, <u>Underline</u>, and <a href="http://www.neopets.com/~OnBroadway">Link</a>.

<p class=TheTitanic>Header here</p>
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT  
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT

<p class=TheTitanic>Credits</p>

Layout and CSS made fully by Spencer @ The Titanic. 
<br>
Click <a href="http://www.neopets.com/~OnBroadway">here</a> to get your own layout.
<br>
<br>
</div>

Color My World ft Denise Richards Made by Melanie

</i><img style="position:absolute; top:0; left:0; border:0px;"src="http://i33.tinypic.com/2qnbplh.png">

p.TheTitanic
{text-transform: uppercase; 
border-bottom: 1px dashed #000000; 
line-height: 19px; 
letter-spacing:0px; 
font-size: 20px; 
text-align: left; 
font-family: georgia; 
color: #000000;}

a:link, a:active, a:visited {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:#b58770;
font-weight:none;
text-decoration:underlined;
text-transform:uppercase;
border:0px;}

a:hover {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:none;
font-weight:none;
text-decoration:none;
text-transform:none;
border:0px;}

a:hover img{
opacity:0.4;
filter:alpha(opacity=40);
}

b{color:#6c976c; font: verdana 7pt verdana; text-transform:none;letter-spacing:0px;}

i{color:#5dbed0;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0px;}

u{color:#c7a1ab;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0;}

p table{width:auto}hr,font{display: none ;}
</style />

<p class=TheTitanic>Hello!</p>
<div align="left"> 
J-ello =] Thanks for using a layout made by The Titanic. This layout was made by Melanie, it's called: Color My World. It features Denise Richards. Please do not remove the credits, redistribute the layout, or do anything of that nature. I spent a lot of time on this layout. Now, you can remove all of this junk and put whatever you want here. Thanks! 
<br>
<br>
P.S. Try to write A LOT! The more to write, the prettier the layout looks! Really! But, remember, you have limited space x]
<br>
<br>
<b>Bold</b>, <i>Italics</i>, <u>Underline</u>, and <a href="http://www.neopets.com/~OnBroadway">Link</a>.

<p class=TheTitanic>Credits</p>

Layout and CSS made fully by Melanie @ The Titanic. 
<br>
Click <a href="http://www.neopets.com/~OnBroadway">here</a> to get your own layout.
<br>
<br>
</div>

Flower Girl ft Lindsay Lohan Made by Melanie

</i><img style="position:absolute; top:0; left:0; border:0px;"src="http://i38.tinypic.com/o556o1.jpg">

p.TheTitanic
{text-transform: uppercase; 
border-bottom: 1px dashed #1f3c6d; 
line-height: 19px; 
letter-spacing:0px; 
font-size: 20px; 
text-align: left; 
font-family: georgia; 
color: #1f3c6d;}

a:link, a:active, a:visited {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:#1f3c6d;
font-weight:none;
text-decoration:underlined;
text-transform:uppercase;
border:0px;}

a:hover {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:none;
font-weight:none;
text-decoration:none;
text-transform:none;
border:0px;}

a:hover img{
opacity:0.4;
filter:alpha(opacity=40);
}

b{color:#1f3c6d; font: verdana 7pt verdana; text-transform:none;letter-spacing:0px;}

i{color:#e73f81;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0px;}

u{color:#ad4e83;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0;}

p table{width:auto}hr,font{display: none ;}
</style />

<p class=TheTitanic>Hello!</p>
<div align="left"> 
J-ello =] Thanks for using a layout made by The Titanic. This layout was made by Melanie, it's called: Flower Girl. It features Lindsay Lohan. Please do not remove the credits, redistribute the layout, or do anything of that nature. I spent a lot of time on this layout. Now, you can remove all of this junk and put whatever you want here. Thanks! 
<br>
<br>
P.S. Try to write A LOT! The more to write, the prettier the layout looks! Really! But, remember, you have limited space x]
<br>
<br>
<b>Bold</b>, <i>Italics</i>, <u>Underline</u>, and <a href="http://www.neopets.com/~OnBroadway">Link</a>.

<p class=TheTitanic>Credits</p>

Layout and CSS made fully by Melanie @ The Titanic. 
<br>
Click <a href="http://www.neopets.com/~OnBroadway">here</a> to get your own layout.
<br>
<br>
</div>

Rocker Chick ft Hayley Williams Made by Spencer

</i><img style="position:absolute; top:0; left:0; border:0px;"src="http://i35.tinypic.com/2ephky8.png">
<style />
#main {background-color: #a98088;} 
body {background-color: #a98088;}
#footer, #header, hr{display:none;}
#main {background:none; border: 0px;}
</style />

p.TheTitanic
{text-transform: uppercase; 
border-bottom: 1px dashed #f2e8e8; 
line-height: 19px; 
letter-spacing:0px; 
font-size: 20px; 
text-align: left; 
font-family: georgia; 
color: #fffbf8;}

a:link, a:active, a:visited {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:#632225;
font-weight:none;
text-decoration:underlined;
text-transform:uppercase;
border:0px;}

a:hover {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:none;
font-weight:none;
text-decoration:none;
text-transform:none;
border:0px;}

a:hover img{
opacity:0.4;
filter:alpha(opacity=40);
}

b{color:#632225; font: verdana 7pt verdana; text-transform:none;letter-spacing:0px;}

i{color:#f2e8e8;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0px;}

u{color:#000000;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0;}

p table{width:auto}hr,font{display: none ;}
</style />

<p class=TheTitanic>Hello!</p>
<div align="left"> 
J-ello =] Thanks for using a layout made by The Titanic. This layout was made by Spencatron, it's called: Rocker Chick. It features Hayley Williams, lead singer of Paramore. Please do not remove the credits, redistribute the layout, or do anything of that nature. I spent a lot of time on this layout. Now, you can remove all of this junk and put whatever you want here. Thanks! 
<br>
<br>
P.S. Try to write A LOT! The more to write, the prettier the layout looks! Really! But, remember, you have limited space x]
<br>
<br>
<b>Bold</b>, <i>Italics</i>, <u>Underline</u>, and <a href="http://www.neopets.com/~OnBroadway">Link</a>.

<p class=TheTitanic>Credits</p>

Layout and CSS made fully by Spencer @ The Titanic. 
<br>
Click <a href="http://www.neopets.com/~OnBroadway">here</a> to get your own layout.
<br>
<br>
</div>

Limelight ft Nelly Furtado Made by Melanie

</i><img style="position:absolute; top:0; left:0; border:0px;"src="http://i33.tinypic.com/kcz6vm.png">

p.TheTitanic
{text-transform: uppercase; 
border-bottom: 1px dashed #f9fbfb; 
line-height: 19px; 
letter-spacing:0px; 
font-size: 20px; 
text-align: left; 
font-family: georgia; 
color: #135c41;}

a:link, a:active, a:visited {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:#efbda6;
font-weight:none;
text-decoration:underlined;
text-transform:uppercase;
border:0px;}

a:hover {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:none;
font-weight:none;
text-decoration:none;
text-transform:none;
border:0px;}

a:hover img{
opacity:0.4;
filter:alpha(opacity=40);
}

b{color:#135c41; font: verdana 7pt verdana; text-transform:none;letter-spacing:0px;}

i{color:#ffffff;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0px;}

u{color:#f9e0da;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0;}

p table{width:auto}hr,font{display: none ;}
</style />

<p class=TheTitanic>Hello!</p>
<div align="left"> 
J-ello =] Thanks for using a layout made by The Titanic. This layout was made by Mel, it's called: Limelight. It features Nelly Furtado. Please do not remove the credits, redistribute the layout, or do anything of that nature. I spent a lot of time on this layout. Now, you can remove all of this junk and put whatever you want here. Thanks! 
<br>
<br>
P.S. Try to write A LOT! The more to write, the prettier the layout looks! Really! But, remember, you have limited space x]
<br>
<br>
<b>Bold</b>, <i>Italics</i>, <u>Underline</u>, and <a href="http://www.neopets.com/~OnBroadway">Link</a>.

<p class=TheTitanic>Credits</p>

Layout and CSS made fully by Melanie @ The Titanic. 
<br>
Click <a href="http://www.neopets.com/~OnBroadway">here</a> to get your own layout.
<br>
<br>
</div>

Premade Site Layouts

Here are some lovely premade site layouts provided by either Melanie or Spencer. These layouts will only work on petpages, so please do not attempt to use them as userlookups or shop layouts. And, of course, stealing is for bad cookies! By the way, these previews do not show the entire layout, they only show a part of the layout.

Piece Of Me ft Britney Spears Made by Melanie

</i><img style="position:absolute; top:0; left:0; border:0px;"src="http://i36.tinypic.com/1z3xnwo.png">

</i><style />
#m,#n,#nst,#mb,.object,.sf,center font b, .hdr,hr,.tt,.tl{#display:none; align:left;}
table,td{background:none; align:left;}
</style />

p.The
{text-transform: uppercase; 
border-bottom: 1px dashed #eee0f4; 
line-height: 19px; 
letter-spacing:0px; 
font-size: 20px; 
text-align: left; 
font-family: georgia; 
color: #eee0f4;
background: url("http://i33.tinypic.com/2ry9t.png");background-attachment: none;}

p.Titanic
{text-transform: uppercase; 
border-bottom: 1px dashed #eee0f4; 
line-height: 19px; 
letter-spacing:0px; 
font-size: 15px; 
text-align: left; 
font-family: georgia; 
color: #eee0f4;
background: url("http://i33.tinypic.com/2ry9t.png");background-attachment: none;}

textarea{color:#ffffff; font-size:5pt;letter-spacing:0;font-family:small fonts;text-transform:uppercase;width: 100px; height:15px;border:1px solid #ffffff; background: #212451;}

a:link, a:active, a:visited {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:#d589f0;
font-weight:none;
text-decoration:underlined;
text-transform:uppercase;
border:0px;}

a:hover {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:none;
font-weight:none;
text-decoration:none;
text-transform:none;
border:0px;}

a:hover img{
opacity:0.4;
filter:alpha(opacity=40);
}

b{color:#eee0f4; font: verdana 7pt verdana; text-transform:none;letter-spacing:0px;}

i{color:#f8b3be;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0px;}

u{color:#918fe8;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0;}

p table{width:auto}hr,font{display: none ;}
</style />
<style />
body{scrollbar-face-color:#7446b0; 
scrollbar-shadow-color:#212451; 
scrollbar-highlight-color:#212451; 
scrollbar-3dlight-color:#212451; 
scrollbar-darkshadow-color:#212451; 
scrollbar-track-color:#212451; 
scrollbar-arrow-color:#212451;}
</style />

<div style="position: absolute; top: 400px; left:0; width: 170px; height: auto; overflow: auto; background-color: #212451;">
<p class=Titanic>Header here</p>

<div style="position: absolute; top: 450px; left:180; width: 420px; height: auto; overflow: auto; background-color: #212451;">
<div id="Mel"> 
<p class=The>Header here</p>
J-ello =] Thanks for using a layout made by The Titanic. This layout was made by Melanie, it's called: Piece Of Me. It features Britney Spears. Please do not remove the credits, redistribute the layout, or do anything of that nature. I spent a lot of time on this layout. Now, you can remove all of this junk and put whatever you want here. Thanks! 
<br>
<br>
<b>Bold</b>, <i>Italics</i>, <u>Underline</u>, <strike>Cross Off</strike>, and <a href="http://www.neopets.com/~OnBroadway">Link</a>.

<p class=The>Header here</p>
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT  
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT  
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT

<p class=The>Credits</p>
Layout and CSS made fully by Melanie @ The Titanic. 
<br>
Click <a href="http://www.neopets.com/~OnBroadway">here</a> to get your own layout.

Tarnished Fairytale ft Kate Beckinsale Made by Melanie

</i><img style="position:absolute; top:0; left:0; border:0px;"src="http://i37.tinypic.com/vwr5n9.png">

</i><style />
#m,#n,#nst,#mb,.object,.sf,center font b, .hdr,hr,.tt,.tl{#display:none; align:left;}
table,td{background:none; align:left;}
</style />

textarea{color:#ffffff; font-size:5pt;letter-spacing:0;font-family:small fonts;text-transform:uppercase;width: 100px; height:15px;border:1px solid #ffffff; background: #25176e;}

a:link, a:active, a:visited {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:#d589f0;
font-weight:none;
text-decoration:underlined;
text-transform:uppercase;
border:0px;}

a:hover {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:none;
font-weight:none;
text-decoration:none;
text-transform:none;
border:0px;}

a:hover img{
opacity:0.4;
filter:alpha(opacity=40);
}

b{color:#eee0f4; font: verdana 7pt verdana; text-transform:none;letter-spacing:0px;}

i{color:#d589f0;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0px;}

u{color:#ee67bb;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0;}

p table{width:auto}hr,font{display: none ;}
</style />
<style />
body{scrollbar-face-color:#25176e; 
scrollbar-shadow-color:#050219; 
scrollbar-highlight-color:#050219; 
scrollbar-3dlight-color:#050219; 
scrollbar-darkshadow-color:#050219; 
scrollbar-track-color:#050219; 
scrollbar-arrow-color:#050219;}
</style />

<div style="position: absolute; top: 530px; left:0; width: 170px; height: auto; overflow: auto; background-color: #25176e;">
<p class=Titanic>Header here</p>

<div style="position: absolute; top: 530px; left:180; width: 420px; height: auto; overflow: auto; background-color: #25176e;">
<div id="Mel"> 
<p class=The>Header here</p>
J-ello =] Thanks for using a layout made by The Titanic. This layout was made by Melanie, it's called: Tarnished Fairytale. It features Kate Beckinsale. Please do not remove the credits, redistribute the layout, or do anything of that nature. I spent a lot of time on this layout. Now, you can remove all of this junk and put whatever you want here. Thanks! 
<br>
<br>
<b>Bold</b>, <i>Italics</i>, <u>Underline</u>, <strike>Cross Off</strike>, and <a href="http://www.neopets.com/~OnBroadway">Link</a>.

<p class=The>Credits</p>
Layout and CSS made fully by Melanie @ The Titanic. 
<br>
Click <a href="http://www.neopets.com/~OnBroadway">here</a> to get your own layout.

Dollface ft Alicia Silverstone Made by Melanie

</i><img style="position:absolute; top:0; left:0; border:0px;"src="http://i38.tinypic.com/osha2f.png">

</i><style />
#m,#n,#nst,#mb,.object,.sf,center font b, .hdr,hr,.tt,.tl{#display:none; align:left;}
table,td{background:none; align:left;}
</style />

p.Titanic
{text-transform: uppercase; 
border-bottom: 1px dashed #fcfca8; 
line-height: 19px; 
letter-spacing:0px; 
font-size: 15px; 
text-align: left; 
font-family: georgia; 
color: #fcfca8;
background-color: #99a668;}

textarea{color:#6a7738; font-size:5pt;letter-spacing:0;font-family:small fonts;text-transform:uppercase;width: 100px; height:15px;border:1px solid #6a7738; background: #b7c67a;}

a:link, a:active, a:visited {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:#fcfca8;
font-weight:none;
text-decoration:underlined;
text-transform:uppercase;
border:0px;}

a:hover {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:none;
font-weight:none;
text-decoration:none;
text-transform:none;
border:0px;}

a:hover img{
opacity:0.4;
filter:alpha(opacity=40);
}

b{color:#fcfca8; font: verdana 7pt verdana; text-transform:none;letter-spacing:0px;}

i{color:#f3bc80;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0px;}

u{color:#6a7738;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0;}

p table{width:auto}hr,font{display: none ;}
</style />
<style />
body{scrollbar-face-color:#b7c67a; 
scrollbar-shadow-color:#99a668; 
scrollbar-highlight-color:#99a668; 
scrollbar-3dlight-color:#99a668; 
scrollbar-darkshadow-color:#99a668; 
scrollbar-track-color:#99a668; 
scrollbar-arrow-color:#99a668;}
</style />

<div style="position: absolute; top: 550px; left:0; width: 190px; height: auto; overflow: auto; background-color: #b7c67a;">
<p class=Titanic>Header here</p>

<div style="position: absolute; top: 550px; left:200; width: 420px; height: auto; overflow: auto; background-color: #b7c67a;">
<div id="Mel"> 
<p class=Titanic>Header here</p>
J-ello =] Thanks for using a layout made by The Titanic. This layout was made by Mel, it's called: Dollface. It features Alicia Silverstone. Please do not remove the credits, redistribute the layout, or do anything of that nature. I spent a lot of time on this layout. Now, you can remove all of this junk and put whatever you want here. Thanks! 
<br>
<br>
<b>Bold</b>, <i>Italics</i>, <u>Underline</u>, <strike>Cross Off</strike>, and <a href="http://www.neopets.com/~OnBroadway">Link</a>.

<p class=Titanic>Header here</p>
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT  
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT  
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT
<p class=Titanic>Credits</p>
Layout and CSS made fully by Mel @ The Titanic. 
<br>
Click <a href="http://www.neopets.com/~OnBroadway">here</a> to get your own layout.

Wide Eyed ft Ashley Greene Made by Spencer

</i><img style="position:absolute; top:0; left:0; border:0px;"src="http://i38.tinypic.com/288mw7q.png">

</i><style />
#m,#n,#nst,#mb,.object,.sf,center font b, .hdr,hr,.tt,.tl{#display:none; align:left;}
table,td{background:none; align:left;}
</style />

p.The
{text-transform: uppercase; 
border-bottom: 1px dashed #c9bbba; 
line-height: 19px; 
letter-spacing:0px; 
font-size: 20px; 
text-align: left; 
font-family: georgia; 
color: #c9bbba;
background-color: #3d4383;}

p.Titanic
{text-transform: uppercase; 
border-bottom: 1px dashed #c9bbba; 
line-height: 19px; 
letter-spacing:0px; 
font-size: 15px; 
text-align: left; 
font-family: georgia; 
color: #c9bbba;
background: #3d4383;}

textarea{color:#c9bbba; font-size:5pt;letter-spacing:0;font-family:small fonts;text-transform:uppercase;width: 100px; height:15px;border:1px solid #c9bbba; background: #5a6091;}

a:link, a:active, a:visited {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:#c9bbba;
font-weight:none;
text-decoration:underlined;
text-transform:uppercase;
border:0px;}

a:hover {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:none;
font-weight:none;
text-decoration:none;
text-transform:none;
border:0px;}

a:hover img{
opacity:0.4;
filter:alpha(opacity=40);
}

b{color:#c9bbba; font: verdana 7pt verdana; text-transform:none;letter-spacing:0px;}

i{color:#bb788b;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0px;}

u{color:#e4a577;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0;}

p table{width:auto}hr,font{display: none ;}
</style />
<style />
body{scrollbar-face-color:#3d4383; 
scrollbar-shadow-color:#3d4383; 
scrollbar-highlight-color:#3d4383; 
scrollbar-3dlight-color:#3d4383; 
scrollbar-darkshadow-color:#3d4383; 
scrollbar-track-color:#3d4383; 
scrollbar-arrow-color:#ffffff;}
</style />

<div style="position: absolute; top: 500px; left:0; width: 170px; height: auto; overflow: auto; background-color: #5a6091;">
<p class=Titanic>Header here</p>

<div style="position: absolute; top: 500px; left:180; width: 420px; height: auto; overflow: auto; background-color: #5a6091;">
<div id="Mel"> 
<p class=The>Header here</p>
J-ello =] Thanks for using a layout made by The Titanic. This layout was made by Spencer, it's called: Wide Eyed. It features Ashley Greene. Please do not remove the credits, redistribute the layout, or do anything of that nature. I spent a lot of time on this layout. Now, you can remove all of this junk and put whatever you want here. Thanks! 
<br>
<br>
<b>Bold</b>, <i>Italics</i>, <u>Underline</u>, <strike>Cross Off</strike>, and <a href="http://www.neopets.com/~OnBroadway">Link</a>.

<p class=The>Credits</p>
Layout and CSS made fully by Spencer @ The Titanic. 
<br>
Click <a href="http://www.neopets.com/~OnBroadway">here</a> to get your own layout.

The Ship of Dreams ft The Titanic Made by Melanie

</i><img style="position:absolute; top:0; left:0; border:0px;"src="http://i34.tinypic.com/2hxnceu.png">

</i><style />
#m,#n,#nst,#mb,.object,.sf,center font b, .hdr,hr,.tt,.tl{#display:none; align:left;}
table,td{background:none; align:left;}
</style />

p.The
{text-transform: uppercase; 
border-bottom: 1px dashed #FFFFFF; 
line-height: 19px; 
letter-spacing:0px; 
font-size: 25px; 
text-align: left; 
font-family: georgia; 
color: #FFFFFF;
background-color: #000000;}

p.Titanic
{text-transform: uppercase; 
border-bottom: 1px dashed #FFFFFF; 
line-height: 19px; 
letter-spacing:0px; 
font-size: 15px; 
text-align: left; 
font-family: georgia; 
color: #FFFFFF;  
background-color: #000000;}

textarea{color:#000000; font-size:5pt;letter-spacing:0;font-family:small fonts;text-transform:uppercase;width: 100px; height:15px;border:1px solid #FFFFFF; background: #FFFFFF;}

a:link, a:active, a:visited {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:#FFFFFF;
font-weight:none;
text-decoration:underlined;
text-transform:uppercase;
border:0px;}

a:hover {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:#000000;
font-weight:none;
text-decoration:none;
text-transform:none;
border:0px;}

a:hover img{
opacity:0.4;
filter:alpha(opacity=40);
}

b{color:#ffebbc; font: verdana 7pt verdana; text-transform:none;letter-spacing:0px;}

i{color:#bd3220;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0px;}

u{color:#2d3671;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0;}

p table{width:auto}hr,font{display: none ;}
</style />
<style />
body{scrollbar-face-color:#000000; 
scrollbar-shadow-color:#000000; 
scrollbar-highlight-color:#000000; 
scrollbar-3dlight-color:#000000; 
scrollbar-darkshadow-color:#000000; 
scrollbar-track-color:#000000; 
scrollbar-arrow-color:#FFFFFF;}
</style />

<div style="position: absolute; top: 280px; left:10; width: 180px; height: auto; overflow: auto; background-color: none;">
<p class=Titanic>Header here</p>

<div style="position: absolute; top: 320px; left:250; width: 600px; height: auto; overflow: auto; background-color: none;">
<div id="Mel"> 
<p class=The>Header here</p>
J-ello =] Thanks for using a layout made by The Titanic. This layout was made by Melanie, it's called: The Ship of Dreams. It features the Titanic (from the movie). Please do not remove the credits, redistribute the layout, or do anything of that nature. I spent a lot of time on this layout. Now, you can remove all of this junk and put whatever you want here. Thanks! 
<br>
<br>
<b>Bold</b>, <i>Italics</i>, <u>Underline</u>, <strike>Cross Off</strike>, and <a href="http://www.neopets.com/~OnBroadway">Link</a>.

<p class=The>Credits</p>
Layout and CSS made fully by Melanie @ The Titanic. 
<br>
Click <a href="http://www.neopets.com/~OnBroadway">here</a> to get your own layout.

The Dark Side ft Lindsay Lohan Made by Melanie

</i><img style="position:absolute; top:0; left:0; border:0px;"src="http://i33.tinypic.com/21eq45l.png">

</i><style />
#m,#n,#nst,#mb,.object,.sf,center font b, .hdr,hr,.tt,.tl{#display:none; align:left;}
table,td{background:none; align:left;}
</style />

textarea{color:#777777; font-size:5pt;letter-spacing:0;font-family:small fonts;text-transform:uppercase;width: 100px; height:15px;border:1px solid #000000; background: #FFFFFF;}

a:link, a:active, a:visited {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:#FFFFFF;
font-weight:none;
text-decoration:underlined;
text-transform:uppercase;
border:0px;}

a:hover {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:#777777;
font-weight:none;
text-decoration:none;
text-transform:none;
border:0px;}

a:hover img{
opacity:0.4;
filter:alpha(opacity=40);
}

b{color:#000000; font: verdana 7pt verdana; text-transform:none;letter-spacing:0px;}

i{color:#e6e6e6;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0px;}

u{color:#414141;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0;}

p table{width:auto}hr,font{display: none ;}
</style />
<style />
body{scrollbar-face-color:#777777; 
scrollbar-shadow-color:#777777; 
scrollbar-highlight-color:#777777; 
scrollbar-3dlight-color:#777777; 
scrollbar-darkshadow-color:#777777; 
scrollbar-track-color:#777777; 
scrollbar-arrow-color:#FFFFFF;}
</style />

<div style="position: absolute; top: 500px; left:0; width: 150px; height: auto; overflow: auto; background-color: none;">
<p class=Titanic>Header here</p>

<div style="position: absolute; top: 550px; left:220; width: 400px; height: auto; overflow: auto; background-color: none;">
<div id="Mel"> 
<p class=The>Header here</p>
J-ello =] Thanks for using a layout made by The Titanic. This layout was made by Melanie, it's called: The Dark Side. It features Lindsay Lohan. Please do not remove the credits, redistribute the layout, or do anything of that nature. I spent a lot of time on this layout. Now, you can remove all of this junk and put whatever you want here. Thanks! 
<br>
<br>
<b>Bold</b>, <i>Italics</i>, <u>Underline</u>, <strike>Cross Off</strike>, and <a href="http://www.neopets.com/~OnBroadway">Link</a>.

<p class=The>Credits</p>
Layout and CSS made fully by Melanie @ The Titanic. 
<br>
Click <a href="http://www.neopets.com/~OnBroadway">here</a> to get your own layout.

Fashion Flashback ft Random Model Made by Spencer

</i><img style="position:absolute; top:0; left:0; border:0px;"src="http://i35.tinypic.com/nvo64m.png">

</i><style />
#m,#n,#nst,#mb,.object,.sf,center font b, .hdr,hr,.tt,.tl{#display:none; align:left;}
table,td{background:none; align:left;}
</style />

p.The
{text-transform: uppercase; 
border-bottom: 1px dashed #000000; 
line-height: 19px; 
letter-spacing:0px; 
font-size: 25px; 
text-align: left; 
font-family: georgia; 
color: #f35279;}

p.Titanic
{text-transform: uppercase; 
border-bottom: 1px dashed #000000; 
line-height: 19px; 
letter-spacing:0px; 
font-size: 15px; 
text-align: left; 
font-family: georgia; 
color: #f35279;}

textarea{color:#000000; font-size:5pt;letter-spacing:0;font-family:small fonts;text-transform:uppercase;width: 100px; height:15px;border:1px solid #000000; background: #ffffac;}

a:link, a:active, a:visited {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:#473a66;
font-weight:none;
text-decoration:underlined;
text-transform:uppercase;
border:0px;}

a:hover {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:none;
font-weight:none;
text-decoration:none;
text-transform:none;
border:0px;}

a:hover img{
opacity:0.4;
filter:alpha(opacity=40);
}

b{color:#263bcd; font: verdana 7pt verdana; text-transform:none;letter-spacing:0px;}

i{color:#f35279;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0px;}

u{color:#e8a36a;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0;}

p table{width:auto}hr,font{display: none ;}
</style />
<style />
body{scrollbar-face-color:#ffffa4; 
scrollbar-shadow-color:#ffffac; 
scrollbar-highlight-color:#ffffac; 
scrollbar-3dlight-color:#ffffac; 
scrollbar-darkshadow-color:#ffffac; 
scrollbar-track-color:#ffffac; 
scrollbar-arrow-color:#ffffac;}
</style />

<div style="position: absolute; top: 0px; left:460; width: 170px; height: auto; overflow: auto; background-color:none;">
<p class=Titanic>Header here</p>

<div style="position: absolute; top: 550px; left:10; width: 400px; height: auto; overflow: auto; background-color:none;">
<div id="Mel"> 
<p class=The>Header here</p>
J-ello =] Thanks for using a layout made by The Titanic. This layout was made by Spencer, it's called: Fashion Flashback. It features a random model. Please do not remove the credits, redistribute the layout, or do anything of that nature. I spent a lot of time on this layout. Now, you can remove all of this junk and put whatever you want here. Thanks! 
<br>
<br>
<b>Bold</b>, <i>Italics</i>, <u>Underline</u>, <strike>Cross Off</strike>, and <a href="http://www.neopets.com/~OnBroadway">Link</a>.

<p class=The>Credits</p>
Layout and CSS made fully by Spencer @ The Titanic. 
<br>
Click <a href="http://www.neopets.com/~OnBroadway">here</a> to get your own layout.

Old School Glam ft Nikki Reed Made by Melanie

</i><img style="position:absolute; top:0; left:0; border:0px;"src="http://i34.tinypic.com/zxsm9.png">

</i><style />
#m,#n,#nst,#mb,.object,.sf,center font b, .hdr,hr,.tt,.tl{#display:none; align:left;}
table,td{background:none; align:left;}
</style />

p.The
{text-transform: uppercase; 
border-bottom: 1px dashed #cfc5a0; 
line-height: 19px; 
letter-spacing:0px; 
font-size: 20px; 
text-align: left; 
font-family: georgia; 
color: #cfc5a0;
background-color:#a2ae84;}

p.Titanic
{text-transform: uppercase; 
border-bottom: 1px dashed #cfc5a0; 
line-height: 19px; 
letter-spacing:0px; 
font-size: 15px; 
text-align: left; 
font-family: georgia; 
color: #cfc5a0;
background-color:#a2ae84;}

textarea{color:#000000; font-size:5pt;letter-spacing:0;font-family:small fonts;text-transform:uppercase;width: 100px; height:15px;border:1px solid #000000; background: #cfc5a0;}

a:link, a:active, a:visited {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:#738a6d;
font-weight:none;
text-decoration:underlined;
text-transform:uppercase;
border:0px;}

a:hover {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:none;
font-weight:none;
text-decoration:none;
text-transform:none;
border:0px;}

a:hover img{
opacity:0.4;
filter:alpha(opacity=40);
}

b{color:#738a6d; font: verdana 7pt verdana; text-transform:none;letter-spacing:0px;}

i{color:#ffffff;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0px;}

u{color:#67b3ed;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0;}

p table{width:auto}hr,font{display: none ;}
</style />
<style />
body{scrollbar-face-color:#a2ae84; 
scrollbar-shadow-color:#a2ae84; 
scrollbar-highlight-color:#a2ae84; 
scrollbar-3dlight-color:#a2ae84; 
scrollbar-darkshadow-color:#a2ae84; 
scrollbar-track-color:#a2ae84; 
scrollbar-arrow-color:#ffffff;}
</style />

<div style="position: absolute; top: 0px; left:610; width: 200px; height: auto; overflow: auto; background-color: #cfc5a0;">
<p class=Titanic>Header here</p>

<div style="position: absolute; top: 570px; left:20; width: 510px; height: auto; overflow: auto; background-color: #cfc5a0;">
<div id="Mel"> 
<p class=The>Header here</p>
J-ello =] Thanks for using a layout made by The Titanic. This layout was made by Melanie, it's called: Old School Glam. It features Nikki Reed. Please do not remove the credits, redistribute the layout, or do anything of that nature. I spent a lot of time on this layout. Now, you can remove all of this junk and put whatever you want here. Thanks! 
<br>
<br>
<b>Bold</b>, <i>Italics</i>, <u>Underline</u>, <strike>Cross Off</strike>, and <a href="http://www.neopets.com/~OnBroadway">Link</a>.

<p class=The>Credits</p>
Layout and CSS made fully by Melanie @ The Titanic. 
<br>
Click <a href="http://www.neopets.com/~OnBroadway">here</a> to get your own layout.

Fading ft Kristen Dunst Made by Melanie

</i><img style="position:absolute; top:0; left:0; border:0px;"src="http://i36.tinypic.com/2hiarm8.png">

</i><style />
#m,#n,#nst,#mb,.object,.sf,center font b, .hdr,hr,.tt,.tl{#display:none; align:left;}
table,td{background:none; align:left;}
</style />

p.The
{text-transform: uppercase; 
border-bottom: 1px dashed #000000; 
line-height: 19px; 
letter-spacing:0px; 
font-size: 25px; 
text-align: left; 
font-family: georgia; 
color: #eaeaea;
background-color:#8babab;}

p.Titanic
{text-transform: uppercase; 
border-bottom: 1px dashed #000000; 
line-height: 19px; 
letter-spacing:0px; 
font-size: 15px; 
text-align: left; 
font-family: georgia; 
color: #eaeaea;
background-color:#8babab;}

textarea{color:#eaeaea; font-size:5pt;letter-spacing:0;font-family:small fonts;text-transform:uppercase;width: 100px; height:15px;border:1px solid #eaeaea; background: #8babab;}

a:link, a:active, a:visited {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:#88aba9;
font-weight:none;
text-decoration:underlined;
text-transform:uppercase;
border:0px;}

a:hover {
font-family:century gothic;
font-size:7pt;
line-height:9px;
color:none;
font-weight:none;
text-decoration:none;
text-transform:none;
border:0px;}

a:hover img{
opacity:0.4;
filter:alpha(opacity=40);
}

b{color:#88aba9; font: verdana 7pt verdana; text-transform:none;letter-spacing:0px;}

i{color:#ffffff;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0px;}

u{color:#ba9d8a;font-size:7pt;text-transform:none;font-weight:none;letter-spacing:0;}

p table{width:auto}hr,font{display: none ;}
</style />
<style />
body{scrollbar-face-color:#eaeaea; 
scrollbar-shadow-color:#8babab; 
scrollbar-highlight-color:#8babab; 
scrollbar-3dlight-color:#8babab; 
scrollbar-darkshadow-color:#8babab; 
scrollbar-track-color:#8babab; 
scrollbar-arrow-color:#8babab;}
</style />

<div style="position: absolute; top: 550px; left:0; width: 200px; height: auto; overflow: auto; background-color: #e3e3e3;">
<p class=Titanic>Header here</p>

<div style="position: absolute; top: 580px; left:230; width: 500px; height: auto; overflow: auto; background-color: #e3e3e3;">
<div id="Mel"> 
<p class=The>Header here</p>
J-ello =] Thanks for using a layout made by The Titanic. This layout was made by Melanie, it's called: Fading. It features Kristen Dunst. Please do not remove the credits, redistribute the layout, or do anything of that nature. I spent a lot of time on this layout. Now, you can remove all of this junk and put whatever you want here. Thanks! 
<br>
<br>
<b>Bold</b>, <i>Italics</i>, <u>Underline</u>, <strike>Cross Off</strike>, and <a href="http://www.neopets.com/~OnBroadway">Link</a>.

<p class=The>Credits</p>
Layout and CSS made fully by Melanie @ The Titanic. 
<br>
Click <a href="http://www.neopets.com/~OnBroadway">here</a> to get your own layout.

Blends

Some of these blends are simple, others are more complex. Use according to your own needs. You may edit these blends however you wish. But, please remember to credit us =]

Music

This is a collection of some random songs. And, yes: these are all full songs. Everything else is pretty much self-explanatory. Feel free to request for a song if you want =]

Akon Don't Matter

Alanis Morissette I'm A B*%$#h, I'm A Lover Ironic

Alicia Keys Goodbye If I Ain't Got You No One

Aly & Aj Chemicals React Do You Believe In Magic? Protecting Me Rush The Potential Breakup Song Walking On Sunshine

Amy Winehouse Rehab

Ashlee Simpson Boyfriend LaLa Little Miss Obsessive Outta My Head

Ashley Tisdale Headstrong He Said She Said Suddenly

Avril Lavigne Complicated Girlfriend Hot Innocence Knocking On Heaven's Door My Happy Ending Sk8ter Boi The Best D*_n Thing When You're Gone

Britney Spears Break The Ice Everybody Sometimes Stronger

Beyonce Beautiful Liar Irreplaceable