about page 01

<!DOCTYPE html>
<html>
    <head>
	<!-- ABOUT PAGE 01 by Elin
	http://ohcrucio.tumblr.com/

	        -RULES-
	1. DO NOT REMOVE THE CREDITS
	2. DO NOT USE IT AS A BASE
	3. DO NOT CLAIM AS YOUR OWN -->

        <title>About me</title>
        <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
        <style type="text/css">

        body {
            font-family: cambria;
            font-size: 11px;
            color: #767676;
            line-height: 1.2em;
        }

        a, a:visited, a:hover {
            color: #555555;
            text-decoration: none;
        }

        h1, h2 {
            color: #555555;
            text-align: center;
            font-family: 'Great Vibes', cursive;
            font-weight: normal;
        }

        h1 {
            font-size: 32px;
        }

        h2 {
            font-size: 24px;
            padding-bottom: 3px;
            border-bottom: 1px dashed #f1f1f1;
        }

        ::-webkit-scrollbar {
            width: 5px;
        }

        ::-webkit-scrollbar-thumb {
            background-color: #f1f1f1;
        }

        #container {
            width: 700px;
            margin: 0 auto;
            padding-top: 40px;
        }

        #title {
            margin-bottom: -10px;
        }

        #links {
            margin-top: 13px;
            text-align: center;
            margin-bottom: 20px;
            width: 150px;
        }

        #links a {
            display: block;
            text-transform: uppercase;
            font-weight: normal;
            font-family: trebuchet ms;
            background-color: #fafafa;
            color: #767676;
            font-size: 11px;
            padding: 2px 4px;
            margin: 5px;
        }

        #sidebar {
            float: left;
            margin-top: 17px;
            margin-left: 15px;
        }

        #wrapper {
            float: right;
            width: 500px;
            height: 500px;
            background-color: #fafafa;
            border: 1px solid #f1f1f1;
        }

        #desc {
            margin-top: 15px;
            margin-left: 15px;
            overflow: auto;
            width: 450px;
            height: 470px;
            padding: 0 10px;
            background-color: #FFF;
            text-align: justify;
        }

        </style>
    </head>

    <body>
    <div id="container">
    <div id="sidebar">
    <div id="title"><h1>About me</h1></div>
        <img src="https://31.media.tumblr.com/11f771444c48ce402c9482c60731db9c/tumblr_inline_n4p6mvW7FJ1qm21zj.png">
        <div id="links">
        <a href="/">Home</a>
        <a href="/ask">Message</a>
        <a href="/archive">Archive</a>
        <a href="http://tumblr.com/">Dashboard</a>
        <a href="http://ohcrucio.tumblr.com/">&copy;</a>
    </div>
    </div>
    <div id="wrapper">
<div id="desc">
<h2>TITLE</h2>
<p>Put your own text here!</p>
<h2>TITLE</h2>
<p><strong>Bold text</strong></p>
<ul>
<li>this</li>
<li>is</li>
<li>a</li>
<li>list</li>
</div>
</div>
        </div>
    </body>
</html>