SAM'S PREMADE CSS

Welcome!

Hi guest! My name is Sam and I'm here to provide you with pre-made css layouts! Have a look around, and if you have any comments/questions, feel free to neomail me. :)

I don't believe in bashing/flaming a "stealer." I'm not going to create a "wall of shame." I'm not going to try to get someone frozen. The right approach is to simply be nice, and ask them to put credit back up. I'm not going to attack. There's no reason for it. Kindness over rudeness. :)

THANK YOU to everyone who has used or is currently using my css. I really appreciate it so much. Lots of love to you guys! ♥

Rules.

One rule: LEAVE CREDIT!!
Please read these clarifications:
• You can edit my css however you want, as long as you leave credit.
• I don't care how you link me, as long as it's there and links to here.
• Please don't edit my css and redistribute it anywhere.

Thank you to everyone who has neomailed me informing me of a person using my css without credit. I appreciate it very much.

Updates.

[11-13-09]: Gallery + shop layouts that work!

Link back.

Note: If you want to use one of these on your lookups, they won't work with style 4 lookups and some of the miscellaneous ones. All you need to do to make it work is remove ".content div a img, .content div b" from the "{display:none;}" code.

AFFILIATES

Status: CLOSED - however, I'm allowing directory sites.

SHOUT OUT! - Dazzle* Graphics - .:Everlights Premades:.

USER LOOKUPS

S.1 S.2 S.3 S.4 S.5 S.6 S.7 S.8 S.Shoe Misc.

Style 1. »preview

.contentModule,.contentModuleTable{border:none;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;}

A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#9933FF;font-weight:bold;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

i {color: #BADA09;font-weight:bold;}

img{filter:alpha(opacity=85);opacity:.8;}

a:hover,a:hover b{color:#CCC;}

.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color:#9933FF;font:8pt century gothic;border-bottom:3px solid #BADA09;letter-spacing:1px;text-align:right;text-transform:uppercase;margin:0px;color:#FFF;}

body {background-color:#CCC;}

</style //>

</i>
<a href="/petcentral.phtml">central</a> - <a href="/explore.phtml">explore</a> - <a href="/neoboards/index.phtml">boards</a> - <a href="/browseshop.phtml?owner=usernamehere">shop</a> - <a href="/gallery/?gu=usernamehere">gallery</a> - <a href="/~bonyyclubb">css</a>
<br><br>	
text here <b>bold</b> <i>italic</i>
<br><br>
remember to put your username in the shop & gallery links!
<br>

.contentModule,.contentModuleTable{border:none;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;}

A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#9933FF;font-weight:bold;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

i {color: #BADA09;font-weight:bold;}

img{filter:alpha(opacity=85);opacity:.8;}

a:hover,a:hover b{color:#CCC;}

body {background-color:#CCC;}

</style //>

</i>
<a href="/petcentral.phtml">central</a> - <a href="/explore.phtml">explore</a> - <a href="/neoboards/index.phtml">boards</a> - <a href="/~bonyyclubb">css</a>
<br><br>	
text here <b>bold</b> <i>italic</i>
<br>

.contentModule,.contentModuleTable{border:none;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;}

A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#FB066B;font-weight:bold;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

i {color: #89D8D7;font-weight:bold;}

img{filter:alpha(opacity=85);opacity:.8;}

a:hover,a:hover b{color:#89D8D7;}

.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #FB066B;font:8pt century gothic;border-bottom:3px solid #89D8D7;letter-spacing:1px;text-align:right;text-transform:uppercase;margin:0px;color:#FFF;}

body {background-color:#5C5C5C;}

</style //>

.contentModule,.contentModuleTable{border:none;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;}

A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#FB066B;font-weight:bold;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

i {color: #89D8D7;font-weight:bold;}

img{filter:alpha(opacity=85);opacity:.8;}

a:hover,a:hover b{color:#89D8D7;}

body {background-color:#5C5C5C;}

</style //>

.contentModule,.contentModuleTable{border:none;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;}

A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#830303;font-weight:bold;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

i {color: #A8B1AD;font-weight:bold;}

img{filter:alpha(opacity=85);opacity:.8;}

a:hover,a:hover b{color:#A8B1AD;}

.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #830303;font:8pt century gothic;border-bottom:3px solid #A8B1AD;letter-spacing:1px;text-align:right;text-transform:uppercase;margin:0px;color:#FFF;}

body {background-color:#000;}

</style //>
</i>
<a href="/petcentral.phtml">central</a> - <a href="/explore.phtml">explore</a> - <a href="/neoboards/index.phtml">boards</a> - <a href="/browseshop.phtml?owner=usernamehere">shop</a> - <a href="/gallery/?gu=usernamehere">gallery</a> - <a href="/~bonyyclubb">css</a>
<br><br>	
text here <b>bold</b> <i>italic</i>
<br><br>
remember to put your username in the shop & gallery links!
<br>

.contentModule,.contentModuleTable{border:none;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;}

A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#830303;font-weight:bold;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

i {color: #A8B1AD;font-weight:bold;}

img{filter:alpha(opacity=85);opacity:.8;}

a:hover,a:hover b{color:#A8B1AD;}

body {background-color:#000;}

</style //>

.contentModule,.contentModuleTable{border:none;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;}

A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#FF0B9A;font-weight:bold;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

i {color: #FF9909;font-weight:bold;}

img{filter:alpha(opacity=85);opacity:.8;}

a:hover,a:hover b{color:#FF9909;}

.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #FF0B9A;font:8pt century gothic;border-bottom:3px solid #FF9909;letter-spacing:1px;text-align:right;text-transform:uppercase;margin:0px;color:#FFF;}

body {background-color:#FFFF33;}

</style //>

.contentModule,.contentModuleTable{border:none;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;}

A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#FF0B9A;font-weight:bold;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

i {color: #FF9909;font-weight:bold;}

img{filter:alpha(opacity=85);opacity:.8;}

a:hover,a:hover b{color:#FF9909;}

body {background-color:#FFFF33;}

</style //>

top of section.

top of page.

Style 2. »preview

#main,.contentModuleTable,.contentModule{background:none;border:none;}
.contentModule img,.contentModuleContent {background: #AAA;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a,b{font:7.5pt tahoma;color:#152B45;font-weight:bold;}

a:hover,a:hover b{color:#1D3D63;}

i{color: #152B45;font-weight:bold;}

.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #152B45;font:8pt century gothic;border-bottom:1px dotted #363636;letter-spacing:1px;text-align:center;text-transform:uppercase;margin:0px;color:#AAA;font-weight:bold;}
h1{padding:4px;}

a.nav:link, a.nav:visited, a.nav:active {font-family: century gothic; font-size: 18pt; color: #AAA;display: inline; letter-spacing:5px; text-align: center;background-color:none;text-transform:uppercase;border-bottom:1px dotted #363636;font-weight:none;}
a.nav:hover {color:#363636;}

body {background:url(http://i106.photobucket.com/albums/m241/samxxmas/blackblue.png);}

.a{font-size:18pt;color:#000;}

</style //>

</i>
<a href="petcentral.phtml" class="nav">central</a> <font  class="a">-</font> <a href="explore.phtml" class="nav">explore</a> <font  class="a">-</font> <a href="neoboards/index.phtml" class="nav">boards</a> <font  class="a">-</font> <a href="/~bonyyclubb" class="nav">premades</a>
<br><br>

<div id="box">
<h1>welcome to my lookup</h1>
<br>
text here <b>bold</b> <i>italic</i>
<br><br>
add your other links here.
<br><br>
</div>

#main{border-right:1px dotted #363636;border-left:1px dotted #363636;}
.contentModuleTable,.contentModule{background:none;border:none;}
.contentModule img,.contentModuleContent {background: #AAA;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a,b,#main a{font:7.5pt tahoma;color:#152B45;font-weight:bold;}

i{color: #152B45;font-weight:bold;}

a:hover,a:hover b,#main a:hover{color:#1D3D63;}

h1{padding:4px;}

body {background:url(http://i106.photobucket.com/albums/m241/samxxmas/blackblue.png);}

</style //>

</i>

<div id="box">
<h1>welcome to my lookup</h1>
<br>
text here <b>bold</b> <i>italic</i>
<br><br>
<a href="/~bonyyclubb">css!</a>
<br><br>
</div>

#main,.contentModuleTable,.contentModule{background:none;border:none;}
.contentModule div a img, .contentModule div b{display:inline;}
.contentModule img,.contentModuleContent {background: #EEE;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#333;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a,b{font:7.5pt tahoma;color:#2C592D;font-weight:bold;}

a:hover,a:hover b{color:#B5F7B1;}

i{color: #2C592D;font-weight:bold;}

.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #2C592D;font:8pt century gothic;border-bottom:1px dotted #333;letter-spacing:1px;text-align:center;text-transform:uppercase;margin:0px;color:#B5F7B1;font-weight:bold;}
h1{padding:4px;}

a.nav:link, a.nav:visited, a.nav:active {font-family: century gothic; font-size: 18pt; color: #2C592D;display: inline; letter-spacing:5px; text-align: center;background-color:none;text-transform:uppercase;border-bottom:1px dotted #333;font-weight:none;}
a.nav:hover {color:#333;}

body {background:url(http://i106.photobucket.com/albums/m241/samxxmas/mint.png);}

.a{font-size:18pt;color:#B5F7B1;}

</style //>

<div id="box">
<h1>welcome to my lookup</h1>
<br>
text here <b>bold</b> <i>italic</i>
<br><br>
add your other links here.
<br><br>
</div>

#main{border-right:1px dotted #333;border-left:1px dotted #333;}
.contentModuleTable,.contentModule{background:none;border:none;}
.contentModule img,.contentModuleContent {background: #EEE;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#333;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a,b,#main a{font:7.5pt tahoma;color:#2C592D;font-weight:bold;}

i{color: #2C592D;font-weight:bold;}

a:hover,a:hover b,#main a:hover{color:#B5F7B1;}

h1{padding:4px;}

body {background:url(http://i106.photobucket.com/albums/m241/samxxmas/mint.png);}

</style //>

</i>

<div id="box">
<h1>welcome to my lookup</h1>
<br>
text here <b>bold</b> <i>italic</i>
<br><br>
<a href="/~bonyyclubb">css!</a>
<br><br>
</div>

#main,.contentModuleTable,.contentModule{background:none;border:none;}
.contentModule div a img, .contentModule div b{display:inline;}
.contentModule img,.contentModuleContent {background: #FFF;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#555;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a,b{font:7.5pt tahoma;color:#3E7E8F;font-weight:bold;}

a:hover,a:hover b{color:#B6CAFF;}

i{color: #3E7E8F;font-weight:bold;}

.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #3E7E8F;font:8pt century gothic;border-bottom:1px dotted #555;letter-spacing:1px;text-align:center;text-transform:uppercase;margin:0px;color:#B6CAFF;font-weight:bold;}
h1{padding:4px;}

a.nav:link, a.nav:visited, a.nav:active {font-family: century gothic; font-size: 18pt; color: #3E7E8F;display: inline; letter-spacing:5px; text-align: center;background-color:none;text-transform:uppercase;border-bottom:1px dotted #555;font-weight:none;}
a.nav:hover {color:#555;}

body {background:url(http://i106.photobucket.com/albums/m241/samxxmas/teal.png);}

.a{font-size:18pt;color:#B6CAFF;}

</style //>

<div id="box">
<h1>welcome to my lookup</h1>
<br>
text here <b>bold</b> <i>italic</i>
<br><br>
add your other links here.
<br><br>
</div>

#main{border-right:1px dotted #555;border-left:1px dotted #555;}
.contentModuleTable,.contentModule{background:none;border:none;}
.contentModule img,.contentModuleContent {background: #FFF;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#555;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a,b,#main a{font:7.5pt tahoma;color:#3E7E8F;font-weight:bold;}

i{color: #3E7E8F;font-weight:bold;}

a:hover,a:hover b,#main a:hover{color:#B6CAFF;}

h1{padding:4px;}

body {background:url(http://i106.photobucket.com/albums/m241/samxxmas/teal.png);}

</style //>

</i>

<div id="box">
<h1>welcome to my lookup</h1>
<br>
text here <b>bold</b> <i>italic</i>
<br><br>
<a href="/~bonyyclubb">css!</a>
<br><br>
</div>

#main,.contentModuleTable,.contentModule{background:none;border:none;}
.contentModule img,.contentModuleContent {background: #FFF;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a,b{font:7.5pt tahoma;color:#345680;font-weight:bold;}

a:hover,a:hover b{color:#416DA4;}

i{color: #345680;font-weight:bold;}

.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #345680;font:8pt century gothic;border-bottom:1px dotted #363636;letter-spacing:1px;text-align:center;text-transform:uppercase;margin:0px;color:#FFF;font-weight:bold;}
h1{padding:4px;}

a.nav:link, a.nav:visited, a.nav:active {font-family: century gothic; font-size: 18pt; color: #345680;display: inline; letter-spacing:5px; text-align: center;background-color:none;text-transform:uppercase;border-bottom:1px dotted #363636;}
a.nav:hover {color:#FFF;}

body {background:url(http://i106.photobucket.com/albums/m241/samxxmas/by.png);}

.a{font-size:18pt;color:#FFFF81;}

</style //>

<div id="box">
<h1>welcome to my lookup</h1>
<br>
text here <b>bold</b> <i>italic</i>
<br><br>
add your other links here.
<br><br>
</div>

#main{border-right:1px dotted #363636;border-left:1px dotted #363636;}
.contentModuleTable,.contentModule{background:none;border:none;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a,b,#main a{font:7.5pt tahoma;color:#345680;font-weight:bold;}

i{color: #345680;font-weight:bold;}

a:hover,a:hover b,#main a:hover{color:#416DA4;}

h1{padding:4px;}

body {background:url(http://i106.photobucket.com/albums/m241/samxxmas/by.png);}

</style //>

</i>

<div id="box">
<h1>welcome to my lookup</h1>
<br>
text here <b>bold</b> <i>italic</i>
<br><br>
<a href="/~bonyyclubb">css!</a>
<br><br>
</div>

#main,.contentModuleTable,.contentModule{background:none;border:none;}
.contentModule div a img, .contentModule div b{display:inline;}
.contentModule img,.contentModuleContent {background: #DDD;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#595959;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a,b{font:7.5pt tahoma;color:#777;font-weight:bold;}

a:hover,a:hover b{color:#9C9C9C;}

i{color:#919191;font-weight:bold;}

.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #919191;font:8pt century gothic;border-bottom:1px dotted #363636;letter-spacing:1px;text-align:center;text-transform:uppercase;margin:0px;color:#000;font-weight:bold;}
h1{padding:4px;}

a.nav:link, a.nav:visited, a.nav:active {font-family: century gothic; font-size: 18pt; color: #919191;display: inline; letter-spacing:5px; text-align: center;background-color:none;text-transform:uppercase;border-bottom:1px dotted #AAA;}
a.nav:hover {color:#DDD;}

body {background:url(http://i106.photobucket.com/albums/m241/samxxmas/blackgrey.png);}

.a{font-size:18pt;color:#000;}

</style //>

<div id="box">
<h1>welcome to my lookup</h1>
<br>
text here <b>bold</b> <i>italic</i>
<br><br>
add your other links here.
<br><br>
</div>

#main{border-right:1px dotted #DDD;border-left:1px dotted #DDD;}
.contentModuleTable,.contentModule{background:none;border:none;}
.contentModule img,.contentModuleContent {background: #DDD;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#595959;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a,b,#main a{font:7.5pt tahoma;color:#777;font-weight:bold;}

i{color:#919191;font-weight:bold;}

a:hover,a:hover b,#main a:hover{color:#9C9C9C;}

h1{padding:4px;}

body {background:url(http://i106.photobucket.com/albums/m241/samxxmas/blackgrey.png);}

</style //>

</i>

<div id="box">
<h1>welcome to my lookup</h1>
<br>
text here <b>bold</b> <i>italic</i>
<br><br>
<a href="/~bonyyclubb">css!</a>
<br><br>
</div>

#main,.contentModuleTable,.contentModule{background:none;border:none;}
.contentModule img,.contentModuleContent {background: #EEE;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#6C6C6C;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a,b{font:7.5pt tahoma;color:#EA67B4;font-weight:bold;}

a:hover,a:hover b{color:#EFAAF3;}

i{color:#E67FBC;font-weight:bold;}

.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #EA67B4;font:8pt century gothic;border-bottom:1px dotted #EFAAF3;letter-spacing:1px;text-align:center;text-transform:uppercase;margin:0px;color:#EFAAF3;font-weight:bold;}
h1{padding:4px;}

a.nav:link, a.nav:visited, a.nav:active {font-family: century gothic; font-size: 18pt; color: #EA67B4;display: inline; letter-spacing:5px; text-align: center;background-color:none;text-transform:uppercase;border-bottom:1px dotted #696969;font-weight:none;}
a.nav:hover {color:#DDD;}

body {background:url(http://i63.photobucket.com/albums/h125/crazyxcows/lightdarkpink.png);}

.a{font-size:18pt;color:#E4A8CB;}

</style //>

<div id="box">
<h1>welcome to my lookup</h1>
<br>
text here <b>bold</b> <i>italic</i>
<br><br>
add your other links here.
<br><br>
</div>

#main{border-right:1px dotted #555;border-left:1px dotted #555;}
.contentModuleTable,.contentModule{background:none;border:none;}
.contentModule img,.contentModuleContent {background: #EEE;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#6C6C6C;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a,b,#main a{font:7.5pt tahoma;color:#EA67B4;font-weight:bold;}

i{color:#E67FBC;font-weight:bold;}

a:hover,a:hover b,#main a:hover{color:#EFAAF3;}

body {background:url(http://i63.photobucket.com/albums/h125/crazyxcows/lightdarkpink.png);}

</style //>

</i>

<div id="box">
<h1>welcome to my lookup</h1>
<br>
text here <b>bold</b> <i>italic</i>
<br><br>
<a href="/~bonyyclubb">css!</a>
<br><br>
</div>

#main,.contentModuleTable,.contentModule{background:none;border:none;}
.contentModule img,.contentModuleContent {background: #EEE;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#4F4F4F;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a,b{font:7.5pt tahoma;color:#6BC830;font-weight:bold;}

a:hover,a:hover b{color:#7AE538;}

i{color: #6BC830;font-weight:bold;}

.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #6BC830;font:8pt century gothic;border-bottom:1px dotted #4F4F4F;letter-spacing:1px;text-align:center;text-transform:uppercase;margin:0px;color:#A1FB73;font-weight:bold;}
h1{padding:4px;}

a.nav:link, a.nav:visited, a.nav:active {font-family: century gothic; font-size: 18pt; color: #6BC830;display: inline; letter-spacing:5px; text-align: center;background-color:none;text-transform:uppercase;border-bottom:1px dotted #4F4F4F;}
a.nav:hover {color:#EEE;}

body {background:url(http://i106.photobucket.com/albums/m241/samxxmas/lightgreen.png);}

.a{font-size:18pt;color:#A1FB73;}

</style //>

<div id="box">
<h1>welcome to my lookup</h1>
<br>
text here <b>bold</b> <i>italic</i>
<br><br>
add your other links here.
<br><br>
</div>

#main{border-right:1px dotted #4F4F4F;border-left:1px dotted #4F4F4F;}
.contentModuleTable,.contentModule{background:none;border:none;}
.contentModule img,.contentModuleContent {background: #EEE;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#4F4F4F;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a,b,#main a{font:7.5pt tahoma;color:#6BC830;font-weight:bold;}

i{color: #6BC830;font-weight:bold;}

a:hover,a:hover b,#main a:hover{color:#7AE538;}

h1{padding:4px;}

body{background:url(http://i106.photobucket.com/albums/m241/samxxmas/lightgreen.png);}

</style //>

</i>

<div id="box">
<h1>welcome to my lookup</h1>
<br>
text here <b>bold</b> <i>italic</i>
<br><br>
<a href="/~bonyyclubb">css!</a>
<br><br>
</div>

#main,.contentModuleTable,.contentModule{background:none;border:none;}
.contentModule div a img, .contentModule div b{display:inline;}
.contentModule img,.contentModuleContent {background: #DDD;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#333;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a,b{font:7.5pt tahoma;color:#363677;font-weight:bold;}

a:hover,a:hover b{color:#6D6DA1;}

i{color:#363677;font-weight:bold;}

.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #363677;font:8pt century gothic;border-bottom:1px dotted #363636;letter-spacing:1px;text-align:center;text-transform:uppercase;margin:0px;color:#6D6DA1;font-weight:bold;}
h1{padding:4px;}

a.nav:link, a.nav:visited, a.nav:active {font-family: century gothic; font-size: 18pt; color: #363677;display: inline; letter-spacing:5px; text-align: center;background-color:none;text-transform:uppercase;border-bottom:1px dotted #363636;}
a.nav:hover {color:#DDD;}

body {background:url(http://i106.photobucket.com/albums/m241/samxxmas/purple.png);}

.a{font-size:18pt;color:#6D6DA1;}

</style //>

<div id="box">
<h1>welcome to my lookup</h1>
<br>
text here <b>bold</b> <i>italic</i>
<br><br>
add your other links here.
<br><br>
</div>

#main{border-right:1px dotted #363636;border-left:1px dotted #363636;}
.contentModuleTable,.contentModule{background:none;border:none;}
.contentModule img,.contentModuleContent {background: #DDD;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#333;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a,b,#main a{font:7.5pt tahoma;color:#363677;font-weight:bold;}

i{color:#363677;font-weight:bold;}

a:hover,a:hover b,#main a:hover{color:#6D6DA1;}

h1{padding:4px;}

body {background:url(http://i106.photobucket.com/albums/m241/samxxmas/purple.png);}

</style //>

</i>

<div id="box">
<h1>welcome to my lookup</h1>
<br>
text here <b>bold</b> <i>italic</i>
<br><br>
<a href="/~bonyyclubb">css!</a>
<br><br>
</div>

#main,.contentModuleTable,.contentModule{background:none;border:none;}
.contentModule img,.contentModuleContent {background: #AAA;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a,b{font:7.5pt tahoma;color:#AB211B;font-weight:bold;}

a:hover,a:hover b{color:#CB2620;}

i{color:#AB211B;font-weight:bold;}

.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #AB211B;font:8pt century gothic;border-bottom:1px dotted #363636;letter-spacing:1px;text-align:center;text-transform:uppercase;margin:0px;color:#333;font-weight:bold;}
h1{padding:4px;}

a.nav:link, a.nav:visited, a.nav:active {font-family: century gothic; font-size: 18pt; color: #AB211B;display: inline; letter-spacing:5px; text-align: center;background-color:none;text-transform:uppercase;border-bottom:1px dotted #696969;}
a.nav:hover {color:#AAA;}

body {background:url(http://i106.photobucket.com/albums/m241/samxxmas/redgrey.png);}

.a{font-size:18pt;color:#333;}

</style //>

<div id="box">
<h1>welcome to my lookup</h1>
<br>
text here <b>bold</b> <i>italic</i>
<br><br>
add your other links here.
<br><br>
</div>

#main{border-right:1px dotted #696969;border-left:1px dotted #696969;}
.contentModuleTable,.contentModule{background:none;border:none;}
.contentModule img,.contentModuleContent {background: #AAA;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a,b,#main a{font:7.5pt tahoma;color:#AB211B;font-weight:bold;}

i{color:#AB211B;font-weight:bold;}

a:hover,a:hover b,#main a:hover{color:#CB2620;}

h1{padding:4px;}

body {background:url(http://i106.photobucket.com/albums/m241/samxxmas/redgrey.png);}

</style //>

</i>

<div id="box">
<h1>welcome to my lookup</h1>
<br>
text here <b>bold</b> <i>italic</i>
<br><br>
<a href="/~bonyyclubb">css!</a>
<br><br>
</div>

#main,.contentModuleTable,.contentModule{background:none;border:none;}
.contentModule div a img, .contentModule div b{display:inline;}
.contentModule img,.contentModuleContent {background: #EEE;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#777;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a,b{font:7.5pt tahoma;color:#48AAD6;font-weight:bold;}

a:hover,a:hover b{color:#80C8EF;}

i{color: #48AAD6;font-weight:bold;}

.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #48AAD6;font:8pt century gothic;border-bottom:1px dotted #777;letter-spacing:1px;text-align:center;text-transform:uppercase;margin:0px;color:#80C8EF;font-weight:bold;}
h1{padding:4px;}

a.nav:link, a.nav:visited, a.nav:active {font-family: century gothic; font-size: 18pt; color: #48AAD6;display: inline; letter-spacing:5px; text-align: center;background-color:none;text-transform:uppercase;border-bottom:1px dotted #555;font-weight:none;}
a.nav:hover {color:#555;}

body {background:url(http://i106.photobucket.com/albums/m241/samxxmas/lightblue.png);}

.a{font-size:18pt;color:#80C8EF;}

</style //>

<div id="box">
<h1>welcome to my lookup</h1>
<br>
text here <b>bold</b> <i>italic</i>
<br><br>
add your other links here.
<br><br>
</div>

#main{border-right:1px dotted #777;border-left:1px dotted #777;}
.contentModuleTable,.contentModule{background:none;border:none;}
.contentModule img,.contentModuleContent {background: #EEE;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#777;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a,b,#main a{font:7.5pt tahoma;color:#48AAD6;font-weight:bold;}

i{color: #48AAD6;font-weight:bold;}

a:hover,a:hover b,#main a:hover{color:#80C8EF;}

h1{padding:4px;}

body {background:url(http://i106.photobucket.com/albums/m241/samxxmas/lightblue.png);}

</style //>

</i>

<div id="box">
<h1>welcome to my lookup</h1>
<br>
text here <b>bold</b> <i>italic</i>
<br><br>
<a href="/~bonyyclubb">css!</a>
<br><br>
</div>

top of section.

top of page.

Style 3. »preview

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;}

A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#336699;font-weight:bold;}

a:hover,a:hover b{color:#333;}

i {color: #363636;font-style:normal;font-weight:bold;}

.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #336699;font:9pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#FFF;}

h2{background-color:#FFF;font:16pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#363636;border-bottom:5px solid #336699;border-top:5px solid #336699;}

body{background-color:#363636;}

</style //>

<h2>header</h2>
<div align="center">
<br>
<a href="/petcentral.phtml">central</a> - <a href="/explore.phtml">explore</a> - <a href="/neoboards/index.phtml">boards</a> - <a href="/~bonyyclubb">css</a>
<br><br>	
text here  <i>bold</i>
<br>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;}

A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#666699;font-weight:bold;}

a:hover,a:hover b{color:#333366;}

i {color: #333366;font-style:normal;font-weight:bold;}

.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #666699;font:9pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#FFF;}

h2{background-color:#FFF;font:16pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#333;border-bottom:5px solid #666699;border-top:5px solid #666699;}

body{background-color:#5C5C5C;}

</style //>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#333;}

A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#339933;font-weight:bold;}

a:hover,a:hover b{color:#3BB23D;}

i {color: #3BB23D;font-style:normal;font-weight:bold;}

.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #339933;font:9pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#111;}

h2{background-color:#FFF;font:16pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#333;border-bottom:5px solid #339933;border-top:5px solid #339933;}

body{background-color:#3BB23D;}

</style //>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#000;}

A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#990000;font-weight:bold;}

a:hover,a:hover b{color:#CC0000;}

i {color: #000;font-style:normal;font-weight:bold;}

.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color:#990000;font:9pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#FFF;}

h2{background-color:#FFF;font:16pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#000;border-bottom:5px solid #990000;border-top:5px solid #990000;}

body{background-color:#000;}

</style //>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#444;}

A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#333;font-weight:bold;}

a:hover,a:hover b{color:#555;}

i {color: #444;font-style:normal;font-weight:bold;}

.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color:#444;font:9pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#777;}

h2{background-color:#FFF;font:16pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#111;border-bottom:5px solid #444;border-top:5px solid #444;}

body{background-color:#555;}

</style //>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#818181;}

A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#46C8E9;font-weight:bold;}

a:hover,a:hover b{color:#9C9C9C;}

i {color: #FC1A8F;font-style:normal;font-weight:bold;}

.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #B9F734;font:9pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#777;}

h2{background-color:#FFF;font:16pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#777;border-bottom:5px solid #B9F734;border-top:5px solid #B9F734;}

body{background-color:#FC1A8F;}

</style //>

top of section.

top of page.

Style 4. »preview

p, td, table, tr, td,u,b,.medText{text-transform:lowercase;font:7.5pt verdana;color:#363636;}

A:link,A:visited,A:active,b,a,#main a{font:7.5pt verdana;color:#31649D;text-transform:lowercase;font-weight:bold;}

a:hover,a:hover b,#main a:hover{color:#9C9C9C;}

i {color: #363636;font-weight:bold;font-family:georgia;}

u {font-weight:bold;text-decoration:none;border-bottom:2px solid #31649D;}

.contentModuleHeader,.contentModuleHeaderAlt{background-color:#DDD;font:8pt tahoma;letter-spacing:2px;text-align:center;text-transform:uppercase;color:#31649D;font-weight:bold;border-bottom:1px solid #BBB;}

h1{font-family:georgia;font-style:italic;font-size:17pt; color:#363636;margin:0px;padding:0px;font-weight:normal;}

</style //>

<table width=690><tr><td></i>
<div align="left">
<h1>put a header here.</h1>
<br>
put your links here - <a  href="/~bonyyclubb">premades</a>!
<br>	<br>
test here <b>bold</b> <i>italic</i> <u>underline</u>
<br>

.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{text-transform:lowercase;font:7.5pt verdana;color:#363636;}

A:link,A:visited,A:active,b,a,#main a{font:7.5pt verdana;color:#31649D;text-transform:lowercase;font-weight:bold;}

a:hover,a:hover b,#main a:hover{color:#9C9C9C;}

i {color: #363636;font-weight:bold;font-family:georgia;}

u {font-weight:bold;text-decoration:none;border-bottom:2px solid #31649D;}

h1{font-family:georgia;font-style:italic;font-size:17pt; color:#363636;margin:0px;padding:0px;font-weight:normal;}

body{background:#31649D;}

</style //>

<div align="left">
<a href="/petcentral.phtml">central</a> - <a href="/explore.phtml">explore</a> - <a href="/neoboards/index.phtml">boards</a> - <a href="/browseshop.phtml?owner=usernamehere">shop</a> - <a href="/gallery/?gu=usernamehere">gallery</a> - <a href="/~bonyyclubb">css</a>
<br><br>
<h1>put a header here.</h1>
<br>	
text here <b>bold</b> <i>italic</i> <u>underline</u>
<br><br>
remember to put your username in the shop & gallery links!
<br>

p, td, table, tr, td,u,b,.medText{text-transform:lowercase;font:7.5pt verdana;color:#363636;}

A:link,A:visited,A:active,b,a,#main a{font:7.5pt verdana;color:#520C0C;text-transform:lowercase;font-weight:bold;}

a:hover,a:hover b,#main a:hover{color:#9C9C9C;}

i {color: #E63737;font-weight:bold;font-family:georgia;}

u {font-weight:bold;text-decoration:none;border-bottom:2px solid #AB1A1A;}

.contentModuleHeader,.contentModuleHeaderAlt{background-color:#AB1A1A;font:8pt tahoma;letter-spacing:2px;text-align:center;text-transform:uppercase;color:#520C0C;font-weight:bold;border-bottom:1px solid #E63737;}

h1{font-family:georgia;font-style:italic;font-size:17pt; color:#363636;margin:0px;padding:0px;font-weight:normal;}

</style //>

.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{text-transform:lowercase;font:7.5pt verdana;color:#363636;}

A:link,A:visited,A:active,b,a,#main a{font:7.5pt verdana;color:#520C0C;text-transform:lowercase;font-weight:bold;}

a:hover,a:hover b,#main a:hover{color:#9C9C9C;}

i {color: #E63737;font-weight:bold;font-family:georgia;}

u {font-weight:bold;text-decoration:none;border-bottom:2px solid #AB1A1A;}

h1{font-family:georgia;font-style:italic;font-size:17pt; color:#363636;margin:0px;padding:0px;font-weight:normal;}

body{background:#520C0C;}

</style //>

p, td, table, tr, td,u,b,.medText{text-transform:lowercase;font:7.5pt verdana;color:#363636;}

A:link,A:visited,A:active,b,a,#main a{font:7.5pt verdana;color:#B650D0;text-transform:lowercase;font-weight:bold;}

a:hover,a:hover b,#main a:hover{color:#9C9C9C;}

i {color: #642CB3;font-weight:bold;font-family:georgia;}

u {font-weight:bold;text-decoration:none;border-bottom:2px solid #B650D0;}

.contentModuleHeader,.contentModuleHeaderAlt{background-color:#4D23A9;font:8pt tahoma;letter-spacing:2px;text-align:center;text-transform:uppercase;color:#F8AAD1;font-weight:bold;border-bottom:1px solid #642CB3;}

h1{font-family:georgia;font-style:italic;font-size:17pt; color:#363636;margin:0px;padding:0px;font-weight:normal;}

</style //>

.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{text-transform:lowercase;font:7.5pt verdana;color:#555;}

A:link,A:visited,A:active,b,a,#main a{font:7.5pt verdana;color:#B650D0;text-transform:lowercase;font-weight:bold;}

a:hover,a:hover b,#main a:hover{color:#9C9C9C;}

i {color: #642CB3;font-weight:bold;font-family:georgia;}

u {font-weight:bold;text-decoration:none;border-bottom:2px solid #B650D0;}

h1{font-family:georgia;font-style:italic;font-size:17pt; color:#363636;margin:0px;padding:0px;font-weight:normal;}

body{background:#333;}

</style //>

p, td, table, tr, td,u,b,.medText{text-transform:lowercase;font:7.5pt verdana;color:#363636;}

A:link,A:visited,A:active,b,a,#main a{font:7.5pt verdana;color:#073624;text-transform:lowercase;font-weight:bold;}

a:hover,a:hover b,#main a:hover{color:#9C9C9C;}

i {color: #18B87A;font-weight:bold;font-family:georgia;}

u {font-weight:bold;text-decoration:none;border-bottom:2px solid #10704B;}

.contentModuleHeader,.contentModuleHeaderAlt{background-color:#10704B;font:8pt tahoma;letter-spacing:2px;text-align:center;text-transform:uppercase;color:#073624;font-weight:bold;border-bottom:1px solid #18B87A;}

h1{font-family:georgia;font-style:italic;font-size:17pt; color:#363636;margin:0px;padding:0px;font-weight:normal;}

</style //>

<table width=690><tr><td></i>
<div align="left">
<h1>put a header here.</h1>
<br>
put your links here - <a  href="/~">premades</a>!
<br>	<br>
test here <b>bold</b> <i>italic</i> <u>underline</u>
<br>

.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{text-transform:lowercase;font:7.5pt verdana;color:#363636;}

A:link,A:visited,A:active,b,a,#main a{font:7.5pt verdana;color:#073624;text-transform:lowercase;font-weight:bold;}

a:hover,a:hover b,#main a:hover{color:#9C9C9C;}

i {color: #18B87A;font-weight:bold;font-family:georgia;}

u {font-weight:bold;text-decoration:none;border-bottom:2px solid #10704B;}

h1{font-family:georgia;font-style:italic;font-size:17pt; color:#363636;margin:0px;padding:0px;font-weight:normal;}

body{background:#18B87A;}

</style //>

p, td, table, tr, td,u,b,.medText{text-transform:lowercase;font:7.5pt verdana;color:#656565;}

A:link,A:visited,A:active,b,a,#main a{font:7.5pt verdana;color:#FFA01C;text-transform:lowercase;font-weight:bold;}

a:hover,a:hover b,#main a:hover{color:#9C9C9C;}

i {color: #FF8453;font-weight:bold;font-family:georgia;}

u {font-weight:bold;text-decoration:none;border-bottom:2px solid #FF0B9A;}

.contentModuleHeader,.contentModuleHeaderAlt{background-color:#FF0B9A;font:8pt tahoma;letter-spacing:2px;text-align:center;text-transform:uppercase;color:#F6E80F;font-weight:bold;border-bottom:1px solid #FFA01C;}

h1{font-family:georgia;font-style:italic;font-size:17pt; color:#555;margin:0px;padding:0px;font-weight:normal;}

</style //>

.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{text-transform:lowercase;font:7.5pt verdana;color:#777;}

A:link,A:visited,A:active,b,a,#main a{font:7.5pt verdana;color:#FFA01C;text-transform:lowercase;font-weight:bold;}

a:hover,a:hover b,#main a:hover{color:#9C9C9C;}

i {color: #FF8453;font-weight:bold;font-family:georgia;}

u {font-weight:bold;text-decoration:none;border-bottom:2px solid #FF0B9A;}

h1{font-family:georgia;font-style:italic;font-size:17pt; color:#555;margin:0px;padding:0px;font-weight:normal;}

body {background-color:#FFFF33;}

</style //>

top of section.

top of page.

Style 5. »preview

top of section.

top of page.

Style 6. »preview

If you want headers: go here.

++ You can't link images with this style. If you would like to link images, all you have to do is remove ".content div a img, .content div b" from the ",.content div a img, .content div b{display:none;}" code and then you'll be able to.

Caution: If you have a super duper amount of trophies they might stretch out of the table if you use this style.

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #4C4C4C;}

a:active,a:visited, a:link, a, b{color: #D20C0C; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #E90B0B;}

i {color: #D20C4E;font-style:normal;font-weight:bold;}

body {background-color:#D20C0C;}

</style //>

</i>

<a href="/petcentral.phtml">central</a> - <a href="/explore.phtml">explore</a> - <a href="/neoboards/index.phtml">boards</a> - <a href="/~bonyyclubb">css</a> - <a href="/browseshop.phtml?owner=usernamehere">shop</a> - <a href="/gallery/?gu=usernamehere">gallery</a>
<br><br><br>
text here <i>bold</i>
<br><br>
remember to put your username in the shop and gallery links!
<br><br>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #4C4C4C;}

a:active,a:visited, a:link, a, b{color: #D20C0C; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #E90B0B;}

i {color: #D20C4E;font-style:normal;font-weight:bold;}

body {background-color:#D20C0C;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #555;}

a:active,a:visited, a:link, a, b{color: #5B7F0E; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #6A9311;}

i {color: #5B7F0E;font-style:normal;font-weight:bold;}

body {background-color:#5B7F0E;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #555;}

a:active,a:visited, a:link, a, b{color: #5B7F0E; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #6A9311;}

i {color: #5B7F0E;font-style:normal;font-weight:bold;}

body {background-color:#5B7F0E;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #444;}

a:active,a:visited, a:link, a, b{color: #6513B1; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #7D27CE;}

i {color: #6513B1;font-style:normal;font-weight:bold;}

body {background-color:#6513B1;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #444;}

a:active,a:visited, a:link, a, b{color: #6513B1; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #7D27CE;}

i {color: #6513B1;font-style:normal;font-weight:bold;}

body {background-color:#6513B1;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #555;}

a:active,a:visited, a:link, a, b{color: #555; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #777;}

i {color: #555;font-style:normal;font-weight:bold;}

body {background-color:#555;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #555;}

a:active,a:visited, a:link, a, b{color: #555; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #777;}

i {color: #555;font-style:normal;font-weight:bold;}

body {background-color:#555;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #7C7C7C;}

a:active,a:visited, a:link, a, b{color: #E9830B; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #F99219;}

i {color: #E9830B;font-style:normal;font-weight:bold;}

body {background-color:#E9830B;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #7C7C7C;}

a:active,a:visited, a:link, a, b{color: #E9830B; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #F99219;}

i {color: #E9830B;font-style:normal;font-weight:bold;}

body {background-color:#E9830B;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #777;}

a:active,a:visited, a:link, a, b{color: #4F94CD; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #7EC0EE;}

i {color: #4F94CD;font-style:normal;font-weight:bold;}

body {background-color:#6CA6CD;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #777;}

a:active,a:visited, a:link, a, b{color: #4F94CD; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #7EC0EE;}

i {color: #4F94CD;font-style:normal;font-weight:bold;}

body {background-color:#6CA6CD;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #8E8E8E;}

a:active,a:visited, a:link, a, b{color: #DC80BA; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #EC93CC;}

i {color: #DC80BA;font-style:normal;font-weight:bold;}

body {background-color:#DC80BA;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #8E8E8E;}

a:active,a:visited, a:link, a, b{color: #DC80BA; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #EC93CC;}

i {color: #DC80BA;font-style:normal;font-weight:bold;}

body {background-color:#DC80BA;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #111;}

a:active,a:visited, a:link, a, b{color: #000; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #555;}

i {color: #000;font-style:normal;font-weight:bold;}

body {background-color:#000;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #111;}

a:active,a:visited, a:link, a, b{color: #000; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #555;}

i {color: #000;font-style:normal;font-weight:bold;}

body {background-color:#000;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #999;}

a:active,a:visited, a:link, a, b{color: #DCCC1A; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #FAE112;}

i {color: #DCCC1A;font-style:normal;font-weight:bold;}

body {background-color:#EFDB30;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #999;}

a:active,a:visited, a:link, a, b{color: #DCCC1A; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #FAE112;}

i {color: #DCCC1A;font-style:normal;font-weight:bold;}

body {background-color:#EFDB30;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #444;}

a:active,a:visited, a:link, a, b{color: #28539B; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #406AB0;}

i {color: #28539B;font-style:normal;font-weight:bold;}

body {background-color:#28539B;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #444;}

a:active,a:visited, a:link, a, b{color: #28539B; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #406AB0;}

i {color: #28539B;font-style:normal;font-weight:bold;}

body {background-color:#28539B;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #555;}

a:active,a:visited, a:link, a, b{color: #CC248F; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #DD309E;}

i {color: #CC248F;font-style:normal;font-weight:bold;}

body {background-color:#CC248F;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #555;}

a:active,a:visited, a:link, a, b{color: #CC248F; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #DD309E;}

i {color: #CC248F;font-style:normal;font-weight:bold;}

body {background-color:#CC248F;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #999;}

a:active,a:visited, a:link, a, b{color: #AAC66D; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #C4E57C;}

i {color: #B0CC72;font-style:normal;font-weight:bold;}

body {background-color:#B7D675;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #999;}

a:active,a:visited, a:link, a, b{color: #AAC66D; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #C4E57C;}

i {color: #B0CC72;font-style:normal;font-weight:bold;}

body {background-color:#B7D675;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #888;}

a:active,a:visited, a:link, a, b{color: #A578D8; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #B58DE2;}

i {color: #A578D8;font-style:normal;font-weight:bold;}

body {background-color:#A578D8;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #888;}

a:active,a:visited, a:link, a, b{color: #A578D8; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #B58DE2;}

i {color: #A578D8;font-style:normal;font-weight:bold;}

body {background-color:#A578D8;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #5C5C5C;}

a:active,a:visited, a:link, a, b{color: #9C6B16; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #B78327;}

i {color: #9C6B16;font-style:normal;font-weight:bold;}

body {background-color:#9C6B16;}

</style //>

</i>

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; text-transform:lowercase; color: #5C5C5C;}

a:active,a:visited, a:link, a, b{color: #9C6B16; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: lowercase;}

a:hover,a:hover b{color: #B78327;}

i {color: #9C6B16;font-style:normal;font-weight:bold;}

body {background-color:#9C6B16;}

</style //>

</i>

top of section.

top of page.

Style 7. »preview

p, td, table, tr, td,u,b,.medText{color:#00CFFF;font:7.5pt tahoma;}

A:link,A:visited,A:active,a,b{color:#00CFFF;font:8pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color:#FD3500;}

.contentModuleHeader, .contentModuleHeaderAlt, h1{font:12pt Century Gothic;letter-spacing:4px;text-transform:uppercase;background:#7FFF8F;color:#A037D0;text-align:left;border-bottom:1px solid #00CFFF;}

h1{padding:3px;margin:0px;}

#content {width:800px;}

body {background:#FFFF00;}

b {color:#00CFFF;font-weight:bold;background-color:#EEE;}

.contentModuleTable {border:1px solid #00CFFF;}
.contentModule {border:none;}

</style //>

<div id="box"><div align= "center"></i>
<h1>header</h1>
<br>
<a href="/petcentral.phtml">central</a> - <a href="/explore.phtml">explore</a> - <a href="/neoboards/index.phtml">boards</a> - <a href="/~bonyyclubb">css</a>
<br><br>
text here <b>bold</b>
<br><br>
</div></div>

p, td, table, tr, td,u,b,.medText{color:#36C422;font:8pt tahoma;}

A:link,A:visited,A:active,a{color:#36C422;font:8pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color:#5FE04B;background:none;border:none}

.contentModuleHeader, .contentModuleHeaderAlt, h1 {font:12pt Century Gothic;letter-spacing:4px;text-transform:uppercase;background:#8BE97D;color:#29961A;text-align:left;border-bottom:1px solid #36C422;}

h1{padding:3px;margin:0px;}

#content {width:800px;}

body {background:#329F30;}

b {color:#36C422;font-weight:bold;background-color:#EEE;}

.contentModuleTable {border:1px solid #29961A;}
.contentModule {border:none;}

</style //>

p, td, table, tr, td,u,b,.medText{color:#555;font:8pt tahoma;}

A:link,A:visited,A:active,a{color:#E05988;font:8pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color:#FFCB98;}

.contentModuleHeader, .contentModuleHeaderAlt, h1{font:12pt Century Gothic;letter-spacing:4px;text-transform:uppercase;background:#FF6699;color:#FFCB98;text-align:left;border-bottom:1px solid #5C5C5C;}

h1{padding:3px;margin:0px;}

#content {width:800px;}

body {background:#FF6699;}

b {color:#E05988;font-weight:bold;background-color:#EEE;}

.contentModuleTable {border:1px solid #5C5C5C;}
.contentModule {border:none;}

</style //>

p, td, table, tr, td,u,b,.medText{color:#000;font:8pt tahoma;}

A:link,A:visited,A:active,a{color:#000;font:8pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color:#333;}

.contentModuleHeader, .contentModuleHeaderAlt, h1 {font:12pt Century Gothic;letter-spacing:4px;text-transform:uppercase;background:#000;color:#FFF;text-align:left;border-bottom:1px solid #000;}

h1{padding:3px;margin:0px;}

#content {width:800px;}

body {background:#000;}

b {color:#000;font-weight:bold;background-color:#EEE;}

.contentModuleTable {border:1px solid #000;}
.contentModule {border:none;}

</style //>

p, td, table, tr, td,u,b,.medText{color:#000;font:8pt tahoma;}

A:link,A:visited,A:active,a{color:#CC0000;font:8pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color:#FF0000;}

.contentModuleHeader, .contentModuleHeaderAlt, h1 {font:12pt Century Gothic;letter-spacing:4px;text-transform:uppercase;background:#FF3333;color:#990000;text-align:left;border-bottom:1px solid #111;}

h1{padding:3px;margin:0px;}

#content {width:800px;}

body {background:#CC0000;}

b {color:#CC0000;font-weight:bold;background-color:#EEE;}

.contentModuleTable {border:1px solid #111;}
.contentModule {border:none;}

</style //>

p, td, table, tr, td,u,b,.medText{color:#777;font:8pt tahoma;}

A:link,A:visited,A:active,a{color:#41A1E9;font:8pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color:#CCC;}

.contentModuleHeader, .contentModuleHeaderAlt, h1 {font:12pt Century Gothic;letter-spacing:4px;text-transform:uppercase;background:#67A6F1;color:#676767;text-align:left;border-bottom:1px solid #777;}

h1{padding:3px;margin:0px;}

#content {width:800px;}

body {background:#94C0F5;}

b {color:#41A1E9;font-weight:bold;background-color:#EEE;}

.contentModuleTable {border:1px solid #777;}
.contentModule {border:none;}

</style //>

p, td, table, tr, td,u,b,.medText{color:#222;font:8pt tahoma;}

A:link,A:visited,A:active,a{color:#C61852;font:8pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color:#FF8C84;}

.contentModuleHeader, .contentModuleHeaderAlt, h1 {font:12pt Century Gothic;letter-spacing:4px;text-transform:uppercase;background:#C61852;color:#FF8C84;text-align:left;border-bottom:1px solid #333;}

h1{padding:3px;margin:0px;}

#content {width:800px;}

body {background:#C61852;}

b {color:#C61852;font-weight:bold;background-color:#EEE;}

.contentModuleTable {border:1px solid #333;}
.contentModule {border:none;}

</style //>

p, td, table, tr, td,u,b,.medText{color:#555;font:8pt tahoma;}

A:link,A:visited,A:active,a{color:#FF6100;font:8pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color:#FF9E5A;}

.contentModuleHeader, .contentModuleHeaderAlt, h1{font:12pt Century Gothic;letter-spacing:4px;text-transform:uppercase;background:#FF6100;color:#FF9E5A;text-align:left;border-bottom:1px solid #555;}

h1{padding:3px;margin:0px;}

#content {width:800px;}

body {background:#FF6100;}

b {color:#FF6100;font-weight:bold;background-color:#EEE;}

.contentModuleTable {border:1px solid #555;}
.contentModule {border:none;}

</style //>

p, td, table, tr, td,u,b,.medText{color:#111;font:8pt tahoma;}

A:link,A:visited,A:active,a{color:#0031FF;font:8pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color:#527BFF;}

.contentModuleHeader, .contentModuleHeaderAlt, h1 {font:12pt Century Gothic;letter-spacing:4px;text-transform:uppercase;background:#0031FF;color:#527BFF;text-align:left;border-bottom:1px solid #111;}

h1{padding:3px;margin:0px;}

#content {width:800px;}

body {background:#2E5AFB;}

b {color:#0031FF;font-weight:bold;background-color:#EEE;}

.contentModuleTable {border:1px solid #111;}
.contentModule {border:none;}

</style //>

p, td, table, tr, td,u,b,.medText{color:#333;font:8pt tahoma;}

A:link,A:visited,A:active,a{color:#805428;font:8pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color:#F7C562;}

.contentModuleHeader, .contentModuleHeaderAlt, h1 {font:12pt Century Gothic;letter-spacing:4px;text-transform:uppercase;background:#805428;color:#C58749;text-align:left;border-bottom:1px solid #333;}

h1{padding:3px;margin:0px;}

#content {width:800px;}

body {background:#805428;}

b {color:#805428;font-weight:bold;background-color:#EEE;}

.contentModuleTable {border:1px solid #333;}
.contentModule {border:none;}

</style //>

p, td, table, tr, td,u,b,.medText{color:#888;font:8pt tahoma;}

A:link,A:visited,A:active,a{color:#B9A831;font:8pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color:#FFCF2B;}

.contentModuleHeader, .contentModuleHeaderAlt, h1 {font:12pt Century Gothic;letter-spacing:4px;text-transform:uppercase;background:#E9C701;color:#777;text-align:left;border-bottom:1px solid #777;}

h1{padding:3px;margin:0px;}

#content {width:800px;}

body {background:#FFCF2B;}

b {color:#E9C701;font-weight:bold;background-color:#EEE;}

.contentModuleTable {border:1px solid #777;}
.contentModule {border:none;}

</style //>

p, td, table, tr, td,u,b,.medText{color:#333;font:8pt tahoma;}

A:link,A:visited,A:active,a{color:#553360;font:8pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color:#834F95;}

.contentModuleHeader, .contentModuleHeaderAlt, h1{font:12pt Century Gothic;letter-spacing:4px;text-transform:uppercase;background:#553360;color:#A574B6;text-align:left;border-bottom:1px solid #333;}

h1{padding:3px;margin:0px;}

#content {width:800px;}

body {background:#724581;}

b {color:#553360;font-weight:bold;background-color:#EEE;}

.contentModuleTable {border:1px solid #333;}
.contentModule {border:none;}

</style //>

p, td, table, tr, td,u,b,.medText{color:#777;font:8pt tahoma;}

A:link,A:visited,A:active,a{color:#777;font:8pt tahoma;text-decoration:none; font-weight:bold;border:none;}

a:hover,a:hover b{color:#555;}

.contentModuleHeader, .contentModuleHeaderAlt, h1{font:12pt Century Gothic;letter-spacing:4px;text-transform:uppercase;background:#888;color:#333;text-align:left;border-bottom:1px solid #333;}

h1{padding:3px;margin:0px;}

#content {width:800px;}

body {background:#555;}

b {color:#777;font-weight:bold;background-color:#EEE;}

.contentModuleTable {border:1px solid #333;}
.contentModule {border:none;}

</style //>

top of section.

top of page.

Style 8. »preview

.n{border:10px solid #CAEB83;background:#FFF;width:646px;}

td,p,body,a,.medText,u,b {font-family: tahoma; font-size:7.5pt;color: #777;}

a:link,a:active,a:visited,a,b{color: #528D95; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: uppercase;}

a:hover,a:hover b{color:#CAEB83;}

.contentModuleHeader, .contentModuleHeaderAlt{border-bottom:5px solid #9FD968;background:none;padding:0px;margin:0px;font-family: georgia;color: #6CCC9C;font-size:12pt;text-transform: lowercase;font-style:italic;}

.contentModuleHeader:first-letter, .contentModuleHeaderAlt:first-letter{font-size:25pt;}

body {background-color:#2F4761;}

</style //>

text here <b>bold</b> !

remember to put your username in the shop & gallery links!

<br>

.n{border:10px solid #CAEB83;background:#FFF;width:731px;}

td,p,body,a,.medText,u,b {font-family: tahoma; font-size:7.5pt;color: #777;}

a:link,a:active,a:visited,a,b{color: #528D95; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: uppercase;}

a:hover,a:hover b{color:#CAEB83;}

.contentModuleHeader:first-letter, .contentModuleHeaderAlt:first-letter{font-size:25pt;}

body {background-color:#2F4761;}

</style //>

text here <b>bold</b> !

<br>

.n{border:10px solid #ED303C;background:#FFF;width:646px;}

td,p,body,a,.medText,u,b {font-family: tahoma; font-size:7.5pt; color: #656565;}

a:link,a:active,a:visited,a,b{color: #F5634A; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: uppercase;}

a:hover,a:hover b{color:#FAD089;}

.contentModuleHeader, .contentModuleHeaderAlt{border-bottom:5px solid #FF9C5B;background:none;padding:0px;margin:0px;font-family: georgia;color: #3B8183;font-size:12pt;text-transform: lowercase;font-style:italic;}

.contentModuleHeader:first-letter, .contentModuleHeaderAlt:first-letter{font-size:25pt;}

body {background-color:#FAD089;}

</style //>

text here <b>bold</b> !

remember to put your username in the shop & gallery links!

<br>

.n{border:10px solid #ED303C;background:#FFF;width:731px;}

td,p,body,a,.medText,u,b {font-family: tahoma; font-size:7.5pt; color: #656565;}

a:link,a:active,a:visited,a,b{color: #F5634A; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: uppercase;}

a:hover,a:hover b{color:#FAD089;}

.contentModuleHeader:first-letter, .contentModuleHeaderAlt:first-letter{font-size:25pt;}

body {background-color:#FAD089;}

</style //>

text here <b>bold</b> !

<br>

.n{border:10px solid #E4E792;background:#FFF;width:646px;}

td,p,body,a,.medText,u,b {font-family: tahoma; font-size:7.5pt; color: #5C5C5C;}

a:link,a:active,a:visited,a,b{color: #C33957; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: uppercase;}

a:hover,a:hover b{color:#E4E792;}

.contentModuleHeader, .contentModuleHeaderAlt{border-bottom:5px solid #A2D505;background:none;padding:0px;margin:0px;font-family: georgia;color: #31A88A;font-size:12pt;text-transform: lowercase;font-style:italic;}

.contentModuleHeader:first-letter, .contentModuleHeaderAlt:first-letter{font-size:25pt;}

body {background-color:#3D3B11;}

</style //>

text here <b>bold</b> !

remember to put your username in the shop & gallery links!

<br>

.n{border:10px solid #E4E792;background:#FFF;width:731px;}

td,p,body,a,.medText,u,b {font-family: tahoma; font-size:7.5pt; color: #5C5C5C;}

a:link,a:active,a:visited,a,b{color: #C33957; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: uppercase;}

a:hover,a:hover b{color:#E4E792;}

.contentModuleHeader:first-letter, .contentModuleHeaderAlt:first-letter{font-size:25pt;}

body {background-color:#3D3B11;}

</style //>

text here <b>bold</b> !

<br>

.n{border:10px solid #D1E389;background:#FFF;width:646px;}

td,p,body,a,.medText,u,b {font-family: tahoma; font-size:7.5pt; color: #888;}

a:link,a:active,a:visited,a,b{color: #E665A3; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: uppercase;}

a:hover,a:hover b{color:#F5E1E2;}

.contentModuleHeader, .contentModuleHeaderAlt{border-bottom:5px solid #C7EA64;background:none;padding:0px;margin:0px;font-family: georgia;color: #CF9CDD;font-size:12pt;text-transform: lowercase;font-style:italic;}

.contentModuleHeader:first-letter, .contentModuleHeaderAlt:first-letter{font-size:25pt;}

body {background-color:#F5E1E2;}

</style //>

text here <b>bold</b> !

remember to put your username in the shop & gallery links!

<br>

.n{border:10px solid #D1E389;background:#FFF;width:731px;}

td,p,body,a,.medText,u,b {font-family: tahoma; font-size:7.5pt; color: #888;}

a:link,a:active,a:visited,a,b{color: #E665A3; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: uppercase;}

a:hover,a:hover b{color:#F5E1E2;}

.contentModuleHeader:first-letter, .contentModuleHeaderAlt:first-letter{font-size:25pt;}

body {background-color:#F5E1E2;}

</style //>

text here <b>bold</b> !

<br>

.n{border:10px solid #3D273B;background:#EEE;width:646px;}

td,p,body,a,.medText,u,b {font-family: tahoma; font-size:7.5pt; color: #555;}

a:link,a:active,a:visited,a,b{color: #803255; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: uppercase;}

a:hover,a:hover b{color:#C8AA82;}

.contentModuleHeader, .contentModuleHeaderAlt{border-bottom:5px solid #C8AA82;background:none;padding:0px;margin:0px;font-family: georgia;color: #C26B67;font-size:12pt;text-transform: lowercase;font-style:italic;padding:0px;}

.contentModuleHeader:first-letter, .contentModuleHeaderAlt:first-letter{font-size:25pt;}

body {background-color:#4F4E57;}

</style //>

text here <b>bold</b> !

remember to put your username in the shop & gallery links!

<br>

.n{border:10px solid #3D273B;background:#EEE;width:731px;}

td,p,body,a,.medText,u,b {font-family: tahoma; font-size:7.5pt; color: #555;}

a:link,a:active,a:visited,a,b{color: #803255; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; text-transform: uppercase;}

a:hover,a:hover b{color:#C8AA82;}

.contentModuleHeader:first-letter, .contentModuleHeaderAlt:first-letter{font-size:25pt;}

body {background-color:#4F4E57;}

</style //>

text here <b>bold</b> !

<br>

top of section.

top of page.

Style Shoe. »preview

Why is it called Style Shoe, you wonder? Well my lovely friend Shoe let me put her css on my page! Yay thanks Shoey ILY! - All credit goes to her! I don't claim any part of these lookups. All i did was change the colors, and alter the coding a little.

top of section.

top of page.

Miscellaneous.

Drag images to address bar to see a bigger preview :)

#box{width:620px;background-color:#FFF;border-top:13px solid #E5318B;}

.contentModule div a img, .contentModule div b{display:inline;}
.contentModule,.contentModuleTable{border:none;}

#main{width:620px;border:none;background:none;}

td,p,body,.medText,a{font:8pt century gothic;color:#111;}

A:link,A:visited,A:active,b,a{font:8pt century gothic;color:#111;font-weight:bold;}

i {color: #222;font-style:normal;font-weight:bold;}

a:hover,a:hover b{color:#666;}

hr{color:#CCC;}

.contentModuleHeader,.contentModuleHeaderAlt{font-family:century gothic; font-size:0pt;height:13px;}

.contentModuleHeader{background:#31C0EC;}
.contentModuleHeaderAlt{background:#99FF03;}

body {background-color:#000;}

</style //>

<div align="center">
<div id="box">
<br>
<a href="/petcentral.phtml">central</a> - <a href="/explore.phtml">explore</a> - <a href="/neoboards/index.phtml">boards</a> - <a href="/~bonyyclubb">css</a>
<br><br>
text here <i>bold</i>
<br><br>
</div></div>

.contentModule,.contentModuleTable,#main{border:none;background:none;}

td,p,body,font,a,b,.medText,u{text-transform:lowercase;font:7.5pt tahoma;color:#555;letter-spacing:0.5px;}

a:active,a:visited, a:link, a, b{font:7.5pt tahoma;color: #FF1493;text-transform:lowercase;font-weight:bold;}

a:hover,a:hover b{color:#D02090;}

body{background:#000;}

.contentModuleHeader,.contentModuleHeaderAlt{font-family: arial; letter-spacing: -1pt; font-size: 10pt; font-weight:bold; color:  #D02090;text-transform:uppercase;padding:0px;margin:0px;background:#FFF;}

h1{font-family: arial; letter-spacing: -1pt; font-size: 40pt; font-weight:bold; color:  #D02090;text-transform:uppercase; line-height:35pt;padding:0px;margin:0px;border-bottom:1px solid #D02090;}

</style //>

</i>
<h1>header</h1>
<br>
<a href="/petcentral.phtml">central</a> - <a href="/explore.phtml">explore</a> - <a href="/neoboards/index.phtml">boards</a> - <a href="/~bonyyclubb">css</a>
<br><br>
text here <b>bold</b>
<br><br>

p,td,table,tr,td,u,b,.medText{font-family:verdana;font-size:7.5pt;color:#666;text-transform:lowercase;}

a:link,a:active,a:visited,a,b,a b{font-family:verdana;color:#A6A393;font-size:7.5pt;font-weight:bold;text-transform:lowercase;}

i{color:#AC99AB;font-weight:bold;}

a:hover,a:hover b{color:#888;}

.contentModuleHeader,.contentModuleHeaderAlt{font-family:arial;font-size:10pt;font-weight:bold;color:#AC99AB;text-align:center;letter-spacing:5px;background:#DDD;text-transform:lowercase;}

body{background-color:#728484;}

h1{font-family:lucida sans;font-size:20pt;font-weight:bold;border-bottom:1pt dotted #666;color:#AC99AB;margin:0px;padding:3px;text-align:left;}

</style //>

<h1>header here</h1>

<br>

<a href="central.phtml">central</a> - <a href="explore.phtml">explore</a> - <a href="neoboards/index.phtml">boards</a> - <a href="/~bonyyclubb">css</a>
<br><br>
text here <b>bold</b>
<br>

td,p,body,a,.medText,u,b{;font:7.5pt tahoma;color:#555;}

A:link,A:visited,A:active,b,a,#main a{font:7.5pt tahoma;color:#555;font-weight:bold;}

a:hover,a:hover b,#main a:hover{color:#7BB3E2;}

.contentModuleHeader, .contentModuleHeaderAlt {background:#FFF;text-align:center;font-family: arial;font-size: 15pt;letter-spacing: -1pt;text-transform: uppercase;text-align:left;line-height:10pt;}

.contentModuleHeader {border-top:5px solid #CF386F;color:#CF386F;}
#usercollections .contentModuleHeaderAlt {border-top:5px solid #FF4589;color:#FF4589;}
#usershop .contentModuleHeaderAlt {border-top:5px solid #BDD415;color:#BDD415;}
#userneopets .contentModuleHeaderAlt {border-top:5px solid #38CFA1;color:#38CFA1;}
#usertrophies .contentModuleHeaderAlt {border-top:5px solid  #2CA37F;color: #2CA37F;}

</style //>

#b{width:750px;background:#FFF;text-align:center;}

td,p,body,font,a,.medText,u,b{font-size:7.5pt;font-family:arial;color:#555;}

A:link,A:visited,A:active,b,a{font-size:7.5pt;font-family:arial;color:#F1468E;font-weight:bold;}

a:hover,a:hover b,a:hover visited,a:hover active,a:hover link{color:#EFC811;}

.contentModuleHeader,.contentModuleHeaderAlt,h1{background-color:#BAED31;font:14pt century gothic;letter-spacing:1px;text-align:right;color:#000;border-left:20px solid #FAA540;padding:4px;}

body {background-color:#34C6F0;}

</style //>

<h1>Put something here</h1>
| <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="neoboards/index.phtml">boards</a> - <a href="objects.phtml">shops</a> - <a href="nf.phtml">news</a> - <a href="video/index.phtml">video</a> - <a href="mall/index.phtml">mall</a> - <a href="/~bonyyclubb">css</a> |
<br><br>
text here <b>bold</b>
<br><br>
</div></div>

#content,#userneopets,#usertrophies{width:550px;}
#userinfo{width:300px;}
#usercollections{width:250px;}
#main{width:565px;}
#main,.contentModule,.contentModuleTable{border:none;background:none;}
#w{border:10px solid #00A658;width:560px;background:#FFF;padding:5px;}

td,p,body,a,.medText,b{font:7.5pt tahoma;color:#555;}

a:link,a:visited,a:active,a,b,a b{font:7.5pt tahoma;color:#03697A;font-weight:bold;text-decoration:none;}

a:hover,a:hover b{color:#BFCE1E;}

i {color:#00A658;font:7.5pt georgia;font-style:italic;font-weight:bold;}
u {text-decoration:none;border-bottom:2px solid #BFCE1E;}

.contentModuleHeader,.contentModuleHeaderAlt{background:none;font:14pt century gothic;text-transform:uppercase;margin:0px;padding:0px;color:#BFCE1E;text-align:center;border-top:3px solid #74C8AB;}

h1{font:20pt century gothic;letter-spacing:-1pt;text-transform:uppercase;margin:0px;background-color:#BFCE1E;color:#F7FFBA;text-align:center;padding:25px;}

h2{margin:0px;background-color:#74C8AB;text-align:center;padding:14px;}

body{background-color:#11505B;}

a.nav,a.nav:link,a.nav:visited,a.nav:active{display:inline;padding:3px;margin:2px;background:#057487;color:#FFF;font:9pt georgia;text-transform:uppercase;letter-spacing:0.5pt;}
a.nav:hover,a.nav:hover b{background:#74C8AB;color:#000;}

</style //>

<h1>header here</h1>

<h2>
<a href="petcentral.phtml" class="nav">central</a> <a href="explore.phtml" class="nav">explore</a> <a href="games/arcade.phtml" class="nav">games</a> <a href="neoboards/index.phtml" class="nav">boards</a> <a href="objects.phtml" class="nav">shops</a> <a href="nf.phtml" class="nav">news</a> <a href="/browseshop.phtml?owner=usernamehere" class="nav">shop</a> <a href="/gallery/index.phtml?gu=usernamehere" class="nav">gallery</a> <a href="/~bonyyclubb" class="nav">css</a>
</h2>

</div>

<div id="w">
<table><tr><td colspan=2>
<div align="center">
<br>
text here <b>bold</b>
<br><br>
remember to put your username in the shop & gallery links !
<br><br>

p, td, table, tr, td,u,b,.medText,a{font-family: tahoma; font-size:7.5pt;text-transform: none;color: #333;letter-spacing:0.5px;}

a:link,a:active,a:visited,a,b,#main a{color: #47526E;text-decoration:none;font-family: tahoma;font-size:7.5pt;font-weight:bold;letter-spacing:0.5px;text-transform:uppercase;}

a:hover,a:hover b,#main a:hover{color:#8DA6AB;cursor:crosshair;}

i{font:7.5pt goergia;color:#3A384E;font-style:italic;}
u{font-weight:bold;color:#333;text-decoration:none;border-bottom:2px solid #8DA6AB;}

.contentModuleHeaderAlt,.contentModuleHeader{font-family: century gothic; font-size: 7.5pt; background-color: #3A384E; text-transform: uppercase; color: #C1C5B6; border-bottom: 5px solid #47526E; height:8px;padding:1px 0px 1px 3px;margin:0px;letter-spacing:3pt;}

.contentModuleContent{border-top:3px solid #8DA6AB;}

body{background-color: #3A384E;}

.a{font:22pt georgia;color:#3A384E;}

#c{width:350px;text-align:left;}

</style //>

</i>

<br>

<a href="central.phtml">central</a> - <a href="explore.phtml">explore</a> - <a href="neoboards/index.phtml">boards</a> - <a href="/~bonyyclubb">css</a>

text here <b>bold</b>

.contentModuleContent,.contentModule img{background:#EDEDED;}
.contentModule,.contentModuleTable{border:none;}

td,p,body,a,.medText,u,b{;font:7.5pt tahoma;color:#7F7F7F;}

A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#8FA95B;font-weight:bold;}

a:hover,a:hover b{color:#CBE029;}

h1{background-color:#94998A;color:#E4FF14;font-family:century gothic;font-size:25pt;letter-spacing:-1px;line-height:20px;text-align:left;margin:0px;padding:5px;font-weight:normal;}

h2{color:#97A677;font-family:times new roman;font-size:9pt;font-style:italic;letter-spacing:5px;line-height:12px;text-align:right;margin:0px;padding:3px;background:#CFD1C0;}

a.nav,a.nav:active,a.nav:link,a.nav:visited{display:inline;margin:1px;padding:3px;font-family:arial;font-size:9pt;color:#B8B8B8;padding-right:17px;}
a.nav:hover,a.nav:hover b{color:#CBE029;}

body {background-color:#696969;}

</style //>

<h1>well for a lonely soul</h1>
<h2>you're having such a nice time.</h2>

text <b>bold</b>

link #10=shop + #11=gallery !

top of section.

top of page.

PET LOOKUPS

Style.1 Style.2 Style.3

Style 1. »preview

Don't want everything capitalized? Remove this:
td, p, body,a,a:visited,a:link{text-transform: uppercase;}
and tada! No more capitalization.

top of section.

top of page.

Style 2. »preview

To center this style: Add width:650px; to the #main line.

#n{width:630px;border-bottom:1px dotted #555;text-align:center;}

.contentModule div a img, #rating_ballot img{display:inline;}
.contentModule,.contentModuleTable{border:none;}

td,p,body{color:#333;font:7.5pt tahoma;}

A:link,A:visited,A:active,a,b{color:#CC0000;font:7.5pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color:#FF0000;}

i {font-family:georgia;font-weight:bold;color:#FF3333;}
u {text-decoration:none;border-bottom:1px dashed #990000;}

.contentModuleHeader, .contentModuleHeaderAlt {font:10pt arial;letter-spacing:4px;text-transform:lowercase;background:#FF3333;color:#850303;text-align:left;}

a.nav,a.nav:active,a.nav:link,a.nav:visited{display:inline;margin:1px;padding:3px;font-family:arial;font-size:12pt;}

body {background:#CC0000;}

</style //>

</i>

<div id="n">
<a href="/myaccount.phtml" class="nav">account</a> <a href="/petcentral.phtml" class="nav">central</a> <a href="/explore.phtml" class="nav">explore</a> <a href="/games/arcade.phtml" class="nav">games</a> <a href="/neoboards/index.phtml" class="nav">boards</a> <a href="/objects.phtml" class="nav">shops</a> <a href="/nf.phtml" class="nav">news</a> <a href="/video/index.phtml" class="nav">video</a> <a href="/mall/index.phtml" class="nav">mall</a> <a href="/~bonyyclubb" class="nav">css</a>
</div>

<div align="center">
text here <b>bold</b> <i>italic</i> <u>underline</u>

#n{width:630px;border-bottom:1px dotted #444;text-align:center;}

.contentModule div a img, #rating_ballot img{display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; color: #444;}

a:active,a:visited, a:link, a, b{color: #427C27; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; border:none;}

a:hover,a:hover b{color: #4BA332;}

i {font-family:georgia;font-weight:bold;color:#4BA332;}
u {text-decoration:none;border-bottom:1px dashed #2E541B;}

.contentModuleHeader, .contentModuleHeaderAlt {font:10pt arial;letter-spacing:4px;text-transform:lowercase;background:#4BA332;color:#2E541B;text-align:left;}

a.nav,a.nav:active,a.nav:link,a.nav:visited{display:inline;margin:1px;padding:3px;font-family:arial;font-size:12pt;}

body {background-color:#427C27;}

</style //>

</i>

<div align="center">
text here <b>bold</b> <i>italic</i> <u>underline</u>

#n{width:630px;border-bottom:1px dotted #777;text-align:center;}

.contentModule div a img, #rating_ballot img{display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; color: #444;}

a:active,a:visited, a:link, a, b{color: #E05988; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; border:none;}

a:hover,a:hover b{color: #F579A4;}

i {font-family:georgia;font-weight:bold;color:#F579A4;}
u {text-decoration:none;border-bottom:1px dashed #FF6699;}

.contentModuleHeader, .contentModuleHeaderAlt {font:10pt arial;letter-spacing:4px;text-transform:lowercase;background:#FF6699;color:#FFCB98;text-align:left;}

a.nav,a.nav:active,a.nav:link,a.nav:visited{display:inline;margin:1px;padding:3px;font-family:arial;font-size:12pt;}

body {background:#FF6699;}

</style //>

</i>

<div align="center">
text here <b>bold</b> <i>italic</i> <u>underline</u>

#n{width:630px;border-bottom:1px dotted #000;text-align:center;}

.contentModule div a img, #rating_ballot img{display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; color: #111;}

a:active,a:visited, a:link, a, b{color: #000; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; border:none;}

a:hover,a:hover b{color: #555;}

i {font-family:georgia;font-weight:bold;color:#555;}
u {text-decoration:none;border-bottom:1px dashed #111;}

.contentModuleHeader, .contentModuleHeaderAlt {font:10pt arial;letter-spacing:4px;text-transform:lowercase;background:#000;color:#FFF;text-align:left;}

a.nav,a.nav:active,a.nav:link,a.nav:visited{display:inline;margin:1px;padding:3px;font-family:arial;font-size:12pt;}

body {background-color:#000;}

</style //>

</i>

<div align="center">
text here <b>bold</b> <i>italic</i> <u>underline</u>

#n{width:630px;border-bottom:1px dotted #656565;text-align:center;}

.contentModule div a img, #rating_ballot img{display:inline;}
.contentModule,.contentModuleTable{border:none;}

td,p,body{color:#555;font:7.5pt tahoma;}

A:link,A:visited,A:active,a,b{color:#FF6100;font:7.5pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color:#FF9E5A;}

i {font-family:georgia;font-weight:bold;color:#F4833E;}
u {text-decoration:none;border-bottom:1px dashed #F67A2D;}

.contentModuleHeader, .contentModuleHeaderAlt {font:10pt arial;letter-spacing:4px;text-transform:lowercase;background:#FF6100;color:#FEAD74;text-align:left;}

a.nav,a.nav:active,a.nav:link,a.nav:visited{display:inline;margin:1px;padding:3px;font-family:arial;font-size:12pt;}

body {background:#FF6100;}

</style //>

</i>

<div align="center">
text here <b>bold</b> <i>italic</i> <u>underline</u>

#n{width:630px;border-bottom:1px dotted #888;text-align:center;}

.contentModule div a img, #rating_ballot img{display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; color: #777;}

a:active,a:visited, a:link, a, b{color: #53A9FF; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; border:none;}

a:hover,a:hover b{color: #9CCFFF;}

i {font-family:georgia;font-weight:bold;color:#77B3EE;}
u {text-decoration:none;border-bottom:1px dashed #53A9FF;}

.contentModuleHeader, .contentModuleHeaderAlt {font:10pt arial;letter-spacing:4px;text-transform:lowercase;background:#77B3EE;color:#428EDA;text-align:left;}

a.nav,a.nav:active,a.nav:link,a.nav:visited{display:inline;margin:1px;padding:3px;font-family:arial;font-size:12pt;}

body {background-color:#9CCFFF;}

</style //>

</i>

<div align="center">
text here <b>bold</b> <i>italic</i> <u>underline</u>

#n{width:630px;border-bottom:1px dotted #444;text-align:center;}

.contentModule div a img, #rating_ballot img{display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; color: #222;}

a:active,a:visited, a:link, a, b{color: #C61852; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; border:none;}

a:hover,a:hover b{color: #FF8C84;}

i {font-family:georgia;font-weight:bold;color:#DC487A;}
u {text-decoration:none;border-bottom:1px dashed #FF6699;}

.contentModuleHeader, .contentModuleHeaderAlt {font:10pt arial;letter-spacing:4px;text-transform:lowercase;background:#C61852;color:#FF8C84;text-align:left;}

a.nav,a.nav:active,a.nav:link,a.nav:visited{display:inline;margin:1px;padding:3px;font-family:arial;font-size:12pt;}

body {background:#C61852;}

</style //>

</i>

<div align="center">
text here <b>bold</b> <i>italic</i> <u>underline</u>

#n{width:630px;border-bottom:1px dotted #999;text-align:center;}

.contentModule div a img, #rating_ballot img{display:inline;}
.contentModule,.contentModuleTable{border:none;}

td,p,body{color:#888;font:7.5pt tahoma;}

A:link,A:visited,A:active,a,b{color:#D4B604;font:7.5pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color:#B9A831;}

i {font-family:georgia;font-weight:bold;color:#B9A831;}
u {text-decoration:none;border-bottom:1px dashed #FFCF2B;}

.contentModuleHeader, .contentModuleHeaderAlt {font:10pt arial;letter-spacing:4px;text-transform:lowercase;background:#E9C701;color:#888;text-align:left;}

a.nav,a.nav:active,a.nav:link,a.nav:visited{display:inline;margin:1px;padding:3px;font-family:arial;font-size:12pt;}

body {background:#FFCF2B;}

</style //>

</i>

<div align="center">
text here <b>bold</b> <i>italic</i> <u>underline</u>

#n{width:630px;border-bottom:1px dotted #656565;text-align:center;}

.contentModule div a img, #rating_ballot img{display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; color: #444;}

a:active,a:visited, a:link, a, b{color: #3757C9; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; border:none;}

a:hover,a:hover b{color: #6187F8;}

i {font-family:georgia;font-weight:bold;color:#6187F8;}
u {text-decoration:none;border-bottom:1px dashed #5379E7;}

.contentModuleHeader, .contentModuleHeaderAlt {font:10pt arial;letter-spacing:4px;text-transform:lowercase;background:#516DD0;color:#2E4596;text-align:left;}

a.nav,a.nav:active,a.nav:link,a.nav:visited{display:inline;margin:1px;padding:3px;font-family:arial;font-size:12pt;}

body {background-color:#3757C9;}

</style //>

</i>

<div align="center">
text here <b>bold</b> <i>italic</i> <u>underline</u>

#n{width:630px;border-bottom:1px dotted #555;text-align:center;}

.contentModule div a img, #rating_ballot img{display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; color: #333;}

a:active,a:visited, a:link, a, b{color: #805428; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; border:none;}

a:hover,a:hover b{color: #AC7135;}

i {font-family:georgia;font-weight:bold;color:#AC7135;}
u {text-decoration:none;border-bottom:1px dashed #A06932;}

.contentModuleHeader, .contentModuleHeaderAlt {font:10pt arial;letter-spacing:4px;text-transform:lowercase;background:#805428;color:#C58749;text-align:left;}

a.nav,a.nav:active,a.nav:link,a.nav:visited{display:inline;margin:1px;padding:3px;font-family:arial;font-size:12pt;}

body {background:#805428;}

</style //>

</i>

<div align="center">
text here <b>bold</b> <i>italic</i> <u>underline</u>

#n{width:630px;border-bottom:1px dotted #8C8C8C;text-align:center;}

.contentModule div a img, #rating_ballot img{display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; color: #8C8C8C;}

a:active,a:visited, a:link, a, b{color: #84BD42; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; border:none;}

a:hover,a:hover b{color: #A5D673;}

i {font-family:georgia;font-weight:bold;color:#97D15B;}
u {text-decoration:none;border-bottom:1px dashed #A7DB72;}

.contentModuleHeader, .contentModuleHeaderAlt {font:10pt arial;letter-spacing:4px;text-transform:lowercase;background:#A5D673;color:#8C8C8C;text-align:left;}

a.nav,a.nav:active,a.nav:link,a.nav:visited{display:inline;margin:1px;padding:3px;font-family:arial;font-size:12pt;}

body {background-color:#84BD42;}

</style //>

</i>

<div align="center">
text here <b>bold</b> <i>italic</i> <u>underline</u>

#n{width:630px;border-bottom:1px dotted #656565;text-align:center;}

.contentModule div a img, #rating_ballot img{display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; color: #333;}

a:active,a:visited, a:link, a, b{color: #553360; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; border:none;}

a:hover,a:hover b{color: #834F95;}

i {font-family:georgia;font-weight:bold;color:#834F95;}
u {text-decoration:none;border-bottom:1px dashed #A574B6;}

.contentModuleHeader, .contentModuleHeaderAlt {font:10pt arial;letter-spacing:4px;text-transform:lowercase;background:#553360;color:#A574B6;text-align:left;}

a.nav,a.nav:active,a.nav:link,a.nav:visited{display:inline;margin:1px;padding:3px;font-family:arial;font-size:12pt;}

body {background:#724581;}

</style //>

</i>

<div align="center">
text here <b>bold</b> <i>italic</i> <u>underline</u>

#n{width:630px;border-bottom:1px dotted #555;text-align:center;}

.contentModule div a img, #rating_ballot img{display:inline;}
.contentModule,.contentModuleTable{border:none;}

p, td, table, tr, td,u,b,.medText{font-family: tahoma; font-size:7.5pt; font-weight:normal; color: #555;}

a:active,a:visited, a:link, a, b{color: #555; text-decoration:none; font-family: tahoma; font-size:7.5pt; font-weight:bold; border:none;}

a:hover,a:hover b{color: #777;}

i {font-family:georgia;font-weight:bold;color:#777;}
u {text-decoration:none;border-bottom:1px dashed #999;}

.contentModuleHeader, .contentModuleHeaderAlt {font:10pt arial;letter-spacing:4px;text-transform:lowercase;background:#888;color:#333;text-align:left;}

a.nav,a.nav:active,a.nav:link,a.nav:visited{display:inline;margin:1px;padding:3px;font-family:arial;font-size:12pt;}

body {background:#555;}

</style //>

</i>

<div align="center">
text here <b>bold</b> <i>italic</i> <u>underline</u>

top of section.

top of page.

Style 3. »preview

To make your pet's name visible (meaning at the top of the page): Just remove margin-top:-30px; from the #main line.

Want UFT (no+yes) buttons to match this style? Click here!

#main {background:none;width:730px;border:none;margin-top:-30px;}
#content {width:730px;}
.contentModule,.contentModuleTable{border:none;}
.contentModuleContent{border-top:12px solid #CC0000;}

td,p,body,tr,.medText{color:#333;font:7.5pt tahoma;}

a,b,a:visited,a:link,a:active{color:#CC0000;font:7.5pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color:#FF0000;}

i {font-family:georgia;font-weight:bold;color:#FF3333;}
u {text-decoration:none;border-bottom:1px dashed #990000;}

h1{font:20pt century gothic;color:#850303;text-align:center;font-weight:normal;margin:0px;padding:0px;}

body {background:#850303;}

</style //>

</i>

</td>

text <b>bold</b> <i>italic</i> <u>underline</u>

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

#main {background:none;width:730px;border:none;margin-top:-30px;}
#content {width:730px;}
.contentModule,.contentModuleTable{border:none;}
.contentModuleContent{border-top:12px solid #4CA532;}

td,p,body,tr,.medText{color:#444;font:7.5pt tahoma;}

a,b,a:visited,a:link,a:active{color:#427C27;font:7.5pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color: #4BA332;}

i {font-family:georgia;font-weight:bold;color:#4BA332;}
u {text-decoration:none;border-bottom:1px dashed #2E541B;}

h1{font:20pt century gothic;color:#427C27;text-align:center;font-weight:normal;margin:0px;padding:0px;}

body {background-color:#427C27;}

</style //>

</i>

</td>

text <b>bold</b> <i>italic</i> <u>underline</u>

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

#main {background:none;width:730px;border:none;margin-top:-30px;}
#content {width:730px;}
.contentModule,.contentModuleTable{border:none;}
.contentModuleContent{border-top:12px solid #D25E86;}

td,p,body,tr,.medText{color:#444;font:7.5pt tahoma;}

a,b,a:visited,a:link,a:active{color:#E05988;font:7.5pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color: #F59FBD;}

i {font-family:georgia;font-weight:bold;color:#F579A4;}
u {text-decoration:none;border-bottom:1px dashed #FF6699;}

h1{font:20pt century gothic;color:#E05988;text-align:center;font-weight:normal;margin:0px;padding:0px;}

body {background:#FF6699;}

</style //>

</i>

</td>

text <b>bold</b> <i>italic</i> <u>underline</u>

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

#main {background:none;width:730px;border:none;margin-top:-30px;}
#content {width:730px;}
.contentModule,.contentModuleTable{border:none;}
.contentModuleContent{border-top:12px solid #555;}

td,p,body,tr,.medText{color:#111;font:7.5pt tahoma;}

a,b,a:visited,a:link,a:active{color:#000;font:7.5pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color:#444;}

i {font-family:georgia;font-weight:bold;color:#333;}
u {text-decoration:none;border-bottom:1px dashed #111;}

h1{font:20pt century gothic;color:#000;text-align:center;font-weight:normal;margin:0px;padding:0px;}

body {background:#000;}

</style //>

</i>

</td>

text <b>bold</b> <i>italic</i> <u>underline</u>

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

#main {background:none;width:730px;border:none;margin-top:-30px;}
#content {width:730px;}
.contentModule,.contentModuleTable{border:none;}
.contentModuleContent{border-top:12px solid #FF9E5A;}

td,p,body,tr,.medText{color:#555;font:7.5pt tahoma;}

a,b,a:visited,a:link,a:active{color:#FF6100;font:7.5pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color:#FF9E5A;}

i {font-family:georgia;font-weight:bold;color:#F4833E;}
u {text-decoration:none;border-bottom:1px dashed #F67A2D;}

h1{font:20pt century gothic;color:#FF6100;text-align:center;font-weight:normal;margin:0px;padding:0px;}

body {background:#FF6100;}

</style //>

</i>

</td>

text <b>bold</b> <i>italic</i> <u>underline</u>

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

#main {background:none;width:730px;border:none;margin-top:-30px;}
#content {width:730px;}
.contentModule,.contentModuleTable{border:none;}
.contentModuleContent{border-top:12px solid #53A9FF;}

td,p,body,tr,.medText{color:#777;font:7.5pt tahoma;}

a,b,a:visited,a:link,a:active{color:#53A9FF;font:7.5pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color: #9CCFFF;}

i {font-family:georgia;font-weight:bold;color:#77B3EE;}
u {text-decoration:none;border-bottom:1px dashed #53A9FF;}

h1{font:20pt century gothic;color:#53A9FF;text-align:center;font-weight:normal;margin:0px;padding:0px;}

body {background-color:#9CCFFF;}

</style //>

</i>

</td>

text <b>bold</b> <i>italic</i> <u>underline</u>

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

#main {background:none;width:730px;border:none;margin-top:-30px;}
#content {width:730px;}
.contentModule,.contentModuleTable{border:none;}
.contentModuleContent{border-top:12px solid #DC487A;}

td,p,body,tr,.medText{color:#222;font:7.5pt tahoma;}

a,b,a:visited,a:link,a:active{color:#C61852;font:7.5pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color: #FF8C84;}

i {font-family:georgia;font-weight:bold;color:#DC487A;}
u {text-decoration:none;border-bottom:1px dashed #FF6699;}

h1{font:20pt century gothic;color:#C61852;text-align:center;font-weight:normal;margin:0px;padding:0px;}

body {background:#C61852;}

</style //>

</i>

</td>

text <b>bold</b> <i>italic</i> <u>underline</u>

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

#main {background:none;width:730px;border:none;margin-top:-30px;}
#content {width:730px;}
.contentModule,.contentModuleTable{border:none;}
.contentModuleContent{border-top:12px solid #D4B604;}

td,p,body,tr,.medText{color:#888;font:7.5pt tahoma;}

a,b,a:visited,a:link,a:active{color:#D4B604;font:7.5pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color:#B9A831;}

i {font-family:georgia;font-weight:bold;color:#B9A831;}
u {text-decoration:none;border-bottom:1px dashed #FFCF2B;}

h1{font:20pt century gothic;color:#D4B604;text-align:center;font-weight:normal;margin:0px;padding:0px;}

body {background:#FFCF2B;}

</style //>

</i>

</td>

text <b>bold</b> <i>italic</i> <u>underline</u>

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

#main {background:none;width:730px;border:none;margin-top:-30px;}
#content {width:730px;}
.contentModule,.contentModuleTable{border:none;}
.contentModuleContent{border-top:12px solid #6187F8;}

td,p,body,tr,.medText{color:#444;font:7.5pt tahoma;}

a,b,a:visited,a:link,a:active{color:#3757C9;font:7.5pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color: #6187F8;}

i {font-family:georgia;font-weight:bold;color:#6187F8;}
u {text-decoration:none;border-bottom:1px dashed #5379E7;}

h1{font:20pt century gothic;color:#3757C9;text-align:center;font-weight:normal;margin:0px;padding:0px;}

body {background-color:#3757C9;}

</style //>

</i>

</td>

text <b>bold</b> <i>italic</i> <u>underline</u>

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

#main {background:none;width:730px;border:none;margin-top:-30px;}
#content {width:730px;}
.contentModule,.contentModuleTable{border:none;}
.contentModuleContent{border-top:12px solid #B67A3D;}

td,p,body,tr,.medText{color:#333;font:7.5pt tahoma;}

a,b,a:visited,a:link,a:active{color:#805428;font:7.5pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color: #AC7135;}

i {font-family:georgia;font-weight:bold;color:#AC7135;}
u {text-decoration:none;border-bottom:1px dashed #A06932;}

h1{font:20pt century gothic;color:#805428;text-align:center;font-weight:normal;margin:0px;padding:0px;}

body {background:#805428;}

</style //>

</i>

</td>

text <b>bold</b> <i>italic</i> <u>underline</u>

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

#main {background:none;width:730px;border:none;margin-top:-30px;}
#content {width:730px;}
.contentModule,.contentModuleTable{border:none;}
.contentModuleContent{border-top:12px solid #A7DB72;}

td,p,body,tr,.medText{color:#8C8C8C;font:7.5pt tahoma;}

a,b,a:visited,a:link,a:active{color:#84BD42;font:7.5pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color: #A5D673;}

i {font-family:georgia;font-weight:bold;color:#97D15B;}
u {text-decoration:none;border-bottom:1px dashed #A7DB72;}

h1{font:20pt century gothic;color:#84BD42;text-align:center;font-weight:normal;margin:0px;padding:0px;}

body {background-color:#84BD42;}

</style //>

</i>

</td>

text <b>bold</b> <i>italic</i> <u>underline</u>

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

#main {background:none;width:730px;border:none;margin-top:-30px;}
#content {width:730px;}
.contentModule,.contentModuleTable{border:none;}
.contentModuleContent{border-top:12px solid #553360;}

td,p,body,tr,.medText{color:#333;font:7.5pt tahoma;}

a,b,a:visited,a:link,a:active{color:#553360;font:7.5pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color: #834F95;}

i {font-family:georgia;font-weight:bold;color:#834F95;}
u {text-decoration:none;border-bottom:1px dashed #A574B6;}

h1{font:20pt century gothic;color:#724581;text-align:center;font-weight:normal;margin:0px;padding:0px;}

body {background:#724581;}

</style //>

</i>

</td>

text <b>bold</b> <i>italic</i> <u>underline</u>

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

#main {background:none;width:730px;border:none;margin-top:-30px;}
#content {width:730px;}
.contentModule,.contentModuleTable{border:none;}
.contentModuleContent{border-top:12px solid #3C3C3C;}

td,p,body,tr,.medText{color:#555;font:7.5pt tahoma;}

a,b,a:visited,a:link,a:active{color:#555;font:7.5pt tahoma;text-decoration:none;font-weight:bold;border:none;}

a:hover,a:hover b{color: #777;}

i {font-family:georgia;font-weight:bold;color:#777;}
u {text-decoration:none;border-bottom:1px dashed #999;}

h1{font:20pt century gothic;color:#555;text-align:center;font-weight:normal;margin:0px;padding:0px;}

body {background:#555;}

</style //>

</i>

</td>

text <b>bold</b> <i>italic</i> <u>underline</u>

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

top of section.

top of page.

PET PAGES

Style.1 Style.2 Style.3 Misc.

Style 1. »preview

BODY {background-color:#ccc;}

td,p,body,font,a,.medText,u,b{font:9pt tahoma;color:#363636;letter-spacing:0.5px;}

b{color:#9933FF;letter-spacing:font-weight:bold;}

a:hover,a:hover b{color:#E0E0E0;}

i{color:#BADA09;font:9pt georgia;font-style:italic;font-weight:bold;}

A:link,A:visited,A:active,a,b{font:9pt tahoma;color:#8500FF;font-weight:bold;text-decoration:none;}

h1{background-color:#9933FF;font:16pt courier;border-bottom:3px solid #BADA09;letter-spacing:1px;text-align:right;text-transform:uppercase;margin:0px;color:#FFF;}

</style //>

<h1>title here</h1>
<br>
<b>bold</b> <i>italic</i> <u>underline</u>

<h1>title here</h1>
<br>
text here

<h1>title here</h1>
<br>
text here

<h1>Credit*</h1>
this pet page layout was made by fruit20. click <a href="/~bonyyclubb">here</a> for css.

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

BODY {background-color:#5C5C5C;}

td,p,body,font,a,.medText,u,b{font:9pt tahoma;color:#363636;letter-spacing:0.5px;}

b{color:#FB066B;letter-spacing:1px;font-weight:bold;}

a:hover,a:hover b{color:#89D8D7;}

i{color:#89D8D7;font:9pt georgia;font-style:italic;font-weight:bold;}

A:link,A:visited,A:active,a,b{font:9pt tahoma;color:#FB066B;font-weight:bold;text-decoration:none;}

h1{background-color:#FB066B;font:16pt courier;border-bottom:3px solid #89D8D7;letter-spacing:1px;text-align:right;text-transform:uppercase;margin:0px;color:#FFF;}

</style //>

<h1>title here</h1>
<br>
<b>bold</b> <i>italic</i> <u>underline</u>

<h1>title here</h1>
<br>
text here

<h1>title here</h1>
<br>
text here

<h1>Credit*</h1>
this pet page layout was made by fruit20. click <a href="/~bonyyclubb">here</a> for css.

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

BODY {background-color:#000;}

td,p,body,font,a,.medText,u,b{font:9pt tahoma;color:#363636;letter-spacing:0.5px;}

b{color:#830303;letter-spacing:1px;font-weight:bold;}

a:hover,a:hover b{color:#A8B1AD;}

i{color:#A8B1AD;font:9pt georgia;font-style:italic;font-weight:bold;}

A:link,A:visited,A:active,a,b{font:9pt tahoma;color:#830303;font-weight:bold;text-decoration:none;}

h1{background-color:#830303;font:16pt courier;border-bottom:3px solid #A8B1AD;letter-spacing:1px;text-align:right;text-transform:uppercase;margin:0px;color:#FFF;}

</style //>

<h1>title here</h1>
<br>
<b>bold</b> <i>italic</i> <u>underline</u>

<h1>title here</h1>
<br>
text here

<h1>title here</h1>
<br>
text here

<h1>Credit*</h1>
this pet page layout was made by fruit20. click <a href="/~bonyyclubb">here</a> for css.

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

BODY {background-color:#FFFF33;}

td,p,body,font,a,.medText,u,b{font:9pt tahoma;color:#363636;letter-spacing:0.5px;}

b{color:#FF0B9A;letter-spacing:1px;font-weight:bold;}

a:hover,a:hover b{color:#FF9909;}

i{color:#FF9909;font:9pt georgia;font-style:italic;font-weight:bold;}

A:link,A:visited,A:active,a,b{font:9pt tahoma;color:#FF0B9A;font-weight:bold;text-decoration:none;}

h1{background-color:#FF0B9A;font:16pt courier;border-bottom:3px solid #FF9909;letter-spacing:1px;text-align:right;text-transform:uppercase;margin:0px;color:#FFF;}

</style //>

<h1>title here</h1>
<br>
<b>bold</b> <i>italic</i> <u>underline</u>

<h1>title here</h1>
<br>
text here

<h1>title here</h1>
<br>
text here

<h1>Credit*</h1>
this pet page layout was made by fruit20. click <a href="/~bonyyclubb">here</a> for css.

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

top of section.

top of page.

Style 2. »preview

.sf, table{display:none;}

#b{width:510px;background:#D7EDEC;border-right:15px solid #6BB4B6;border-bottom:15px solid #6BB4B6;margin-top:0px;margin-left:0px;}
#p{padding:5px;}

td,p,body,tr,.medText{font:8pt tahoma;color:#777;}

a:link, a:visited, a:active, a b, a, b{font:8pt tahoma;color:#6CBAC7;text-decoration:none;font-weight:bold;}

i{color:#497F8E;}
u{text-decoration:none;border-bottom:1px solid #6BB4B6;}

a:hover,a:hover b{cursor:default;border-bottom:1px solid #497F8E;}

h1{color:#D7EDEC;padding:30px;font-weight:normal;font-family:arial;margin:0px;font-size:20pt;text-align:center;background-color:#6BB4B6;padding-bottom:10px;font-style:italic;text-transform:uppercase;}

h2{color:#589DB0;padding:5px;font-weight:normal;font-family:arial;margin:0px;font-size:9pt;text-align:right;padding-bottom:0px;border-bottom:2px solid #93D2CF;text-transform:uppercase;padding-bottom:0px;width:490px;}

body{background:#497F8E;}

</style //>

<div id="b" align="center">
<h1>main header</h1>

<h2>sub-header</h2>
<br>
<b>bold</b> <i>italic</i> <u>underline</u>
<br>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
<br><br>

<h2>credit</h2>
<br>
this pet page layout was made by <b>sam (fruit20)</b>. click <a href="/~bonyyclubb">here</a> for css.
<br><br>
</div></div></div></div></div></div>

.sf, table{display:none;}

#b{width:510px;background:#E2F3C3;border-right:15px solid #695F74;border-bottom:15px solid #695F74;margin-top:0px;margin-left:0px;}
#p{padding:5px;}

td,p,body,tr,.medText{font:8pt tahoma;color:#555;}

a:link, a:visited, a:active, a b, a, b{font:8pt tahoma;color:#63476C;text-decoration:none;font-weight:bold;}

i{color:#4F1243;}
u{text-decoration:none;border-bottom:1px solid #829363;}

a:hover,a:hover b{cursor:default;border-bottom:1px solid #4F1243;}

h1{color:#D9EFB3;padding:30px;font-weight:normal;font-family:arial;margin:0px;font-size:20pt;text-align:center;background-color:#695F74;padding-bottom:10px;font-style:italic;text-transform:uppercase;}

h2{color:#829363;padding:5px;font-weight:normal;font-family:arial;margin:0px;font-size:9pt;text-align:right;padding-bottom:0px;border-bottom:2px solid #AA9ABB;text-transform:uppercase;padding-bottom:0px;width:490px;}

body{background:#4F1243;}

</style //>

<div id="b" align="center">
<h1>main header</h1>

<h2>credit</h2>
<br>
this pet page layout was made by <b>sam (fruit20)</b>. click <a href="/~bonyyclubb">here</a> for css.
<br><br>
</div></div></div></div></div></div>

.sf, table{display:none;}

#b{width:510px;background:#F9F2E7;border-right:15px solid #AEE239;border-bottom:15px solid #AEE239;margin-top:0px;margin-left:0px;}
#p{padding:5px;}

td,p,body,tr,.medText{font:8pt tahoma;color:#666;}

a:link, a:visited, a:active, a b, a, b{font:8pt tahoma;color:#40C0CB;text-decoration:none;font-weight:bold;}

i{color:#8FBE00;}
u{text-decoration:none;border-bottom:1px solid #8FBE00;}

a:hover,a:hover b{cursor:default;border-bottom:1px solid #8FBE00;}

h1{color:#EEE;padding:30px;font-weight:normal;font-family:arial;margin:0px;font-size:20pt;text-align:center;background-color:#AEE239;padding-bottom:10px;font-style:italic;text-transform:uppercase;}

h2{color:#40C0CB;padding:5px;font-weight:normal;font-family:arial;margin:0px;font-size:9pt;text-align:right;padding-bottom:0px;border-bottom:2px solid #8FBE00;text-transform:uppercase;padding-bottom:0px;width:490px;}

body{background:#00A8C6;}

</style //>

<div id="b" align="center">
<h1>main header</h1>

<h2>credit</h2>
<br>
this pet page layout was made by <b>sam (fruit20)</b>. click <a href="/~bonyyclubb">here</a> for css.
<br><br>
</div></div></div></div></div></div>

.sf, table{display:none;}

#b{width:510px;background:#FCF8BC;border-right:15px solid #CACF43;border-bottom:15px solid #D6156C;margin-top:0px;margin-left:0px;}
#p{padding:5px;}

td,p,body,tr,.medText{font:8pt tahoma;color:#333;}

a:link, a:visited, a:active, a b, a, b{font:8pt tahoma;color:#0B8C8F;text-decoration:none;font-weight:bold;}

i{color:#D6156C;}
u{text-decoration:none;border-bottom:1px solid #CACF43;}

a:hover,a:hover b{cursor:default;border-bottom:1px solid #CACF43;}

h1{color:#FCF8BC;padding:30px;font-weight:normal;font-family:arial;margin:0px;font-size:20pt;text-align:center;background-color:#0B8C8F;padding-bottom:10px;font-style:italic;text-transform:uppercase;}

h2{color:#D6156C;padding:5px;font-weight:normal;font-family:arial;margin:0px;font-size:9pt;text-align:right;padding-bottom:0px;border-bottom:2px solid #CACF43;text-transform:uppercase;padding-bottom:0px;width:490px;}

body{background:#2B2825;}

</style //>

<div id="b" align="center">
<h1>main header</h1>

<h2>credit</h2>
<br>
this pet page layout was made by <b>sam (fruit20)</b>. click <a href="/~bonyyclubb">here</a> for css.
<br><br>
</div></div></div></div></div></div>

top of section.

top of page.

Style 3. »preview

td,p,body,tr,.medText{color:#555;font-size:7.5pt;font-family:tahoma;font-weight:none;}

i{color:#3A384E;}
u{color:#8DA6AB;}

a:link,a:visited,a:active,a,a b,b{color:#47526E;text-decoration:none;font-size:7.5pt;font-family:arial;font-weight:bold;}

a:hover,a:hover b{color:#DADADA;text-decoration:none;}

h1{font-family:arial;letter-spacing:3px;font-size:30pt;color:#C1C5B6;text-align:left;background-color:none;margin:0px;padding:0px;}

h2{font-family:arial;letter-spacing:-1pt;font-size:16pt;color:#47526E;text-align:right;background-color:#8DA6AB;margin:0px;padding:7px;padding-left:5px;}

body{background-color:#3A384E;}

</style //>

</i>

<h1>main header</h1>

<h2>header 2</h2>
<br>
text <b>bold</b> <i>italic</i> <u>underline</u> <a href="/index.phtml">link</a>
<br><br>

<h2>header 2</h2>
<br>
text text text
<br><br>

<h2>credit</h2>
<br>
this pet page layout was made by <b>sam(fruit20)</b>. click <a href="/~bonyyclubb">here</a> for css.

td,p,body,tr,.medText{color:#6C6C6C;font-size:7pt;font-family:tahoma;font-weight:none;}

i{color:#96C433;}
u{color:#55AF9B;}

a:link,a:visited,a:active,a,a b,b{color:#318C78;text-decoration:none;font-size:7.5pt;font-family:arial;font-weight:bold;}

a:hover,a:hover b{color:#CAFF85;text-decoration:none;}

h1{font-family:arial;letter-spacing:3px;font-size:30pt;color:#318C78;text-align:left;background-color:none;margin:0px;padding:0px;}

h2{font-family:arial;letter-spacing:-1pt;font-size:16pt;color:#CAFF85;text-align:right;background-color:#96C433;margin:0px;padding:7px;padding-left:5px;}

body{background-color:#332218;}

</style //>

</i>

<h1>main header</h1>

<h2>header 2</h2>
<br>
text <b>bold</b> <i>italic</i> <u>underline</u> <a href="/index.phtml">link</a>
<br><br>

<h2>header 2</h2>
<br>
text text text
<br><br>

<h2>credit</h2>
<br>
this pet page layout was made by <b>sam(fruit20)</b>. click <a href="/~bonyyclubb">here</a> for css.

td,p,body,tr,.medText{color:#555;font-size:7.5pt;font-family:tahoma;font-weight:none;}

i{color:#4C5A5F;}
u{color:#B8C3B2;}

a:link,a:visited,a:active,a,a b,b{color:#B82A66;text-decoration:none;font-size:7.5pt;font-family:arial;font-weight:bold;}

a:hover,a:hover b{color:#DADADA;text-decoration:none;}

h1{font-family:arial;letter-spacing:3px;font-size:30pt;color:#B8C3B2;text-align:left;background-color:none;margin:0px;padding:0px;}

h2{font-family:arial;letter-spacing:-1pt;font-size:16pt;color:#B82A66;text-align:right;background-color:#DDCEBD;margin:0px;padding:7px;padding-left:5px;}

body{background-color:#4C5A5F;}

</style //>

</i>

<h1>main header</h1>

<h2>header 2</h2>
<br>
text <b>bold</b> <i>italic</i> <u>underline</u> <a href="/index.phtml">link</a>
<br><br>

<h2>header 2</h2>
<br>
text text text
<br><br>

<h2>credit</h2>
<br>
this pet page layout was made by <b>sam(fruit20)</b>. click <a href="/~bonyyclubb">here</a> for css.

td,p,body,tr,.medText{color:#777;font-size:7.5pt;font-family:tahoma;font-weight:none;}

i{color:#F79A87;}
u{color:#FFAE6B;}

a:link,a:visited,a:active,a,a b,b{color:#72B5A4;text-decoration:none;font-size:7.5pt;font-family:arial;font-weight:bold;}

a:hover,a:hover b{color:#F2CEAB;text-decoration:none;}

h1{font-family:arial;letter-spacing:3px;font-size:30pt;color:#72B5A4;text-align:left;background-color:none;margin:0px;padding:0px;}

h2{font-family:arial;letter-spacing:-1pt;font-size:16pt;color:#F2CEAB;text-align:right;background-color:#F79A87;margin:0px;padding:7px;padding-left:5px;}

body{background-color:#595757;}

</style //>

</i>

<h1>main header</h1>

<h2>header 2</h2>
<br>
text <b>bold</b> <i>italic</i> <u>underline</u> <a href="/index.phtml">link</a>
<br><br>

<h2>header 2</h2>
<br>
text text text
<br><br>

<h2>credit</h2>
<br>
this pet page layout was made by <b>sam(fruit20)</b>. click <a href="/~bonyyclubb">here</a> for css.

td,p,body,tr,.medText{color:#777;font-size:7.5pt;font-family:tahoma;font-weight:none;}

i{color:#575F7A;}
u{color:#F2A574;}

a:link,a:visited,a:active,a,a b,b{color:#BF5E74;text-decoration:none;font-size:7.5pt;font-family:arial;font-weight:bold;}

a:hover,a:hover b{color:#A3B2B8;text-decoration:none;}

h1{font-family:arial;letter-spacing:3px;font-size:30pt;color:#BF5E74;text-align:left;background-color:none;margin:0px;padding:0px;}

h2{font-family:arial;letter-spacing:-1pt;font-size:16pt;color:#F2E9C2;text-align:right;background-color:#A3B2B8;margin:0px;padding:7px;padding-left:5px;}

body{background-color:#575F7A;}

</style //>

</i>

<h1>main header</h1>

<h2>header 2</h2>
<br>
text <b>bold</b> <i>italic</i> <u>underline</u> <a href="/index.phtml">link</a>
<br><br>

<h2>header 2</h2>
<br>
text text text
<br><br>

<h2>credit</h2>
<br>
this pet page layout was made by <b>sam(fruit20)</b>. click <a href="/~bonyyclubb">here</a> for css.

top of section.

top of page.

Miscellaneous.

Drag images to address bar to see a bigger preview :)

td,p,body,font,a,.medText,u,b{font-size:7.5pt;font-family:arial;color:#555;}

A:link,A:visited,A:active,b,a{font-size:7.5pt;font-family:arial;color:#F1468E;font-weight:bold;text-decoration:none;}

a:hover,a:hover b,a:hover visited,a:hover active,a:hover link{color:#EFC811;}

i{font-family:georgia;color:#FAA540;}
u{text-decoration:none;border-bottom:1px solid #34C6F0;}

h1{background-color:#BAED31;font:14pt century gothic;letter-spacing:1px;text-align:right;color:#000;border-left:20px solid #FAA540;padding:4px;margin:0px;}

body {background-color:#34C6F0;}

</style //>

<h1>header</h1>
<br>
text here <b>bold</b> <i>italic</i> <u>underline</u>

<h1>header</h1>
<br>
more text yay~

<h1>credit</h1>
<br>
this pet page layout was made by <b>sam/fruit20</b>. click <a href="/~bonyyclubb">here</a> for css.

COMING

SOON!

top of section.

top of page.

GALLERY & SHOP

Gallery: S.1 S.2 __ Shop: S.1 S.2

INFO: Gallery layouts working again, except not with position. Shops still having issues, though if you use the tags like in the shop codes below without "invalid words" then you can do basic css.

Gallery Style 1. »preview

Shop Style 1. »preview

top of section.

top of page.

GUILD

Down for maintenance.

top of section.

top of page.

CHANGES

1. User Lookup Headers
2. Backgrounds
3. Big Fonts

4. Image Sizing
5. #main Info
6. Extra

7. New tags, Get rid of Nickelodeon bar, + Position problems.

Position means you have something like this in your code:

top of section.

top of page.

CREDITS / FINAL NOTE

All content © Sam / fruit20, except: Style Shoe © Shoe / spybook.

Backgrounds for style 2 made by me.

Special thanks to: friends who've helped and affiliates.

And most importantly, thank YOU for visiting my page! If you have any comments/questions/suggestions, feel free to neomail me, but PLEASE read this before you do. Thanks, and have a wonderful day!

NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2009.
® denotes Reg. US Pat. & TM Office. All rights reserved.
PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions

SAM'S PREMADE CSS

Welcome!

Rules.

Updates.

Link back.

AFFILIATES

Status: CLOSED - however, I'm allowing directory sites.

USER LOOKUPS

Style 1. »preview

Style 2. »preview

Style 3. »preview

Style 4. »preview

Style 5. »preview

Style 6. »preview

Style 7. »preview

Style 8. »preview

Style Shoe. »preview

Why is it called Style Shoe, you wonder? Well my lovely friend Shoe let me put her css on my page! Yay thanks Shoey ILY! - All credit goes to her! I don't claim any part of these lookups. All i did was change the colors, and alter the coding a little.

Miscellaneous.

Drag images to address bar to see a bigger preview :)

PET LOOKUPS

Style 1. »preview

Don't want everything capitalized? Remove this: td, p, body,a,a:visited,a:link{text-transform: uppercase;} and tada! No more capitalization.

Style 2. »preview

To center this style: Add width:650px; to the #main line.

Style 3. »preview

To make your pet's name visible (meaning at the top of the page): Just remove margin-top:-30px; from the #main line. Want UFT (no+yes) buttons to match this style? Click here!

PET PAGES

Style 1. »preview

Style 2. »preview

Style 3. »preview

Miscellaneous.

Drag images to address bar to see a bigger preview :)

GALLERY & SHOP

INFO: Gallery layouts working again, except not with position. Shops still having issues, though if you use the tags like in the shop codes below without "invalid words" then you can do basic css.

Gallery Style 1. »preview

Shop Style 1. »preview

GUILD

CHANGES

CREDITS / FINAL NOTE

Don't want everything capitalized? Remove this:
td, p, body,a,a:visited,a:link{text-transform: uppercase;}
and tada! No more capitalization.

To make your pet's name visible (meaning at the top of the page): Just remove margin-top:-30px; from the #main line.

Want UFT (no+yes) buttons to match this style? Click here!