Michael, theme 2-a by Sofi.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<!---- Michael·Theme 2 by Sofi, updates tab picture by Sarah (i-owe-yousomuch.tumblr.com). DO NO REMOVE THE CREDIT, YOU CAN CHANGE THE LITTLE ICON BUT YOU CAN NOT REMOVE IT. --->

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#838282"/>
<meta name="color:Link" content="#b8b8b8"/>

<meta name="image:sidebar1" content=""/>
<meta name="image:sidebar2" content=""/>
<meta name="image:update tab" content=""/>

<meta name="text:link 1" content="home"/>
<meta name="text:link 1 url" content="/"/>
<meta name="text:link 2" content="message"/>
<meta name="text:link 2 url" content="/ask"/>
<meta name="text:link 3" content="about"/>
<meta name="text:link 3 url" content="/"/>
<meta name="text:link 4" content="navi"/>
<meta name="text:link 4 url" content="/"/>

<meta name="text:your name" content="Sofi"/>
<meta name="text:your age" content="18"/>

<meta name="if:Show update tab" content="1"/>


<style type="text/css">

::-webkit-scrollbar {width: 4px; height: 4px; background: #f0f0f0; }
::-webkit-scrollbar-thumb { background-color: #999999; -webkit-border-radius: 0ex; }

body {
    background:{color:background};
    margin:0px;
    color:{color:text};
    font-family:georgia;
    font-size:10px;
    line-height:100%;
    cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png) 3 3, auto;
}

a {
    text-decoration:none;
    outline:none;
    -moz-outline-style:none;
    color:{color:link};
}

img {
    border:none;
}

blockquote {
    padding-left:5px;
    border-left:2px solid;
}

blockquote blockquote {
    padding-left:5px;
    border-left:2px solid;
}

h1 {
    font-size:15px;
}

#entries {
    padding:10px;
    width:500px;
    margin-left:600px;
    margin-top:40px;

}

#post {
    width:500px;
    padding-bottom:25px;
    margin-top:20px;
    margin-bottom:0px;
    padding:7px;
    border: 1px solid #c9c9c9;
    font-family: georgia;
    font-style:italic;
}

#sidebar {
    width:240px;
    position:fixed;
    margin-left:280px;
    margin-top:140px;
}

#description {
    width: 110px;
    line-height: 10px;
    text-align:center;

}

#title {
    font-size:15px;
    text-align:center;
    margin-bottom:5px;
}

#sidebarimage {
    width: 180px;
}

#sidebarimage img {
    width:180px;
}


#sidepic {
width: 115px;
margin-top: -123px;
margin-left: 124px;
padding: 2px;
border: 1px solid #c9c9c9;
}

#sidepic .text{
font-size:11px;
opacity:0;
padding:3px;
width:110px; /*width of the image*/
height:110px; /*height of the image*/
position: absolute;
background-color:#fff;
color:black;
overflow:hidden;
font-style: italic;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
}

#sidepic:hover .text{
opacity:0.9;
margin-left:0px;
transition: all 0.5s linear;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
}

#sidepic2 {
width: 115px;
padding: 2px;
border: 1px solid #c9c9c9;
}

#sidepic2 .text{
font-size:10px;
line-height: 10px;
opacity:0;
padding:3px;
width:110px; /*width of the image*/
height:110px; /*height of the image*/
position: absolute;
background-color:#fff;
color:#838282;
overflow:hidden;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
}

#sidepic2:hover .text{
opacity:0.9;
margin-left:0px;
transition: all 0.5s linear;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
}

#pagination {
    font-size:13px;
    color:#686767;
    text-align: right;
}

#info {
    text-align:right;
    margin-top:10px;
}

#asker {
    float:left;
}

 .question{
    background-color:transparent;
    text-align: center;
    font-style: italic;
    letter-spacing:1px;
    padding:6px;
}

 .answer{
    background-color:transparent;
    line-height: 10px;
    text-align: left;
    font-style: italic;
    letter-spacing:1px;
    font-size: 9px;
}


#credit {
    font-size:9px;
    font-family:georgia;
    letter-spacing:1px;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }

    #credit a {
        background-color:#fff;
        padding:5px;
        border:1px solid #e9e9e9;
        position:fixed;
        right:15px;
        bottom:10px
        }

div.navigate a{
background: transparent;
color: #707070;
letter-spacing: 0px;
display:block;
padding:3px 3;
padding-bottom:3px;
border: 0px solid #000000;
width: 60px;
margin-top:12px;
position:relative;
transition: all 0.1s linear;
-webkit-transition: opacity 0.1s linear;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
z-index:1;
}

div.navigate a:hover{
font-size: 11px;
letter-spacing: 1px;
background: transparent;
color: #d3d3d3;
transition: all 0.3s linear;transition: all 0.1s linear;
-webkit-transition: opacity 0.1s linear;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
}

{block:IfShowupdatetab}
#bite
#bite a{
display:block
}
#bite .death {
margin-top:0px;filter: alpha(opacity = 0);
opacity:0;-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
}

#bite:hover .death {
margin-top:0px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
filter: alpha(opacity = 100);
filter: alpha(opacity = 100);
opacity:100;
}

#actualnews {
font-family:calibri;/*change the font of the update tab*/
font-size:10.3px;
color: #838282;
width:90px;
height:auto;
padding-top:3px;
border:1px solid#b8b8b8;
margin-left: 11px;
margin-top:30px; /*change the margin with the picture*/
text-align:center;
position:fixed;
}

#thekey img{
width:135px;
margin-top: -40px;
margin-left: 0px;
position:fixed;
}
{/block:IfShowupdatetab}

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

{block:IfShowupdatetab}
<div id="bite">
<div id="thekey"><img src="{image:update tab}"></div>
<div class="death">
<div id="actualnews">

Write whatever you want here. You can add links and icons/pixels, and use <b>bold</b>, <i>italics</i>, <s>strike</s> and <u>underline</u>.

<br></div></div></div>
{/block:IfShowupdatetab}

<div id="sidebar">

<div id="sidepic2">
<div class="text"><center><br><font size="2">{text:your name} - {text:your age}</font><br><br><i>{Description}</i><br>
</div>
<a href="/"><img src="{image:sidebar1}" width="115" height="115"></a></div>

<div id="sidepic">
<div class="text">
<div class="navigate"><center>
        <a href="{text:link 1 url}">{text:link 1}</a>
        <a href="{text:link 2 url}">{text:link 2}</a>
        <a href="{text:link 3 url}">{text:link 3}</a>
        <a href="{text:link 4 url}">{text:link 4}</a>
</center></div>
</div>
<a href="/"><img src="{image:sidebar2}" width="115" height="115"></a>
</div><br>

<div id="pagination">
<font size="3">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}{/block:Pagination}</font></div>

</div>

<div id="entries">{block:Posts}<div id="post">

{block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}

{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}

{block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}

{block:Quote}{Quote}{block:Source}<br><br> —<b><font size="1.5">{Source}</font></b>{/block:Source}{/block:Quote}

{block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}

{block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}

{block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}

{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}

{block:Answer}
<div class="question">{Asker}'s thoughts: {Question}</div><blockquote><div class="answer"{Answer}</blockquote>{/block:Answer}

<div id="info">
{block:Date} {TimeAgo}{/block:Date} · <a href="{Permalink}">
{NoteCountWithLabel}</a>

{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>

</div>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:Posts}</div>

</div>

<div id="credit"><a href="http://www.nobodycouldbethatclever.tumblr.com"> ♥</div>

</body></html>