THEME EIGHTEEN, ABOUT ME PAGE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!-- THEME EIGHTEEN, SHE'S NOT AFRAID (ABOUT) BY MATTSMIT (HTTP://MATTSMIT.TUMBLR.COM)
DESIGN CREDIT AMERICUNS.TUMBLR.COM -->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<link href='http://fonts.googleapis.com/css?family=Merriweather+Sans:800,|Open+Sans:400' rel='stylesheet' type='text/css'>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />

<script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>

<style type="text/css">

*, body, a, a:hover {cursor: url('http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png'), auto;}

div#qTip {padding: 2px;display: none;text-align: center;position: absolute;font-style:bold;font-size:8px;line-height:10px;font-family:'calibri';text-transform:uppercase;z-index: 1000;background: #fafafa;border:1px solid;border-color:#747272;color:#747272;letter-spacing: 1px;}

a {color:#949292;text-decoration:none;-moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s;}

a:hover {color:#ccc9c9;text-decoration:none;-moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s;}

::-webkit-scrollbar-thumb{background-color: #000;border: 2px solid #fff;height:auto;}
::-webkit-scrollbar {height:9px;width:9px;background-color: #000;border: 4px solid #fff;}
::selection {background: #000;color: #fff;}
::-moz-selection {background: #000;color: #fff;}

body {background-color:#fff;font-family:'Calibri';font-weight:normal;}

.links {margin-top:0px;margin-left:0px;font-size:20px;width:auto;text-transform:lowercase;letter-spacing:2px;line-height:170%;font-family: 'Cambria', sans-serif;font-style:italic;display:block;text-align:center}

.links a{color:#949292;text-decoration:none;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s; -o-transition-duration:1.0s;}

.links a:hover{letter-spacing:5px;border-bottom:1px solid #919191;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s; -o-transition-duration:1.0s;}

#container {float:left;margin-left:400px;margin-top:30px;width:550px;height:700px;text-align:justify;background-color:#fff;color:#9A9A9A;margin-bottom:35px;}

#container img {margin-top:-5px;margin-left:0px;-webkit-filter: grayscale(100%);-webkit-transition: all .25s;}

.title {margin-left:320px;font-family: 'Merriweather Sans', sans-serif;font-size:70px;letter-spacing:-5px;margin-top:-680px;color:#000;}

.sub {margin-left:330px;font-family: 'Merriweather Sans', sans-serif;font-size:30px;letter-spacing:-3px;margin-top:150px;color:#000;}

.info {margin-left:330px;font-family: 'Open Sans', sans-serif;font-size:8px;letter-spacing:1px;margin-top:10px;color:#000;display:block}

.main {margin-left:325px;font-family: 'Open Sans', sans-serif;width:200px;font-size:8px;letter-spacing:1px;margin-top:10px;color:#000;display:block}

{CustomCSS}</style></head><body>

<div id="container">

<img src="YOUR IMAGE URL HERE" height="350px" width="310px">

<img src="YOUR IMAGE URL HERE" height="350px" width="310px">

<div class="title">Hello.</div>

<div class="sub">
Meet YOUR NAME HERE.
</div>

<div class="info">
AGE: YOUR AGE<br>
GENDER: YOUR GENDER<br>
LOCATION: YOUR LOCATION
</div>

<div class="main">
<div style="overflow:auto;padding:5px;width:200px;height:200px;">

this is where you description goes. please note: longer abouts look best.

</div></div>

<!--//**PLEASE DONT CHANGE ANYTHING THING HERE!! IT WILL MESS UP THE DESIGN!!!!!**//-->
<div style="margin-left:330px;margin-top:5px;"><img src="http://www.drapersjobs.com/getasset/?uiAssetID=f6fc34a1-5b6d-4ca8-865c-0657f4451d6f" height="80px" width="180px"></div>

<div style="margin-left:325px;margin-top:5px;"><img src="http://24.media.tumblr.com/4b8a5960daba88fa9e285290cad13353/tumblr_mmdrw5QvNX1r24unio1_100.jpg" height="35px" width="140px"></div>

<div style="margin-left:435px;margin-top:2px;"><img src="http://24.media.tumblr.com/2dc1a20ff6dc0baae4bb7797863f49fd/tumblr_mmds9bnpQQ1r24unio1_100.jpg" height="20px" width="105px"></div>

<div class="links">
<a href="/">back</a>
<a href="/ask">ask</a>
<a href="http://mattsmit.tumblr.com/">credit</a>
</div>


</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>


<!--//**DONT CHANGE ANY OF THIS!!!!!!!!!**//-->


<div style="position:fixed; bottom:-5px; right:0px;"><center>
<a href="http://mattsmit.tumblr.com"><img src="http://media.tumblr.com/2cdb11ac62288b4a60979cc5602ac8db/tumblr_inline_mnro7vzBOJ1qz4rgp.png" width="45px" height="45px"></a></div>

</body></html>