Home

---

Rules

---

From Concentrate

---

Banners

---

Fresh Squeezed

---

Sitely

Orange Juice

Welcome

Hello, my name is Calico (rinalae), and my partner is Lykos (huthoefer). Together we design and code layouts. I have the coding skills, and he is good at aesthetics and images. I can also make certain graphics. We opened on November 19, 2011, so we are fairly new. Please forgive the limited materials here, as it will grow as we age. I can do banners, petpage layouts, and petlookups. Please only ask for those.

Updates

Rules

Please read!

I only do neopet graphics, specifically the backgrounds they provide.
Leave credit. It can be a plain text link or one of my buttons.
Please use the form. It makes it easier for me to know what you want.
Say please and thank you and the end of your neomail. Manners are very important, and many people lack them these days.
If you do not say please and thank you, I have the right to reject your request. I can also reject it if it is inappropriate for Neopets, or outside of my abilities.
Do not claim these layouts as your own, I will eat you if you do.
And then I will spit you out in pieces.
Please don't neomail me after I confirm your request asking when it'll be done, I am busy sometimes, and it may take longer. I will not refuse to do the request if you do neomail me with the question, though, because chances are I'm almost done.
To save the page, you have to minimize/zoom till you find the save button. (control and + or control and -)
I will put the page under my portfolio. If you wish that I do not put it there, please state so in your request.
If you request an imaged anchored page and I only have to use a neopet background, I'm going to put it under premades for it because it doesn't contain your artwork.
I will confirm that I got your request after you send it. And then I will put you up on the waiting list.
I am willing to re-do graphics and layouts if you do not like them. I will not take offense and I will try my best to get it right.
Feel free to neomail me questions, and I will help you with the best of my abilities.
I will finish requests in the order I receive them in. I will not discriminate.

Request

Fill out the form!

Petpage with columns
Your name: Color scheme: Banner image: Banner text: # of columns: How do you save the page: What do you say?:

Image anchored petpage layout
Your name: Image: How do you save the page: Special stuff?: # of pages: What do you say?:

Petlookup
Your name: Color scheme: Banner image: Banner text: Other details: What do you say?:

Banner
Your name: Image: Text: Specifics: What do you say?:



Waiting List
1. empty
2. empty
3. empty
4. empty
5. empty

From Concentrate

Drag image to address bar to view

One Column

Red <style> a:link, a:visited { color: #a60400; text-decoration: underline; } a:hover, a:active { color: #ff4540; text-decoration: line-through; } body { background: #700300; color: #a60400; font-family: arial; font-size: 14px; } h1 { background: #a60400; color: #ff7673; font-size: 25px; height: 30px; padding: 5px; } #main { background: #ff7673; border: 2px solid #a60400; margin-left: 350px; margin-top: 10px; text-align: justify; width: 700px; } .sf { font-size: 1; } .sf a { font-size: 1; } textarea { background: #ff7673; border: #a60400 solid 2px; color: #a60400; height: 20px; font-family: arial; font-size: 10px; overflow: hidden; width: 88px; } </style> <div id="main" style="position: absolute;"> <h1>Title</h1> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 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><center> CSS by<br><a href="/~inglorified"><img src="http://i1193.photobucket.com/albums/aa351/cutzemoo/ojbutton.png"></a> </center> </div>	Orange <style> a:link, a:visited { color: #a85e00; text-decoration: underline; } a:hover, a:active { color: #c18024; text-decoration: line-through; } body { background: #ff8e00; color: #a85e00; font-family: arial; font-size: 14px; } h1 { background: #a85e00; color: #ffc174; font-size: 25px; height: 30px; padding: 5px; } #main { background: #ffc174; border: 2px solid #a85e00; margin-left: 350px; margin-top: 10px; text-align: justify; width: 700px; } .sf { font-size: 1; } .sf a { font-size: 1; } textarea { background: #ffc174; border: #a85e00 solid 2px; color: #a85e00; height: 20px; font-family: arial; font-size: 10px; overflow: hidden; width: 88px; } </style> <div id="main" style="position: absolute;"> <h1>Title</h1> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 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><center> CSS by<br><a href="/~inglorified"><img src="http://i1193.photobucket.com/albums/aa351/cutzemoo/ojbutton.png"></a> </center> </div>	Yellow <style> a:link, a:visited { color: #aa8900; text-decoration: underline; } a:hover, a:active { color: #c18024; text-decoration: line-through; } body { background: #b29100; color: #aa8900; font-family: arial; font-size: 14px; } h1 { background: #aa8900; color: #000000; font-size: 25px; height: 30px; padding: 5px; } #main { background: #ffe574; border: 2px solid #aa8900; margin-left: 350px; margin-top: 10px; text-align: justify; width: 700px; } .sf { font-size: 1; } .sf a { font-size: 1; } textarea { background: #ffe574; border: #aa8900 solid 2px; color: #aa8900; height: 20px; font-family: arial; font-size: 10px; overflow: hidden; width: 88px; } </style> <div id="main" style="position: absolute;"> <h1>Title</h1> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 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><center> CSS by<br><a href="/~inglorified"><img src="http://i1193.photobucket.com/albums/aa351/cutzemoo/ojbutton.png"></a> </center> </div>	Green <style> a:hover, a:active { color: #2a8e25; text-decoration: line-through; } a:link, a:visited { color: #056b00; text-decoration: underline; } body { background: #0acd00; color: #056b00; font-family: arial; font-size: 14px; } h1 { background: #adf1aa; color: #056b00; font-size: 25px; height: 30px; padding: 5px; } #main { background: #adf1aa; border: 2px solid #056b00; margin-left: 350px; margin-top: 10px; text-align: justify; width: 700px; } .sf { font-size: 1; } .sf a { font-size: 1; } textarea { background: #adf1aa; border: #056b00 solid 2px; color: #056b00; height: 20px; font-family: arial; font-size: 10px; overflow: hidden; width: 88px; } </style> <div id="main" style="position: absolute;"> <h1>Title</h1> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 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><center> CSS by<br><a href="/~inglorified"><img src="http://i1193.photobucket.com/albums/aa351/cutzemoo/ojbutton.png"></a> </center> </div>
Blue <style> a:hover, a:active { color: #3c9dd0; text-decoration: line-through; } a:link, a:visited { color: #034569; text-decoration: underline; } body { background: #086ca2; color: #034569; font-family: arial; font-size: 14px; } h1 { background: #034569; color: #64aad0; font-size: 25px; height: 30px; padding: 5px; } #main { background: #64aad0; border: 2px solid #034569; margin-left: 350px; margin-top: 10px; text-align: justify; width: 700px; } .sf { font-size: 1; } .sf a { font-size: 1; } textarea { background: #64aad0; border: #034569 solid 2px; color: #034569; height: 20px; font-family: arial; font-size: 10px; overflow: hidden; width: 88px; } </style> <div id="main" style="position: absolute;"> <h1>Title</h1> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 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><center> CSS by<br><a href="/~inglorified"><img src="http://i1193.photobucket.com/albums/aa351/cutzemoo/ojbutton.png"></a> </center> </div>	Purple <style> a:hover, a:active { color: #581e75; text-decoration: line-through; } a:link, a:visited { color: #430065; text-decoration: underline; } body { background: #69009e; color: #430065; font-family: arial; font-size: 14px; } h1 { background: #430065; color: #afcde8; font-size: 25px; height: 30px; padding: 5px; } #main { background: #afcde8; border: 2px solid #430065; margin-left: 350px; margin-top: 10px; text-align: justify; width: 700px; } .sf { font-size: 1; } .sf a { font-size: 1; } textarea { background: #086ca2; border: #430065 solid 2px; color: #430065; height: 20px; font-family: arial; font-size: 10px; overflow: hidden; width: 88px; } </style> <div id="main" style="position: absolute;"> <h1>Title</h1> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 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><center> CSS by<br><a href="/~inglorified"><img src="http://i1193.photobucket.com/albums/aa351/cutzemoo/ojbutton.png"></a> </center> </div>	Grey <style> a:hover, a:active { color: #c2c3c1; text-decoration: line-through; } a:link, a:visited { color: #5d5e5d; text-decoration: underline; } body { background: #7c7d7b; color: #5d5e5d; font-family: arial; font-size: 14px; } h1 { background: #7c7d7b; color: #c2c3c1; font-size: 25px; height: 30px; padding: 5px; } #main { background: #c2c3c1; border: 2px solid #5d5e5d; margin-left: 350px; margin-top: 10px; text-align: justify; width: 700px; } .sf { font-size: 1; } .sf a { font-size: 1; } textarea { background: #086ca2; border: #5d5e5d solid 2px; color: #5d5e5d; height: 20px; font-family: arial; font-size: 10px; overflow: hidden; width: 88px; } </style> <div id="main" style="position: absolute;"> <h1>Title</h1> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT <center> <br><br> CSS by<br><a href="/~inglorified"><img src="http://i1193.photobucket.com/albums/aa351/cutzemoo/ojbutton.png"></a> </center> </div>

Two Columns

Red <style> a:hover, a:active { color: #ff4540; text-decoration: line-through; } a:link, a:visited { color: #a60400; text-decoration: underline; } body { background: #700300; color: #a60400; font-family: arial; font-size: 14px; } h1 { background: #a60400; color: #ff7673; font-size: 25px; height: 30px; padding: 5px; } #main { background: #ff7673; border: 2px solid #a60400; margin-left: 350px; margin-top: 10px; text-align: justify; width: 700px; } .sf { font-size: 1; } .sf a { font-size: 1; } #side { background: #ff7673; border: 2px solid #a60400; margin-left: 120px; margin-top: 10px; width: 200px; text-align: justify; } textarea { background: #ff7673; border: #a60400 solid 2px; color: #a60400; height: 20px; font-family: arial; font-size: 10px; overflow: hidden; width: 88px; } </style> <div id="main" style="position: absolute;"> <h1>Title</h1> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </div> <div id="side" style="position: absolute;"> <h1>Title</h1> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 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><center> CSS by<br><a href="/~inglorified"><img src="http://i1193.photobucket.com/albums/aa351/cutzemoo/ojbutton.png"></a> </center> </div>	Orange <style> a:hover, a:active { color: #c18024; text-decoration: line-through; } a:link, a:visited { color: #a85e00; text-decoration: underline; } body { background: #ff8e00; color: #a85e00; font-family: arial; font-size: 14px; } h1 { background: #a85e00; color: #ffc174; font-size: 25px; height: 30px; padding: 5px; } #main { background: #ffc174; border: 2px solid #a85e00; margin-left: 350px; margin-top: 10px; text-align: justify; width: 700px; } .sf { font-size: 1; } .sf a { font-size: 1; } #side { background: #ffc174; border: 2px solid #a85e00; margin-left: 120px; margin-top: 10px; width: 200px; text-align: justify; } textarea { background: #ffc174; border: #a85e00 solid 2px; color: #a85e00; height: 20px; font-family: arial; font-size: 10px; overflow: hidden; width: 88px; } </style> <div id="main" style="position: absolute;"> <h1>Title</h1> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </div> <div id="side" style="position: absolute;"> <h1>Title</h1> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 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><center> CSS by<br><a href="/~inglorified"><img src="http://i1193.photobucket.com/albums/aa351/cutzemoo/ojbutton.png"></a> </center> </div>	Yellow <style> a:hover, a:active { color: #c18024; text-decoration: line-through; } a:link, a:visited { color: #aa8900; text-decoration: underline; } body { background: #b29100; color: #aa8900; font-family: arial; font-size: 14px; } h1 { background: #aa8900; color: #ffe574; font-size: 25px; height: 30px; padding: 5px; } #main { background: #ffe574; border: 2px solid #aa8900; margin-left: 350px; margin-top: 10px; text-align: justify; width: 700px; } .sf { font-size: 1; } .sf a { font-size: 1; } #side { background: #ffe574; border: 2px solid #aa8900; margin-left: 120px; margin-top: 10px; width: 200px; text-align: justify; } textarea { background: #ffe574; border: #aa8900 solid 2px; color: #aa8900; height: 20px; font-family: arial; font-size: 10px; overflow: hidden; width: 88px; } </style> <div id="main" style="position: absolute;"> <h1>Title</h1> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </div> <div id="side" style="position: absolute;"> <h1>Title</h1> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 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><center> CSS by<br><a href="/~inglorified"><img src="http://i1193.photobucket.com/albums/aa351/cutzemoo/ojbutton.png"></a> </center> </div>	Green <style> a:hover, a:active { color: #2a8e25; text-decoration: line-through; } a:link, a:visited { color: #056b00; text-decoration: underline; } body { background: #0acd00; color: #056b00; font-family: arial; font-size: 14px; } h1 { background: #056b00; color: #adf1aa; font-size: 25px; height: 30px; padding: 5px; } #main { background: #adf1aa; border: 2px solid #056b00; margin-left: 350px; margin-top: 10px; text-align: justify; width: 700px; } .sf { font-size: 1; } .sf a { font-size: 1; } #side { background: #adf1aa; border: 2px solid #056b00; margin-left: 120px; margin-top: 10px; width: 200px; text-align: justify; } textarea { background: #adf1aa; border: #056b00 solid 2px; color: #056b00; height: 20px; font-family: arial; font-size: 10px; overflow: hidden; width: 88px; } </style> <div id="main" style="position: absolute;"> <h1>Title</h1> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </div> <div id="side" style="position: absolute;"> <h1>Title</h1> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 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><center> CSS by<br><a href="/~inglorified"><img src="http://i1193.photobucket.com/albums/aa351/cutzemoo/ojbutton.png"></a> </center> </div>
Blue <style> a:hover, a:active { color: #3c9dd0; text-decoration: line-through; } a:link, a:visited { color: #034569; text-decoration: underline; } body { background: #086ca2; color: #034569; font-family: arial; font-size: 14px; } h1 { background: #034569; color: #64aad0; font-size: 25px; height: 30px; padding: 5px; } #main { background: #64aad0; border: 2px solid #034569; margin-left: 350px; margin-top: 10px; text-align: justify; width: 700px; } .sf { font-size: 1; } .sf a { font-size: 1; } #side { background: #64aad0; border: 2px solid #034569; margin-left: 120px; margin-top: 10px; width: 200px; text-align: justify; } textarea { background: #64aad0; border: #034569 solid 2px; color: #034569; height: 20px; font-family: arial; font-size: 10px; overflow: hidden; width: 88px; } </style> <div id="main" style="position: absolute;"> <h1>Title</h1> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </div> <div id="side" style="position: absolute;"> <h1>Title</h1> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 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><center> CSS by<br><a href="/~inglorified"><img src="http://i1193.photobucket.com/albums/aa351/cutzemoo/ojbutton.png"></a> </center> </div>	Purple <style> a:hover, a:active { color: #581e75; text-decoration: line-through; } a:link, a:visited { color: #430065; text-decoration: underline; } body { background: #69009e; color: #430065; font-family: arial; font-size: 14px; } h1 { background: #430065; color: #afcde8; font-size: 25px; height: 30px; padding: 5px; } #main { background: #afcde8; border: 2px solid #430065; margin-left: 350px; margin-top: 10px; text-align: justify; width: 700px; } .sf { font-size: 1; } .sf a { font-size: 1; } #side { background: #afcde8; border: 2px solid #430065; margin-left: 120px; margin-top: 10px; width: 200px; text-align: justify; } textarea { background: #afcde8; border: #430065 solid 2px; color: #430065; height: 20px; font-family: arial; font-size: 10px; overflow: hidden; width: 88px; } </style> <div id="main" style="position: absolute;"> <h1>Title</h1> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </div> <div id="side" style="position: absolute;"> <h1>Title</h1> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 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><center> CSS by<br><a href="/~inglorified"><img src="http://i1193.photobucket.com/albums/aa351/cutzemoo/ojbutton.png"></a> </center> </div>	Grey <style> a:hover, a:active { color: #c2c3c1; text-decoration: line-through; } a:link, a:visited { color: #5d5e5d; text-decoration: underline; } body { background: #7c7d7b; color: #5d5e5d; font-family: arial; font-size: 14px; } h1 { background: #5d5e5d; color: #c2c3c1; font-size: 25px; height: 30px; padding: 5px; } #main { background: #c2c3c1; border: 2px solid #5d5e5d; margin-left: 350px; margin-top: 10px; text-align: justify; width: 700px; } .sf { font-size: 1; } .sf a { font-size: 1; } #side { background: #c2c3c1; border: 2px solid #5d5e5d; margin-left: 120px; margin-top: 10px; width: 200px; text-align: justify; } textarea { background: #c2c3c1; border: #5d5e5d solid 2px; color: #5d5e5d; height: 20px; font-family: arial; font-size: 10px; overflow: hidden; width: 88px; } </style> <div id="main" style="position: absolute;"> <h1>Title</h1> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </div> <div id="side" style="position: absolute;"> <h1>Title</h1> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 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><center> CSS by<br><a href="/~inglorified"><img src="http://i1193.photobucket.com/albums/aa351/cutzemoo/ojbutton.png"></a> </center> </div>

Image Layouts

(Drag image to address bar to view)
<style> a:hover, a:active { color: #e391cf; text-decoration: line-through; } a:link, a:visited { color: #862169; text-decoration: underline; } body { background: #d03700; color: #862169; font-family: georgia; font-size: 13px; } h1 { border-bottom: #862169 dotted 2px; color: #862169; font-size: 25px; } #img { margin-left: 150px; } #img2 { margin-left: 320px; } #main { background: #ffd118; height: 390px; margin-left: 320px; margin-top: 80px; overflow: hidden; text-align: justify; width: 650px; } #nav { color: #862169; height: 50px; font-size: 20px; margin-left: 320px; margin-top: 30px; overflow: auto; text-align: center; width: 650px; } #nav a:link, a:hover, a:active, a:visited { color: #862169; text-decoration: none; } #other { background: none; height: 390px; margin-left: 0px; padding: 5px; text-align: justify; width: 640px; } .sf { display: none; } </style> <div id="img" style="position: absolute; margin-top: 30px;"> <img src="http://i41.tinypic.com/6glc0j.png"> </div> <div id="img" style="position: absolute; margin-top: 200px;"> <img src="http://i40.tinypic.com/vo94k2.png"> </div> <div id="img" style="position: absolute; margin-top: 370px;"> <img src="http://i39.tinypic.com/2ltngw8.png"> </div> <div id="img2" style="position: absolute; margin-top: 30px;"> <img src="http://i42.tinypic.com/25jlefa.png"> </div> <div id="img2" style="position: absolute; margin-top: 470px;"> <img src="http://i39.tinypic.com/dwqmqd.png"> </div> <div id="main" style="position: absolute;"> <a name="1"></a><div id="other"> <h1>Header1</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="2"></a><div id="other"> <h1>Header2</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="3"></a><div id="other"> <h1>Header3</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="4"></a><div id="other"> <h1>Header4</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="5"></a><div id="other"> <h1>Header5</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="6"></a><div id="other"> <h1>Header6</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> </div> <div id="nav" style="position: absolute;"> <br><a href="#1">Page 1</a> | <a href="#2">Page 2</a> | <a href="#3">Page 3</a> | <a href="#4">Page 4</a> | <a href="#5">Page 5</a> | <a href="#6">Page 6</a> | <a href="/~inglorified">Credit</a> </div><style> a:hover, a:active { color: #1fb631; text-decoration: line-through; } a:link, a:visited { color: #147625; text-decoration: underline; } body { background: #505a7f; color: #147625; font-family: georgia; font-size: 13px; } h1 { border-bottom: #147625 dotted 2px; color: #147625; font-size: 25px; } #img { margin-left: 150px; } #img2 { margin-left: 320px; } #main { background: #a6fea5; height: 390px; margin-left: 320px; margin-top: 80px; overflow: hidden; text-align: justify; width: 650px; } #nav { color: #a6fea5; height: 50px; font-size: 20px; margin-left: 320px; margin-top: 30px; text-align: center; width: 650px; } #nav a:link, a:hover, a:active, a:visited { color: #a6fea5; text-decoration: none; } #other { background: none; height: 390px; margin-left: 0px; overflow: auto; padding: 5px; text-align: justify; width: 640px; } .sf { display: none; } </style> <div id="img" style="position: absolute; margin-top: 30px;"> <img src="http://i39.tinypic.com/xdh1lk.png"> </div> <div id="img" style="position: absolute; margin-top: 200px;"> <img src="http://i44.tinypic.com/hsjspi.png"> </div> <div id="img" style="position: absolute; margin-top: 370px;"> <img src="http://i42.tinypic.com/2143v3t.png"> </div> <div id="img2" style="position: absolute; margin-top: 30px;"> <img src="http://i42.tinypic.com/illhdv.png"> </div> <div id="img2" style="position: absolute; margin-top: 470px;"> <img src="http://i42.tinypic.com/w8qrrn.png"> </div> <div id="main" style="position: absolute;"> <a name="1"></a><div id="other"> <h1>Header1</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="2"></a><div id="other"> <h1>Header2</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="3"></a><div id="other"> <h1>Header3</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="4"></a><div id="other"> <h1>Header4</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="5"></a><div id="other"> <h1>Header5</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="6"></a><div id="other"> <h1>Header6</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> </div> <div id="nav" style="position: absolute;"> <br><a href="#1">Page 1</a> | <a href="#2">Page 2</a> | <a href="#3">Page 3</a> | <a href="#4">Page 4</a> | <a href="#5">Page 5</a> | <a href="#6">Page 6</a> | <a href="/~inglorified">Credit</a> </div>
<style> a:hover, a:active { color: #6633ff; text-decoration: line-through; } a:link, a:visited { color: #330099; text-decoration: underline; } body { background: #010c42; color: #330099; font-family: georgia; font-size: 13px; } h1 { border-bottom: #330099 dotted 2px; color: #330099; font-size: 25px; } #img { margin-left: 150px; } #img2 { margin-left: 320px; } #main { background: #00aee3; height: 390px; margin-left: 320px; margin-top: 80px; overflow: hidden; text-align: justify; width: 650px; } #nav { color: #fefbfd; height: 50px; font-size: 20px; margin-left: 320px; margin-top: 30px; text-align: center; width: 650px; } #nav a:link, a:hover, a:active, a:visited { color: #fefbfd; text-decoration: none; } #other { background: none; height: 390px; margin-left: 0px; overflow: auto; padding: 5px; text-align: justify; width: 640px; } .sf { display: none; } </style> <div id="img" style="position: absolute; margin-top: 30px;"> <img src="http://i40.tinypic.com/255nh9e.png"> </div> <div id="img" style="position: absolute; margin-top: 200px;"> <img src="http://i40.tinypic.com/25hjqzk.png"> </div> <div id="img" style="position: absolute; margin-top: 370px;"> <img src="http://i43.tinypic.com/2my0p39.png"> </div> <div id="img2" style="position: absolute; margin-top: 30px;"> <img src="http://i41.tinypic.com/1426krd.png"> </div> <div id="img2" style="position: absolute; margin-top: 470px;"> <img src="http://i42.tinypic.com/2wq6hrr.png"> </div> <div id="main" style="position: absolute;"> <a name="1"></a><div id="other"> <h1>Header1</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="2"></a><div id="other"> <h1>Header2</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="3"></a><div id="other"> <h1>Header3</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="4"></a><div id="other"> <h1>Header4</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="5"></a><div id="other"> <h1>Header5</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="6"></a><div id="other"> <h1>Header6</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> </div> <div id="nav" style="position: absolute;"> <br><a href="#1">Page 1</a> | <a href="#2">Page 2</a> | <a href="#3">Page 3</a> | <a href="#4">Page 4</a> | <a href="#5">Page 5</a> | <a href="#6">Page 6</a> | <a href="/~inglorified">Credit</a> </div><style> a:hover, a:active { color: #ff3600; text-decoration: line-through; } a:link, a:visited { color: #f2d008; text-decoration: underline; } body { background: #534537; color: #f2d008; font-family: georgia; font-size: 13px; } h1 { border-bottom: #f2d008 dotted 2px; color: #f2d008; font-size: 25px; } #img { margin-left: 150px; } #img2 { margin-left: 320px; } #main { background: #271d16; height: 390px; margin-left: 320px; margin-top: 80px; overflow: hidden; text-align: justify; width: 650px; } #nav { color: #f2d008; height: 50px; font-size: 20px; margin-left: 320px; margin-top: 30px; text-align: center; width: 650px; } #nav a:link, a:hover, a:active, a:visited { color: #f2d008; text-decoration: none; } #other { background: none; height: 390px; margin-left: 0px; overflow: auto; padding: 5px; text-align: justify; width: 640px; } .sf { display: none; } </style> <div id="img" style="position: absolute; margin-top: 30px;"> <img src="http://i1228.photobucket.com/albums/ee452/calicoes/fff.png"> </div> <div id="img" style="position: absolute; margin-top: 200px;"> <img src="http://i41.tinypic.com/b5h53c.png"> </div> <div id="img" style="position: absolute; margin-top: 370px;"> <img src="http://i40.tinypic.com/166d6kj.png"> </div> <div id="img2" style="position: absolute; margin-top: 30px;"> <img src="http://i39.tinypic.com/14uzyjc.png"> </div> <div id="img2" style="position: absolute; margin-top: 470px;"> <img src="http://i39.tinypic.com/2z53tab.png"> </div> <div id="main" style="position: absolute;"> <a name="1"></a><div id="other"> <h1>Header1</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="2"></a><div id="other"> <h1>Header2</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="3"></a><div id="other"> <h1>Header3</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="4"> </a><div id="other"> <h1>Header4</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="5"></a><div id="other"> <h1>Header5</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="6"></a><div id="other"> <h1>Header6</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> </div> <div id="nav" style="position: absolute;"> <br><a href="#1">Page 1</a> | <a href="#2">Page 2</a> | <a href="#3">Page 3</a> | <a href="#4">Page 4</a> | <a href="#5">Page 5</a> | <a href="#6">Page 6</a> | <a href="/~inglorified">Credit</a> </div>
<style> a:hover, a:active { color: #94a2b6; text-decoration: line-through; } a:link, a:visited { color: #798192; text-decoration: underline; } body { background: #a5b3ce; color: #798192; font-family: georgia; font-size: 13px; } h1 { border-bottom: #798192 dotted 2px; color: #798192; font-size: 25px; } #img { margin-left: 150px; } #img2 { margin-left: 320px; } #main { background: #d1dce7; height: 390px; margin-left: 320px; margin-top: 80px; overflow: hidden; text-align: justify; width: 650px; } #nav { color: #798192; height: 50px; font-size: 20px; margin-left: 320px; margin-top: 30px; text-align: center; width: 650px; } #nav a:link, a:hover, a:active, a:visited { color: #798192; text-decoration: none; } #other { background: none; height: 390px; margin-left: 0px; overflow: auto; padding: 5px; text-align: justify; width: 640px; } .sf { display: none; } </style> <div id="img" style="position: absolute; margin-top: 30px;"> <img src="http://i43.tinypic.com/n3985y.png"> </div> <div id="img" style="position: absolute; margin-top: 200px;"> <img src="http://i39.tinypic.com/25ktogi.png"> </div> <div id="img" style="position: absolute; margin-top: 370px;"> <img src="http://i40.tinypic.com/sndp2x.png"> </div> <div id="img2" style="position: absolute; margin-top: 30px;"> <img src="http://i41.tinypic.com/ankgvt.png"> </div> <div id="img2" style="position: absolute; margin-top: 470px;"> <img src="http://i41.tinypic.com/3539zzd.png"> </div> <div id="main" style="position: absolute;"> <a name="1"></a><div id="other"> <h1>Header1</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="2"></a><div id="other"> <h1>Header2</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="3"></a><div id="other"> <h1>Header3</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="4"></a><div id="other"> <h1>Header4</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="5"></a><div id="other"> <h1>Header5</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="6"></a><div id="other"> <h1>Header6</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> </div> <div id="nav" style="position: absolute;"> <br><a href="#1">Page 1</a> | <a href="#2">Page 2</a> | <a href="#3">Page 3</a> | <a href="#4">Page 4</a> | <a href="#5">Page 5</a> | <a href="#6">Page 6</a> | <a href="/~inglorified">Credit</a> </div><style> a:hover, a:active { color: #0031d1; text-decoration: line-through; } a:link, a:visited { color: #01195d; text-decoration: underline; } body { background: #00709c; color: #01195d; font-family: georgia; font-size: 13px; } h1 { border-bottom: #01195d dotted 2px; color: #01195d; font-size: 25px; } #img { margin-left: 150px; } #img2 { margin-left: 320px; } #main { background: #effeff; height: 390px; margin-left: 320px; margin-top: 80px; overflow: hidden; text-align: justify; width: 650px; } #nav { color: #01195d; height: 50px; font-size: 20px; margin-left: 320px; margin-top: 30px; text-align: center; width: 650px; } #nav a:link, a:hover, a:active, a:visited { color: #01195d; text-decoration: none; } #other { background: none; height: 390px; margin-left: 0px; overflow: auto; padding: 5px; text-align: justify; width: 640px; } .sf { display: none; } </style> <div id="img" style="position: absolute; margin-top: 30px;"> <img src="http://i40.tinypic.com/ct455.png"> </div> <div id="img" style="position: absolute; margin-top: 200px;"> <img src="http://i43.tinypic.com/27zd6z4.png"> </div> <div id="img" style="position: absolute; margin-top: 370px;"> <img src="http://i43.tinypic.com/347vbj6.png"> </div> <div id="img2" style="position: absolute; margin-top: 30px;"> <img src="http://i42.tinypic.com/35jjh2d.png"> </div> <div id="img2" style="position: absolute; margin-top: 470px;"> <img src="http://i44.tinypic.com/4n91y.png"> </div> <div id="main" style="position: absolute;"> <a name="1"></a><div id="other"> <h1>Header1</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="2"></a><div id="other"> <h1>Header2</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="3"></a><div id="other"> <h1>Header3</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="4"></a><div id="other"> <h1>Header4</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="5"></a><div id="other"> <h1>Header5</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="6"></a><div id="other"> <h1>Header6</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> </div> <div id="nav" style="position: absolute;"> <br><a href="#1">Page 1</a> | <a href="#2">Page 2</a> | <a href="#3">Page 3</a> | <a href="#4">Page 4</a> | <a href="#5">Page 5</a> | <a href="#6">Page 6</a> | <a href="/~inglorified">Credit</a> </div><style> a:hover, a:active { color: #444444; text-decoration: line-through; } a:link, a:visited { color: #2d2d2d; text-decoration: underline; } body { background: #fca566; color: #2d2d2d; font-family: georgia; font-size: 13px; } h1 { border-bottom: #2d2d2d dotted 2px; color: #2d2d2d; font-size: 25px; } #img { margin-left: 150px; } #img2 { margin-left: 320px; } #main { background: #bbdd75; height: 390px; margin-left: 320px; margin-top: 80px; overflow: hidden; text-align: justify; width: 650px; } #nav { color: #2d2d2d; height: 50px; font-size: 20px; margin-left: 320px; margin-top: 30px; text-align: center; width: 650px; } #nav a:link, a:hover, a:active, a:visited { color: #2d2d2d; text-decoration: none; } #other { background: none; height: 390px; margin-left: 0px; overflow: auto; padding: 5px; text-align: justify; width: 640px; } .sf { display: none; } </style> <div id="img" style="position: absolute; margin-top: 30px;"> <img src="http://i42.tinypic.com/14wg2eu.png"> </div> <div id="img" style="position: absolute; margin-top: 200px;"> <img src="http://i41.tinypic.com/51aa9j.png"> </div> <div id="img" style="position: absolute; margin-top: 370px;"> <img src="http://i40.tinypic.com/xn5i51.png"> </div> <div id="img2" style="position: absolute; margin-top: 30px;"> <img src="http://i43.tinypic.com/2nsuss0.png"> </div> <div id="img2" style="position: absolute; margin-top: 470px;"> <img src="http://i44.tinypic.com/w2g0hx.png"> </div> <div id="main" style="position: absolute;"> <a name="1"></a><div id="other"> <h1>Header1</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="2"></a><div id="other"> <h1>Header2</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="3"></a><div id="other"> <h1>Header3</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="4"></a><div id="other"> <h1>Header4</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="5"></a><div id="other"> <h1>Header5</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="6"></a><div id="other"> <h1>Header6</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> </div> <div id="nav" style="position: absolute;"> <br><a href="#1">Page 1</a> | <a href="#2">Page 2</a> | <a href="#3">Page 3</a> | <a href="#4">Page 4</a> | <a href="#5">Page 5</a> | <a href="#6">Page 6</a> | <a href="/~inglorified">Credit</a> </div><style> a:hover, a:active { color: #9c6b39; text-decoration: line-through; } a:link, a:visited { color: #684726; text-decoration: underline; } body { background: #5b8393; color: #684726; font-family: georgia; font-size: 13px; } h1 { border-bottom: #684726 dotted 2px; color: #684726; font-size: 25px; } #img { margin-left: 150px; } #img2 { margin-left: 320px; } #main { background: #ffffa5; height: 390px; margin-left: 320px; margin-top: 80px; overflow: hidden; text-align: justify; width: 650px; } #nav { color: #ffffa5; height: 50px; font-size: 20px; margin-left: 320px; margin-top: 30px; text-align: center; width: 650px; } #nav a:link, a:hover, a:active, a:visited { color: #ffffa5; text-decoration: none; } #other { background: none; height: 390px; margin-left: 0px; overflow: auto; padding: 5px; text-align: justify; width: 640px; } .sf { display: none; } </style> <div id="img" style="position: absolute; margin-top: 30px;"> <img src="http://i41.tinypic.com/v42adx.png"> </div> <div id="img" style="position: absolute; margin-top: 200px;"> <img src="http://i41.tinypic.com/205xw6d.png"> </div> <div id="img" style="position: absolute; margin-top: 370px;"> <img src="http://i43.tinypic.com/n6fcx3.png"> </div> <div id="img2" style="position: absolute; margin-top: 30px;"> <img src="http://i42.tinypic.com/255i8sh.png"> </div> <div id="img2" style="position: absolute; margin-top: 470px;"> <img src="http://i39.tinypic.com/24y5mif.png"> </div> <div id="main" style="position: absolute;"> <a name="1"></a><div id="other"> <h1>Header1</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="2"></a><div id="other"> <h1>Header2</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="3"></a><div id="other"> <h1>Header3</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="4"></a><div id="other"> <h1>Header4</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="5"></a><div id="other"> <h1>Header5</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="6"></a><div id="other"> <h1>Header6</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> </div> <div id="nav" style="position: absolute;"> <br><a href="#1">Page 1</a> | <a href="#2">Page 2</a> | <a href="#3">Page 3</a> | <a href="#4">Page 4</a> | <a href="#5">Page 5</a> | <a href="#6">Page 6</a> | <a href="/~inglorified">Credit</a> </div><style> a:hover, a:active { color: #838fb6; text-decoration: line-through; } a:link, a:visited { color: #16348a; text-decoration: underline; } body { background: #291168; color: #16348a; font-family: georgia; font-size: 13px; } h1 { color: #16348a; font-size: 25px; border-bottom: #16348a dotted 2px; } #img { margin-left: 150px; } #main { background: #cbb51b; width: 650px; height: 390px; overflow: hidden; text-align: justify; margin-left: 320px; margin-top: 80px; } #img2 { margin-left: 320px; } .sf { display: none; } #other { background: none; width: 640px; padding: 5px; overflow: auto; height: 390px; text-align: justify; margin-left: 0px; } #nav a:link, a:hover, a:active, a:visited { color: #cbb51b; text-decoration: none; } #nav { width: 650px; height: 50px; margin-left: 320px; text-align: center; font-size: 20px; color: #cbb51b; margin-top: 30px; } </style> <div id="img" style="position: absolute; margin-top: 30px;"> <img src="http://i42.tinypic.com/155kvi0.png"> </div> <div id="img" style="position: absolute; margin-top: 200px;"> <img src="http://i42.tinypic.com/1jmcxs.png"> </div> <div id="img" style="position: absolute; margin-top: 370px;"> <img src="http://i40.tinypic.com/26474vd.png"> </div> <div id="img2" style="position: absolute; margin-top: 30px;"> <img src="http://i40.tinypic.com/15q7qlg.png"> </div> <div id="img2" style="position: absolute; margin-top: 470px;"> <img src="http://i42.tinypic.com/abnvck.png"> </div> <div id="main" style="position: absolute;"> <a name="1"></a><div id="other"> <h1>Header1</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="2"></a><div id="other"> <h1>Header2</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="3"></a><div id="other"> <h1>Header3</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="4"></a><div id="other"> <h1>Header4</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="5"></a><div id="other"> <h1>Header5</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="6"></a><div id="other"> <h1>Header6</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> </div> <div id="nav" style="position: absolute;"> <br><a href="#1">Page 1</a> | <a href="#2">Page 2</a> | <a href="#3">Page 3</a> | <a href="#4">Page 4</a> | <a href="#5">Page 5</a> | <a href="#6">Page 6</a> | <a href="/~inglorified">Credit</a> </div><style> a:hover, a:active { color: #65b2b2; text-decoration: line-through; } a:link, a:visited { color: #1f3f1f; text-decoration: underline; } body { background: #91a5b4; color: #1f3f1f; font-family: georgia; font-size: 13px; } h1 { border-bottom: #1f3f1f dotted 2px; color: #1f3f1f; font-size: 25px; } #img { margin-left: 150px; } #img2 { margin-left: 320px; } #main { background: #cad9e4; height: 390px; margin-left: 320px; margin-top: 80px; overflow: hidden; text-align: justify; width: 650px; } #nav { color: #1f3f1f; height: 50px; font-size: 20px; margin-left: 320px; margin-top: 30px; text-align: center; width: 650px; } #nav a:link, a:hover, a:active, a:visited { color: #1f3f1f; text-decoration: none; } #other { background: none; height: 390px; margin-left: 0px; padding: 5px; text-align: justify; width: 640px; } .sf { display: none; } </style> <div id="img" style="position: absolute; margin-top: 30px;"> <img src="http://i1228.photobucket.com/albums/ee452/calicoes/gdfg.png"> </div> <div id="img" style="position: absolute; margin-top: 200px;"> <img src="http://i41.tinypic.com/14c46rr.png"> </div> <div id="img" style="position: absolute; margin-top: 370px;"> <img src="http://i41.tinypic.com/9bgfi0.png"> </div> <div id="img2" style="position: absolute; margin-top: 30px;"> <img src="http://i42.tinypic.com/4lkjec.png"> </div> <div id="img2" style="position: absolute; margin-top: 470px;"> <img src="http://i39.tinypic.com/16kzuxv.png"> </div> <div id="main" style="position: absolute;"> <a name="1"></a><div id="other"> <h1>Header1</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="2"></a><div id="other"> <h1>Header2</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="3"></a><div id="other"> <h1>Header3</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="4"></a><div id="other"> <h1>Header4</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="5"></a><div id="other"> <h1>Header5</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> <a name="6"></a><div id="other"> <h1>Header6</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> </div> </div> <div id="nav" style="position: absolute;"> <br><a href="#1">Page 1</a> | <a href="#2">Page 2</a> | <a href="#3">Page 3</a> | <a href="#4">Page 4</a> | <a href="#5">Page 5</a> | <a href="#6">Page 6</a> | <a href="/~inglorified">Credit</a> </div>

Banners

On Hiatus

<a href="/~inglorified"><img src="http://i1228.photobucket.com/albums/ee452/calicoes/oh1.png"></a>
<a href="/~inglorified"><img src="http://i1228.photobucket.com/albums/ee452/calicoes/oh2.png"></a>
<a href="/~inglorified"><img src="http://i1228.photobucket.com/albums/ee452/calicoes/oh3.png"></a>
<a href="/~inglorified"><img src="http://i1228.photobucket.com/albums/ee452/calicoes/oh4.png"></a>

Moved

<a href="/~inglorified"><img src="http://i1228.photobucket.com/albums/ee452/calicoes/mo1.png"></a>
<a href="/~inglorified"><img src="http://i1228.photobucket.com/albums/ee452/calicoes/mo2.png"></a>
<a href="/~inglorified"><img src="http://i1228.photobucket.com/albums/ee452/calicoes/mo3.png"></a>
<a href="/~inglorified"><img src="http://i1228.photobucket.com/albums/ee452/calicoes/mo4.png"></a>

Closed

<a href="/~inglorified"><img src="http://i1228.photobucket.com/albums/ee452/calicoes/cl1.png"></a>
<a href="/~inglorified"><img src="http://i1228.photobucket.com/albums/ee452/calicoes/cl2.png"></a>
<a href="/~inglorified"><img src="http://i1228.photobucket.com/albums/ee452/calicoes/cl3.png"></a>
<a href="/~inglorified"><img src="http://i1228.photobucket.com/albums/ee452/calicoes/cl4.png"></a>

Fresh Squeezed

Customs

For superfly_1332

<style> a:hover, a:active { color: #000000; text-decoration: line-through; } a:link, a:visited { color: #000000; text-decoration: underline; } body { background: #888888; color: #000000; font-family: georgia; font-size: 13px; } h1 { border-bottom: #000000 dotted 2px; color: #000000; font-size: 25px; } #img { margin-left: 150px; } #img2 { margin-left: 320px; } .main { background: #ffffff; height: 390px; margin-left: 320px; margin-top: 130px; overflow: hidden; text-align: justify; width: 650px; } .nav { color: #000000; height: 50px; font-size: 20px; margin-left: 320px; margin-top: 80px; overflow: auto; text-align: center; width: 650px; } .nav a:link, a:hover, a:active, a:visited { color: #000000; text-decoration: none; } .other { background: none; height: 390px; margin-left: 0px; overflow: auto; padding: 5px; text-align: justify; width: 640px; } .sf { display: none; } </style> <div id="img" style="position: absolute; margin-top: 80px;"> <img src="http://i1228.photobucket.com/albums/ee452/calicoes/1-1.png"> </div> <div id="img" style="position: absolute; margin-top: 250px;"> <img src="http://i1228.photobucket.com/albums/ee452/calicoes/2-1.png"> </div> <div id="img" style="position: absolute; margin-top: 420px;"> <img src="http://i1228.photobucket.com/albums/ee452/calicoes/3-1.png"> </div> <div id="img2" style="position: absolute; margin-top: 30px;"> <img src="http://i1228.photobucket.com/albums/ee452/calicoes/4-1.png"> </div> <div id="img2" style="position: absolute; margin-top: 520px;"> <img src="http://i1228.photobucket.com/albums/ee452/calicoes/5-1.png"> </div> <div class="main" style="position: absolute;"> <a name="1"></a><div class="other"> <h1>Header1</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div> <a name="2"></a><div class="other"> <h1>Header2</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div> <a name="3"></a><div class="other"> <h1>Header3</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div> <a name="4"></a><div class="other"> <h1>Header4</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div> <a name="5"></a><div class="other"> <h1>Header5</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div> <a name="6"></a><div class="other"> <h1>Header6</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div> </div> <div class="nav" style="position: absolute;"> <br><a href="#1">Page1</a> | <a href="#2">Page2</a> | <a href="#3">Page3</a> | <a href="#4">Page4</a> | <a href="#5">Page5</a> | <a href="#6">Page6</a> | <a href="/~inglorified">Credit</a> </div>

Sitely

Link back

<a href="/~inglorified"><img src="http://fc01.deviantart.net/fs71/f/2012/012/8/1/oriental_button_oj_by_jadorefashion-d4m34ou.gif" border="0"></a>


<img src="http://i39.tinypic.com/2je72bo.png" border="0">


<img src="http://i1193.photobucket.com/albums/aa351/cutzemoo/ojbutton.png">

Affies

Sozo Suru

Listed @

Credit

Resource credit

Reviews/Proofreads

Views