PLACE YOUR TITLE HERE

This is a div layout and very easy to use.
The main header image has a spot near the bottom for you to have your site name added to it.
Just click over the image and right click and press save as and save the image to your pc and change it in whichever Paint program you have.
Please leave the credits on the layout as to keep with our terms of use.
I hope you enjoy it!
Read below on how to use this layout!

Download Info

To download this layout,
Press "select all" in the box below and then "copy" all of the text on the page
then "paste" the text into Notepad or whatever you use and
name it "index.html" or "index.php" if you use php...but you probably already
knew that if you use it huh :)?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <script type="text/vbscript">  </script> <html> <head> <title> PLACE YOUR TITLE HERE  </title> <link rel="stylesheet" type="text/css" href="http://www.moonbeam.ablewelldrilling.com/pinkhairedgirl/style.css"> </head>  <body style="background: #010101;"> <div style="position: absolute; top: 20px; left: 100px;"> <img src="http://i163.photobucket.com/albums/t296/Geminimoonstar/headers%20and%20layouts/pinkhairedgrilheader.jpg" border=0> </div>   <style>input, textarea {font-family:comic sans ms; font-size:7pt; color: #dd557d; background-color: #adc950; border: solid 1px; border-color: #dd557d;} </style>     <div style="position:absolute;background-color:transparent; left:110px; top:500px; width:390px;border:none; overflow: auto; overflow-x: hidden;"> <h2>Contents or blog goes below</h2> <h1>Sub Header</h1> <div class="content">  <div style="text-align: center;"> <b>Bolded text</b><br> <u>underlined text</u><br> <i>italicized text </i><br> <strike>Strikethrough text</strike><br><br>   </div> </div>   <h2>Contents or blog goes below</h2> <h1>Sub Header</h1> <div class="content">  <div style="text-align: center;">Thanks for downloading this layout from <a href="http://www.geminimoon.net">geminimoon.net!</a><br>I really hope that its to your liking :)<br>If you have any questions, please go to the site and leave me a message.<br>I will always try to help if I can.<br>Dont take off the credits in any way shape or form.<br>I can find out of you do Muwahahaha :)<br><br>Thanks again!!!<br>Kristi<br></div>  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </div> </div>    <div style="position:absolute;background-color:transparent; left:505px; top:500px; width:180px;border:none; overflow: auto; overflow-x: hidden;">  <div class="side"> <h2>HEADER</h2>  Place sidebar info here. Place sidebar info here. Place sidebar info here. Place sidebar info here. Place sidebar info here. Place sidebar info here. Place sidebar info here. Place sidebar info here. </div> <br><Br>  <div class="side"> <h2>HEADER</h2>  Place sidebar info here. Place sidebar info here. Place sidebar info here. Place sidebar info here. Place sidebar info here. Place sidebar info here. Place sidebar info here. Place sidebar info here. </div> <br><Br>  <div class="side"> <h2>NAVIGATION</h2> <center>  <a class="navi" href="#">link here</a> <a class="navi" href="#">link here</a> <a class="navi" href="#">link here</a> <a class="navi" href="#">link here</a> <a class="navi" href="#">link here</a> <a class="navi" href="#">link here</a>  </center> </div> <br><Br>  <div class="side"> <h2>HEADER</h2>  Place sidebar info here. Place sidebar info here. Place sidebar info here. Place sidebar info here. Place sidebar info here. Place sidebar info here. Place sidebar info here. Place sidebar info here. </div> <br><Br>  <div class="side"> <h2>Layout Credits</h2> <div style="text-align: center;"><a href="http://www.geminimoon.net">Layout Made by geminimoon.net</a><br><br><a href="http://www.geminimoon.net"><img src="http://i43.photobucket.com/albums/e384/jrinier/KRISTI%20STUFF/Image95.jpg" alt="Graphics and all your Myspace needs at www.geminimoon.net"></a><br><br>Png image from<br><a href="http://shizoo.de/">Shizoo.de</a><br><br></div> </div> <br><Br> </div>  </body> </html>

Do exactly the same thing as you did for the index page except name it style.css
Copy the css in the box below and name the file "style.css" (with out the parentheses though)

a:link,a:active,a:visited 	{ 	color: #adc950; 	font-size:11px; 	font-weight:normal; 	font-family:arial; 	font-style:normal; 	text-decoration:none; 	font-variant:normal; 	border:none; 	text-transform:none; 	}  a:hover 	{ 	color: #929ed0; 	font-size:11px; 	font-family:arial; 	font-style:normal; 	font-weight:normal; 	cursor:help; 	font-variant:normal; 	border:none; 	text-transform:none; 	}  a.navi, a.navi:active, a.navi:link, a.navi:visited { display: block; font-family: arial; font-size: 10px; font-weight: normal; text-decoration:none; border-left: 7px solid #d9567e; background: #929ed0; color: #FFFFFF; text-transform: uppercase; letter-spacing: 3px; text-align: center; margin:0px; } a.navi:hover { display: block; font-family: arial; font-size: 10px; font-weight: normal; text-decoration:none; border-left: 7px solid #B9E196; background: #d9567e; color: #FFFFFF; text-transform: uppercase; letter-spacing:3px; text-align: center; margin:0px;}   h1 { background: #dd5981; margin:0px; height:13px; font-size:11px; font-family:Trebuchet Ms; font-weight: normal; color: #FFFFFF; }  h2 { background-color: #adc950; border-bottom: 1px solid #dd5981; font-family:Arial; font-size:10px; color: #FFFFFF; text-align:center; text-transform:uppercase; font-weight: normal; line-height: 13px; letter-spacing: 3px; margin:0px; padding:0px; }  .side { margin-top:0px; padding:0px; background-color: #7d8391; border-bottom: 1px solid #A2BD90; font-family: arial; font-size:10px; color: #FFFFFF; text-align:left; text-transform: none; font-weight:normal; line-height:10px; }   .content { background: #7d8391; color: #FFFFFF; font-size:11px; font-weight: normal; font-family:arial; padding:2px; text-transform: normal; text-align:left; border-bottom: 1px solid #d9567e; margin:2px; line-height:11px; }  b{font-size:11px;font-family:arial;color: #b2344c;} s{font-size:11px;font-family:arial;color: #d9a0b3;} i{font-family:arial;font-size:11px;color: #b3cd52;} u{font-family:verdana;font-weight:normal;font-size:10px;color: #95a2cf;border-bottom:1px solid #d9a0b3;}   body{ scrollbar-track-color: #d9a0b3; scrollbar-highlight-color: #95a2cf; scrollbar-3dlight-color: FFFFFF; scrollbar-darkshadow-color: #000000; scrollbar-shadow-color: #C3DC96; scrollbar-arrow-color: #FFFFFF; scrollbar-face-color: #dd557d;}

P.S.
Technically if your not planning on changing the css, dont even worry about
downloading this file because the css if already connected to my database.
If you know what your doing...then by all means go ahead. There is a url file for the
css in the beginning of the index that will have to be changed to the address
you've placed it at though.

Its not as confusing as it sounds I promise!
Contact me if you have any questions.