about page theme 1 by hazpottuh

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link href='http://fonts.googleapis.com/css?family=Offside' rel='stylesheet' type='text/css'>

<!--

PLEASE DON'T REMOVE THE CREDITS THANK YOU xx
ABOUT ME THEME #1 by HAZPOTTUH


-->


<style type="text/css">

body {
background: #f7f7f7;
margin:20px;
margin-top:30px;
color:#C7C7C7;
font-family:;
font-size:10px;
line-height:100%;
text-align:justify;
}

a{text-decoration:none; outline:none; -moz-outline-style:none; color:#AAAAAA;}

#center {
     position: absolute;
    height: 200px;
    width: 400px;
    margin: -100px 0 0 -200px;
    top: 50%;
    left: 50%;
    }

    #box {
    position:fixed;
    width:160px;
       height:200px;
    border:dashed 1px;
    position: absolute;
    margin-top:-40px;
    margin-left:40px;
    }

    #haha {
    position:fixed;
    width:160px;
     height:200px;
    border:dashed 1px;
    position: absolute;
    margin-left:170px;
    margin-top:0px;
    }


#title {
    text-align:center;
     margin-top:-90px;
    font-family:georgia;
    font-size:20px;
    color:#CDC0B0;
    padding-top:9px;
    padding-bottom:8px;
}


#hotstuffbbdeceiveme {
    position:fixed;
    font-family:georgia;
    font-size:10px;
    color:#a8a8a8;
    margin-left:2px;
    margin-top:20px;
    padding:8px;
    width:140px;
}


#pic {
    border:solid 1px;
    padding:6px;
    border-color: {color:border};
    opacity:.80;
    position:absolute;
    margin-top:-160px;
    margin-left:170px
    }

#desctitle {
    position:fixed;
    background-color:black;
    width:145px;
    height:10px;
    font-family:trebuchet ms;
    font-size:10px;
    font-color:#E3E3E3;
    margin-left:7px;
    margin-top:8px;
    padding-top:2px;
    padding-bottom:2px;
    text-align:center;
    font-color:
    }


#nav {
    position:fixed;
    width:350px;
    font-family: 'Offside', cursive;
    font-size:20px;
    text-align:center;
    margin-top:-30px;
    margin-left:-169px;
        }


#header {
    width:350px;
    margin-top:-200px;
        }


#links {
position:fixed;
width:140px;
line-height: 200%;
text-transform: uppercase;
margin-left: 60px;
margin-top: 30px;
height:40px;
text-align: justify;
margin-bottom:0px;
display:block;
padding: 0px;

}


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

<div id="center">
 <div id="header">
 <!-- you can edit this picture by hosting your file, try photobucket or imageshack or the tumblr upload static file -->
        <img src="http://static.tumblr.com/jd94sup/zAXmql9op/tumblr_mqjozf5o3v1sbkc41o1_500.png" width="400" align="center">

    </div>
<div id="box">
<div id="desctitle">ABOUT ME</div>
<div id="hotstuffbbdeceiveme">
tell us about yourself. just fit the box.
blah. tell us about yourself. just fit the box.
blah. tell us about yourself. just fit the box.
blah. tell us about yourself. just fit the box.
blah. tell us about yourself. just fit the box.
blah. tell us about yourself. just fit the box.
blah. tell us about yourself. just fit the box.
blah. tell us about yourself. just fit the box.
blah. tell us about yourself. just fit the box.
blah.
</div>

<div id="haha">
<div id="desctitle">OTHER LINKS</div>
<div id="links">
<a href="/">link 1</a> <br>
<a href="/">link 2</a><br>
<a href="/">link 3</a><br>
</div>

<div id="nav">
    <a href="/">home</a> /
    <a href="/ask">ask</a> /
    <a href="/submit">submit</a>

</div>
</div>

<div style="position:fixed;bottom:3px; right:3px; font-size:9px; letter-spacing:1px; font-family:cambria;"><a href="http://hazpottuh.tumblr.com/">credits</a></center></div>

</body></html>