Page #1 // Monochrome

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

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

<!--
THEME CREATED BY ZYXOMETER.TUMBLR.COM
WHAT YOU MAY NOT DO:
- REMOVE CREDITS
WHAT YOU MAY DO:
- EDIT TO YOUR HEARTS CONTENT
-->

<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=Limelight' rel='stylesheet' type='text/css'>
<style type="text/css">
body {
    background-image:url(http://i.imgur.com/v8xU9NG.png);
    background-color:#fff;
    padding:20px;
}
a {
    text-decoration:none;
    color:#403B7A;
    font-weight:bold;
    -webkit-transition: opacity 0.5s linear;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    opacity:1;
}
a:hover {
    text-decoration:none;
    color:#090169;
    opacity:1;
}

.title {
    color:#203d73;
    font-size:30px;
    font-family:'limelight';
    margin-top:100px;
    margin-bottom:-5px;
}

.navbox {
    width:310px;
    height:10px;
    margin-bottom:10px;
}

.nav {
    background:#000;
    color:#fff;
    font-family:calibri;
    font-size:10px;
    line-height:10px;
    text-transform:uppercase;
    border:1px dotted #fff;
    padding:2px;
    width:50px;
    height:10px;
    float:left;
    margin-left:4px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}
.nav:hover {
    background:#E8E8E8;
    color:#000;
    border:1px dotted #000;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

.box {
    background:#fff;
    background-image:url(http://25.media.tumblr.com/tumblr_m3tynqlCIU1r7jx0uo2_250.jpg);
    border:1px dotted #000;
    padding:10px;
    height:226px;
    width:500px;
    background-color:#fff;
    margin-left:auto;
    margin-right:auto;
}

.text {
    color:#383838;
    font-size:11px;
    font-family:calibri;
    background:#000;
    background-image:url(http://31.media.tumblr.com/tumblr_m3tudwmpoh1r7jx0uo2_250.jpg);
    border:2px solid #696969;
    text-align:justify !important;
    padding:2px;
    width:284px;
    height:218px;
    float:left;
    overflow:auto;
}

.image {
    float:right;
    max-width:200px;
    max-height:226px;
}

.credit {
    font-size:9px;
    color:#BABABA;
    font-family:'calibri';
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

.credit:hover {
    color:#090169;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}
</style>
</head>
<body>
<center>
<center><div class="title">ABOUT ME</div>
<div class="navbox">
    <a href="http://zyxometer.tumblr.com"><div class="nav">Home</div></a> <a href="http://zyxometer.tumblr.com"><div class="nav">Ask</div></a> <a href="http://zyxometer.tumblr.com"><div class="nav">Link 1</div></a> <a href="http://zyxometer.tumblr.com"><div class="nav">Link 2</div></a> <a href="http://zyxometer.tumblr.com"><div class="nav">Archive</div></a>
</div></center>

<div class="box">
    <div class="text">
        <b>The image should be <i>226x200</i> pixels. It will auto-resize.</b> <a href="http://zyxometer.tumblr.com/">Home</a> rhoncus elit laoreet enim molestie, sed varius odio auctor. Integer in massa eu purus vestibulum auctor. Morbi aliquam, tortor et euismod auctor, massa libero aliquam quam, non iaculis ante ligula fermentum dui. Mauris rutrum metus ac turpis aliquet convallis. Integer mollis accumsan nisi, vitae varius diam facilisis molestie. Vivamus vel elementum velit. Donec sed lobortis urna. Vestibulum a sem molestie, pellentesque lacus quis, ullamcorper quam. Aliquam erat volutpat. Donec elementum nibh mi, eget malesuada dui faucibus ac.<br /><br />

Morbi ut ultricies risus. Nam suscipit interdum purus accumsan volutpat. Nam mauris nunc, tincidunt lacinia sem eu, faucibus blandit tortor. Cras sed lectus eros. Pellentesque sollicitudin ullamcorper scelerisque. Suspendisse interdum elit nec diam auctor sollicitudin. In eget vulputate felis. Donec fermentum nisl justo, sit amet fringilla orci consectetur at. Pellentesque gravida lacinia eleifend. Nunc ac posuere metus. Donec pretium condimentum nisl, id interdum metus sollicitudin a. Aenean sodales, purus nec ornare convallis, dui lorem lobortis diam, nec pellentesque tortor odio commodo tellus. Nam tempus tellus vel dolor lobortis condimentum. Pellentesque congue mollis porttitor. Etiam sodales dolor in sapien pulvinar faucibus. Integer aliquet hendrerit dignissim.<br /><br />

Aliquam sem purus, adipiscing quis dictum sed, dignissim sit amet mi. Duis facilisis, mi non porttitor facilisis, ante sem accumsan libero, quis viverra risus augue a leo. Mauris rhoncus, nisi a euismod cursus, nisl sapien lobortis mi, id vestibulum urna sem dapibus sapien. Nam dui nulla, tincidunt non lacinia vel, hendrerit non ipsum. Vivamus auctor mauris id placerat varius. Proin euismod luctus ante. Donec sit amet pulvinar massa. Phasellus ante lacus, volutpat id blandit vestibulum, hendrerit quis velit. Proin consequat quis nulla a dignissim.<br /><br />

Nunc nibh velit, ultrices id semper quis, sagittis quis massa. Donec pulvinar iaculis massa. In rhoncus dui at ligula tincidunt luctus. Pellentesque et consequat orci. Praesent facilisis porttitor elit ac aliquam. Donec porta eget sem vel malesuada. Aliquam molestie, sem sit amet eleifend tristique, nisl nisl vehicula nunc, id rhoncus elit diam in augue. Nam et nisl in sem egestas sollicitudin. Proin tincidunt quam a imperdiet auctor. Pellentesque sit amet arcu ipsum. Aliquam consequat elit ac vestibulum molestie. Phasellus sollicitudin odio in lacus molestie euismod.
    </div>
    <div class="image">
        <img src="http://i.imgur.com/9qyx04v.png">
    </div>
</div>
</div>
<a href="http://zyxometer.tumblr.com/"><div class="credit">zyxometer</div></a>
</center>
</body>
</html>