About Me {1}

<!-- ABOUT ME 1 by Carlotta
 http://donthemes.tumblr.com/
 don't remove credits -->

<!------ RULES ------>

<!--
1. DO NOT REMOVE CREDITS
2. DO NOT REPOST THE CODE
3. DO NOT CLAIM AS YOURS
4. DO NOT USE IT AS A BASE
-->

<!DOCTYPE html><html>

<head> <title>About Me</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<link href='http://fonts.googleapis.com/css?family=Sofia' rel='stylesheet' type='text/css'><link href="http://fonts.googleapis.com/css?family=Ubuntu:bold" rel="stylesheet" type="text/css">

<style type="text/css">

/* -- BACKGROUND -- */

body {
background-color: #ffffff;
background-image: url('http://i48.tinypic.com/2dhwt4m.png');
background-repeat: repeat;
background-attachment: fixed;
background-position: center;
margin:0; padding:0;
font-size:11px;
overflow-x: hidden;
font-family: Arial, Helvetica, sans-serif;
scrollbar-face-color: #fff; /* IE Scrollbar */}

b { color: #ee9999;}
i { color: #ffcccc;}
small {font-size:11px;}

/* -- GENERAL LINKS -- */

a {text-decoration:none;
color: #bb6688;}

a:hover {color: #575757;}

/* -- GENERAL HOVER TRANSITION CSS -- */

* {-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}

*:hover {-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;}

/* -- SCROLLBAR CHROME & SAFARI -- */

::-webkit-scrollbar {width: 4px; background:#fff;}

/* -- SIDEBAR-- */

#sideim {
position:fixed;
top:0; left:0;
width:420px;
text-align:center;
height:100%;
background-color:#222;
border-right: solid #464646 4px;
background-image: url('http://i44.tinypic.com/9tgxw8.png');}

/* -- SIDEBAR IMAGE -- */

#sideim img {
margin-top:150px;
padding:2px;
width:300px; height:auto;
border: solid #464646 1px;}

/* -- TITLE -- */

#about {
position:fixed;
z-index:1;
top: 76px; left:0;
width:420px;
color:#cecece;
font-size: 42px;
text-align:center;
letter-spacing:4px;
text-shadow: -1px 1px #f7f7f7;
font-family: 'Sofia', cursive;}

/* -- NAVIGATION BAR -- */

#nav {
position:fixed;
z-index:2;
top: 135px; left:57px;
background:#232323;
border-top: solid #464646 1px;
border-left: solid #464646 1px;
border-right: solid #464646 1px;
width:304px;
text-align:center;
font-size: 8px;}

/* -- NAVIGATION LINKS -- */

#nav a {
display:inline-block;
padding:3px 2px;
letter-spacing: 1px;
color:#868686;
text-transform:uppercase;
font-family: 'Ubuntu', Helvetica, Arial, sans-serif;}

#nav a:hover {color: #bb6688;}

/* -- BOX TITLES -- */

.title {
position:relative;
width:500px;
color: #bb6688;
margin:-32px 0px -10px -4px;
font-family: 'Sofia', cursive;
font-size: 26px;
padding-left:3px;
z-index:1;}

/* -- EVERY BOX - DO NOT CHANGE THIS PART -- */

#content {position:absolute; left:480px; top:0;}

#box { top:40px;
position:relative;
margin:0px 26px 50px 0px;}

/* -- DESCRIPTION -- */

.descr {
padding: 8px;
color: #767676;
border: solid #c0c0c0 1px;
width: 480px;
background-color: #fff;}

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .descr  {height: 140px; overflow:auto; } }

</style>
<body>

<!-- TITLE -->
<div id="about">about me</div>

<!-- SIDEBAR IMAGE. CHANGE THE LINK TO ADD YOUR IMAGE -->
<div id="sideim">
<img src="http://24.media.tumblr.com/4192c8e4273605c8f4e4f6c3d37f2773/tumblr_mmpd0gzW4b1rsmh3qo1_500.png">

<!-- NAV LINKS . ADD OTHER LINKS AFTER ASK: COPY AN ENTIRE LINE AND CHANGE THE URL AND THE NAME OF THE URL -->
<div id="nav">
<a href="/">home</a>
<a href="/ask">askbox</a>

<a href="http://donthemes.tumblr.com">theme</a>
</div></div>

<!-- DO NOT DELETE -->
<div id="content">

<!-- THIS IS THE BOX PART. YOU CAN CHANGE:

TITLE: CHANGE TITLE TO YOUR OWN PLEASURE TITLE
DESCRIPTION -->

 <div id="box">
<div class="title"> Title </div>
<div class="descr">

text text text text

</div></div>


 <div id="box">
<div class="title"> Title </div>
<div class="descr">

text text text text

</div></div>


 <div id="box">
<div class="title"> Title </div>
<div class="descr">

text text text text

</div></div>


 <div id="box">
<div class="title"> Title </div>
<div class="descr">

text text text text

</div></div>


</div>
</body>