<html>
<body>
<head>
<title>The Great Escape</title>
</head>
<style>
body {background-color: ebebeb;
background-image:url("http://www.chocolatemilkk.net/misc/TGEbacky.png");
background-position: center !important;
overflow-x:hidden !important;}
table.bdy {position: relative; top:0px; width:704px !important; margin-left: 50%; left:-352px; _left:-342px;
vertical-align:top; font-family: Arial, sans-serif; font-size: 8pt; color: black; line-height:11px; border: 1px solid; border-color: black; background-color:white; background-image:url("http://www.chocolatemilkk.net/misc/TGEfooter.png"); background-position:bottom; background-repeat:no-repeat; table-layout:inherit;}
tr.content{width: 704px!important; padding: 0px; vertical-align:top !important; text-align:justify;}
.cnt {width: 500px !important; float: left; border:0px; padding: 1px; vertical-align:top;}
.lnk {width: 200px !important; float: right; border:0px; padding: 1px; vertical-align:top;}
td.footer{font-family:arial; text-transform:lowercase; font-size:7pt; color:555555; text-align:center;line-height:7px; background-color:ebebeb}
a:link
{font-family: georgia; font-size: 8pt; color:555555; 
text-transform: lowercase; letter-spacing:-1pt; text-decoration: none;}
a:visited
{font-family: georgia; font-size: 8pt; color:555555; 
text-transform: lowercase; letter-spacing:-1pt; text-decoration: none;}
a:hover
{font-family: georgia; font-size: 8pt; color:000000; 
text-transform: lowercase; letter-spacing:-1pt; text-decoration: none;}
a.nav, a.nav:active, a.nav:link, a.nav:visited {font-family: Arial; font-size: 10pt; color:115603; text-transform: lowercase; text-decoration: none; display: block !important; background-color:transparent; line-height: 12px; text-align: center; margin:0px; background-image:url("http://www.chocolatemilkk.net/misc/TGEnav2.png"); font-weight:bold;}
a.nav:hover {font-family: Arial; font-size: 10pt; color:6d9cff ; text-transform: lowercase; text-decoration: none; display: 
block !important; background-color:white; font-weight:bold; line-height: 12px; text-align: left; margin:0px; letter-spacing: -1pt; background-image:url("http://www.chocolatemilkk.net/misc/TGEnav1.png");}
.cnthdr {display: block; background-color:transparent; font-family: Arial, sans-serif; letter-spacing: -2pt; color:555555; line-height:22px; text-transform: uppercase; font-weight:bold; text-align: left; font-size: 22pt; border-bottom: 1px solid; border-color: black; background-image:url("http://www.chocolatemilkk.net/misc/TGEcnthdr.png") !important;}
.cnthdr:first-letter{color:6d9cff !important;}
.navhdr {display: block; background-color:ebebeb; font-family: Georgia; font-weight:bold; letter-spacing: -1pt; color:115603; text-transform: uppercase; line-height: 16px;
text-align: center; background-image:url("http://www.chocolatemilkk.net/misc/TGEnavhdr.png"); font-size: 14pt; border-bottom: 1px solid; border-color: 115603; }
b {
 color: a6ac07 !important;
 font-family: Trebuchet MS, sans-serif !important;
 font-size: 8pt !important;
 text-transform: uppercase;
 font-weight:normal !important;}
u {
font-family: Arial !important;
text-decoraton: none !important;
font-size: 8pt !important;
text-transform: lowercase !important;
color: 115603 !important;
text-decoration: none !important;
letter-spacing: !important;}
i,em {
 color: 7fbd01 !important;
 font-family: georgia  !important;
 font-size: 8pt !important;
 font-weight:bold !important;}
textarea {width: 450px; height: 50px; font-family: Small Fonts; font-size: 5pt; text-transform:uppercase; background-color:transparent; color:black; border: 1px solid; border-color:dbe1e5;}
</style>

<table cellpadding="0" cellspacing="0" border="0" class="bdy"><tr><td><img src="http://www.chocolatemilkk.net/misc/TGE.png" width="704" height="440" border="0" alt="" </td></tr>



<tr class="content"><td><div class="cnt">
<span class="cnthdr">So, it's a funny story...</span>
<i>I actually took this photo.</i> One day this summer, Liz, Cen, Brody, and I were all hanging out and we decided to go to the Elementary School. Broderick, being oh so wise, knew a <b>"short cut"</b> through the woods. Little did I know that this short cut involved quite a bit of mud. After a good 10 minutes in the woods, and <u>ruining a new (and adorable)</u> pair of shoes, I very angrily flopped down in the grass and stared at the sky like an idiot. But then I noticed that the grass was really quite pretty, and the view of the swingset was pretty too, so I dug out my camera and snapped this picture. And then it sat on my camera for a good six months before I was unlazy enough to upload it to a computer. But then I fell absolutely in love with it and ended up using it here...<br><br>
It's funny, but thinking back on that day, it actually was a lot of fun. I'm proud to say I can now laugh at it. And sure, my shoes still have stains on them. But those stains, as well as this picture, hold a lot of memories. <i>(I know, enough with the sappy stuff... You just want the code.)</i><br><br>
<b>BUT FIRST:</b> Credits. I took the photo, I did the pattern for the background and the text/colors. I used brushes from <a href="http://www.outspoken-kate.com">Outspoken</a>, <a href="http://www.saruna.net">Saruna</a> and <a href="http://www.ego-box.com">Ego-Box</a>.(:<br>

<span class="cnthdr">Codage.</span>
<textarea><html>
<body>
<head>
<title>The Great Escape</title>
</head>
<style>
body {background-color: ebebeb;
background-image:url("http://www.chocolatemilkk.net/misc/TGEbacky.png");
background-position: center !important;
overflow-x:hidden !important;}
table.bdy {position: relative; top:0px; width:704px !important; margin-left: 50%; left:-352px; _left:-342px;
vertical-align:top; font-family: Arial, sans-serif; font-size: 8pt; color: black; line-height:11px; border: 1px solid; border-color: black; background-color:white; background-image:url("http://www.chocolatemilkk.net/misc/TGEfooter.png"); background-position:bottom; background-repeat:no-repeat; table-layout:inherit;}
tr.content{width: 704px!important; padding: 0px; vertical-align:top !important; text-align:justify;}
.cnt {width: 500px !important; float: left; border:0px; padding: 1px; vertical-align:top;}
.lnk {width: 200px !important; float: right; border:0px; padding: 1px; vertical-align:top;}
td.footer{font-family:arial; text-transform:lowercase; font-size:7pt; color:555555; text-align:center;line-height:7px; background-color:ebebeb}
a:link
{font-family: georgia; font-size: 8pt; color:555555; 
text-transform: lowercase; letter-spacing:-1pt; text-decoration: none;}
a:visited
{font-family: georgia; font-size: 8pt; color:555555; 
text-transform: lowercase; letter-spacing:-1pt; text-decoration: none;}
a:hover
{font-family: georgia; font-size: 8pt; color:000000; 
text-transform: lowercase; letter-spacing:-1pt; text-decoration: none;}
a.nav, a.nav:active, a.nav:link, a.nav:visited {font-family: Arial; font-size: 10pt; color:115603; text-transform: lowercase; text-decoration: none; display: block !important; background-color:transparent; line-height: 12px; text-align: center; margin:0px; background-image:url("http://www.chocolatemilkk.net/misc/TGEnav2.png"); font-weight:bold;}
a.nav:hover {font-family: Arial; font-size: 10pt; color:6d9cff ; text-transform: lowercase; text-decoration: none; display: 
block !important; background-color:white; font-weight:bold; line-height: 12px; text-align: left; margin:0px; letter-spacing: -1pt; background-image:url("http://www.chocolatemilkk.net/misc/TGEnav1.png");}
.cnthdr {display: block; background-color:transparent; font-family: Arial, sans-serif; letter-spacing: -2pt; color:555555; line-height:22px; text-transform: uppercase; font-weight:bold; text-align: left; font-size: 22pt; border-bottom: 1px solid; border-color: black; background-image:url("http://www.chocolatemilkk.net/misc/TGEcnthdr.png") !important;}
.cnthdr:first-letter{color:6d9cff !important;}
.navhdr {display: block; background-color:ebebeb; font-family: Georgia; font-weight:bold; letter-spacing: -1pt; color:115603; text-transform: uppercase; line-height: 16px;
text-align: center; background-image:url("http://www.chocolatemilkk.net/misc/TGEnavhdr.png"); font-size: 14pt; border-bottom: 1px solid; border-color: 115603; }
b {
 color: a6ac07 !important;
 font-family: Trebuchet MS, sans-serif !important;
 font-size: 8pt !important;
 text-transform: uppercase;
 font-weight:normal !important;}
u {
font-family: Arial !important;
text-decoraton: none !important;
font-size: 8pt !important;
text-transform: lowercase !important;
color: 115603 !important;
text-decoration: none !important;
letter-spacing: !important;}
i,em {
 color: 7fbd01 !important;
 font-family: georgia  !important;
 font-size: 8pt !important;
 font-weight:bold !important;}
textarea {width: 450px; height: 50px; font-family: Small Fonts; font-size: 5pt; text-transform:uppercase; background-color:transparent; color:black; border: 1px solid; border-color:dbe1e5;}
</style>

<table cellpadding="0" cellspacing="0" border="0" class="bdy"><tr><td><img src="http://www.chocolatemilkk.net/misc/TGE.png" width="704" height="440" border="0" alt="" </td></tr>



<tr class="content"><td><div class="cnt">
<span class="cnthdr">So, it's a funny story...</span>
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
</div>


<div class="lnk"><span class="navhdr">Ohshizzz.</span>
This is where you'd put links or things.

<span class="navhdr">Linkies?</span>
<a href="" class="nav">Ohmygod.</a>
<a href="" class="nav">Ohmygod.</a>
<a href="" class="nav">Ohmygod.</a>
<a href="" class="nav">Ohmygod.</a>
<a href="" class="nav">Ohmygod.</a>
<a href="" class="nav">Ohmygod.</a>

<span class="navhdr">So...</span>
This layout looks better the more crap you stuff in it. No lie. Go ahead, fill it with anything you absolutely want to. Just keep these tips in mind: <b>NOTHING</b> in this column may be bigger than about 195px, and <b>NOTHING</b> in the other colums may be bigger than about 495px. Otherwise, the columns don't line up correctly, and then you've got this nasty mess to deal with... It's just gross.):
</div></td></tr>


<tr><td class="footer">All Content © 2010 YOU!<br>
Layout &copy; Kyrie Tompkins @ <a href="http://chocolatemilkk.net">cmilkk!</a></td></tr></table></div>


</body>
</html>
</textarea>
</div>


<div class="lnk"><span class="navhdr">Ohshizzz.</span>
This is where you'd put links or things.

<span class="navhdr">Linkies?</span>
<a href="" class="nav">Ohmygod.</a>
<a href="" class="nav">Ohmygod.</a>
<a href="" class="nav">Ohmygod.</a>
<a href="" class="nav">Ohmygod.</a>
<a href="" class="nav">Ohmygod.</a>
<a href="" class="nav">Ohmygod.</a>

<span class="navhdr">So...</span>
This layout looks better the more crap you stuff in it. No lie. Go ahead, fill it with anything you absolutely want to. Just keep these tips in mind: <b>NOTHING</b> in this column may be bigger than about 195px, and <b>NOTHING</b> in the other colums may be bigger than about 495px. Otherwise, the columns don't line up correctly, and then you've got this nasty mess to deal with... It's just gross.):
</div></td></tr>


<tr><td class="footer">All Content © 2010 YOU!<br>
Layout &copy; Kyrie Tompkins @ <a href="http://chocolatemilkk.net">cmilkk!</a></td></tr></table></div>


</body>
</html>