About Page #1

<html>

<!-- ABOUT PAGE BY EXCOLO [excolo.tumblr.com] -->

<head>
<title>a b o u t</title>
<style>
/* styling */
body { background:url(http://24.media.tumblr.com/tumblr_m0ce1aJAdF1rr1mfbo7_r1_250.png);margin:0px;overflow-x:hidden;color:#757575; }
#cage { width:400px;background:#fafafa;padding:10px;position:absolute;left:220px;top:135px;font-family:lucida sans unicode, sans-serif;font-size:11px;line-height:15px; }
a { color:#b3a5b7; text-decoration:none; }
a:hover { color:#90b2bb; }
i, em { color:#90b2bb; }
strong, b { color:#b3a5b7 ; }
.title { font-family:georgia;font-style:italic;font-size:30px;background:#90b2bb;letter-spacing:-2px;color:#fafafa;padding:10px 0px 10px 240px;margin:80px 0px 0px 0px;position:absolute;width:100%; }
.side img { border:10px solid #c4dce3;position:absolute;top:50px;left:100px; }
h2 { color:#90b2bb;margin:0px 0px 5px 0px;font-weight:500;border-bottom:1px solid #d4d4d4;padding-bottom:5px;font-size:18px; }
h2 span { color:#b3a5b7;font-family:georgia;font-size:22px;font-weight:500;text-transform:uppercase;font-style:italic; }
li { list-style-type:none;margin:0px;display:inline; }
li a { background-color:#90b2bb;color:#fff;padding:2px 5px;border:1px solid #ccd9dc;font-family:georgia;font-style:italic;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out; }
li a:hover {  color:#fff;border:1px solid #e7cde8;background-color:#b3a5b7; }
.credit { position:fixed; bottom:5px;right:5px;color:#688d97;font-size:20px;font-family:times new roman; }
</style>
</head>
<body>
<!-- title div -->
<div class="title">about the blogger</div>

<!-- icon image div -->
<div class="side"><img src="http://25.media.tumblr.com/tumblr_m9amj8ZBna1r0fipko1_100.png"></div>

<!-- content div -->
<div id="cage">
<h2><span>i</span>ntro</h2>
<p>INSERT INTRODUCTION TEXT HERE</p>
<br/>
<h2><span>F</span>avoutite</h2>
<p><em>topic: </em> list of this here</p>
<br/>
<h2><span>L</span>inks</h2>
<p>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</div>

<!-- do not edit anything below here! -->
<a href="http://excolo.tumblr.com" title="about page by excolo"><div class="credit">E</div></a>
</body>
</html>