Coffee Shop - About Me

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<!-- Code by letsrp @ tumblr. -->

<html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<style type="text/css">

body{
color:#000;
background-attachment:fixed;
background-image: url('http://i43.tinypic.com/1f8w3l.jpg');
text-align:justify;
font-family:calibri;
font-size:10px;
line-height:10px;
}

*, body, a, a:hover {cursor: url(http://ani.cursors-4u.net/food/foo-7/foo655.cur), auto;}

a{
color:#81b4a9;
text-transform:uppercase;
text-decoration:none;
}

a:hover{
color:#ffffff;
text-decoration:italic;
}

::-webkit-scrollbar {width: 4px; height: 4px; background: #d5bea3; }
::-webkit-scrollbar-thumb { background-color: #d5bea3;}

#box{
position:fixed;
width:500px;
height:auto;
margin-top:120px;
margin-left:410px;
padding:20px;
background-color:#f1ede0;
border:1px dotted #cdc6b0;
}

#portrait{
width:250px;
height:400px;
border-bottom:20px solid #b3dcca;
border-top:20px solid #b3dcca;
}

#portrait img{
width:250px;
height:400px;
}

#about{
position:absolute;
width:220px;
height:200px;
margin-top:-440px;
margin-left:260px;
overflow:auto;
padding:10px;
color:#8d775d;
background-color:#e6e0cb;
}

.blurb{
background-color:#d6c1a9;
padding:4px;
width:100px;
font-family: calibri;
text-transform: uppercase;
font-size: 12px;
color:#fff;
margin-left:-10px;
margin-bottom:10px;
border-right:5px solid #b3dcca;
}

#board{
position:absolute;
background-image: url('http://media.tumblr.com/402ccebf69776c477e216176f3967fce/tumblr_inline_mvi0dpwuek1r4iu2l.png');
width:220px;
height:190px;
margin-top:-210px;
margin-left:260px;
overflow:auto;
background-color:#e6e0cb;
border:10px solid #bba182;
border-radius:10px;
}

.chalk{
width:200px;
height:190px;
font-family:eraser;
font-size:18px;
margin-left:10px;
color:#fff;
text-align:left;
line-height:15px;
}

@font-face { font-family: "eraser"; src: url('http://static.tumblr.com/yy7o4zk/4zHmvhznj/erasdust.ttf'); }

#open{
position:fixed;
width:250px;
height:360px;
margin-top:480px;
margin-left:72px;
transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
}

#open:hover{
width:250px;
height:360px;
margin-top:150px;
}

.slinks {
margin-left:55px;
margin-top:25px;
}

.slinks a{
width: 130px;
margin:1px;
display: inline-block;
text-align:center;
text-transform:uppercase;
font-size:10px;
background-color:#ceb598;
padding:3px;
color:#fff;
}

.slinks a:hover{
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
color:#91785b;
background-color:#f1ede0;
}


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


<div id="box">
<div id="portrait"><img src="250x400"/></div>

<div id="about">
<div class="blurb">about</div>
text

<div class="blurb">likes</div>
text
<br><br>

<div class="blurb">dislikes</div>
text
</div>

<div id="board"><div class="chalk"><br>

NAME:  <br>
AGE:  <br>
DOB:  <br><br>

<center>
"Everything has beauty, but not everyone sees it." <br>
- Confucius
</center>
</div></div></div>

<div id="open">
<img src="http://media.tumblr.com/1e05a1a4f89ad31a296ce726aa582f57/tumblr_inline_mvhxsx3dgu1r4iu2l.png"/>

<div class="slinks">
<a href="/">link one</a>
<a href="/">link two</a>
<a href="/">link three</a>
<a href="/">link four</a>
<a href="/">link five</a>
<a href="/">link six</a>
<a href="/">link seven</a>
</div>
</div>
</body>
<div style="position:fixed; bottom:3px; right:5px;"><a href="http://letsrp.tumblr.com">©</a>
</html>