theme about

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<head>
<title>Blogroll</title>
<link href='http://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
<link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400,700t" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Jura:500' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Electrolize' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Marvel' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Advent+Pro' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Stint+Ultra+Condensed' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Stint+Ultra+Condensed|Source+Code+Pro' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" href="{Favicon}">

<!----------------------------------------------------------

Não copie nada daqui, por favor. Thx
THINGS-TO-HELP-YOU
@2012

----------------------------------------------------------->

</head>

<style type="text/css">
/* --------- Menu ------------------------------ */
.menu {float: left; position: absolute; margin-top: 35px; margin-left: 302px; height: 25px; overflow: hidden;}
.menu a{background: #; height: 25px; padding-left: 10px; padding-right: 10px; display: inline-block;  line-height: 25px; font-family: 'Source Code Pro', sans-serif; text-transform: uppercase; font-size: 10px; text-shadow: 1px 1px 0 #fff; color: #eebdb7; margin: 0 0px 0 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}

/* --------- Conf gerais ------------------------------ */
body{font-family: verdana; font-size: 11px; color: #808080; background: #f9e7e4;}
a{text-decoration: none;}

/* --------- Header ------------------------------ */
#header{width: 500px; height: 157px; margin-top: 30px; margin-right: auto; margin-left: auto; background: url('http://static.tumblr.com/t0iuumg/6Aummqq8g/topo.png') top left no-repeat; position: relative;}

/* --------- Corpinho ------------------------------ */
#content{margin-left: auto; margin-right: auto; width: 500px; background: url('http://static.tumblr.com/t0iuumg/Va5mmqqb0/meio.png'); margin-bottom: -10px;}

/* --------- Footer ------------------------------ */
#footer{background: url('http://static.tumblr.com/t0iuumg/mjImmqqe3/final.png') top left no-repeat; margin-top: 0x; margin-left: auto; margin-right: auto; width: 500px; height: 88px; margin-bottom: 35px;}
/* --------- Blogroll ------------------------------ */
.blogroll{margin-right: auto; margin-left: auto; text-align: justify; margin-top: 10px;}
.blogroll img{border: 4px solid #fae4e1; margin: 2px; width: 40px; height: 40px; opacity: 0.9; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.blogroll img:hover{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; opacity: 1;}

.caixinha {padding: 11px; margin-left: 15px; margin-right: 15px; text-align: justify; line-height: 22px; margin-top: -16px; color: #e6b0a9;}
.foto {float: left; margin-right: 8px; background: #fcf0e8; padding: 7px; border: 1px solid #f5e5db;}

.desejo {text-align: center;}
.desejo .nao {text-align: left; background: #f8e7e5; padding: 3px; width: 140px; display: inline-block; margin-bottom: 1px; margin-top: 1px;}
.desejo .sim  {text-align: left; background: #fcf2f0; padding: 3px; width: 140px; display: inline-block; margin-bottom: 1px; margin-top: 1px;}

</style>

<body>
<div id="header">
<div class="menu">
<a href="/">Home</a>
<a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('content').innerHTML=document.getElementById('02').innerHTML">Blogroll</a>
<a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('content').innerHTML=document.getElementById('03').innerHTML">Listinha</a>
</div>
</div>

<div id="content">
<div class="caixinha">
<b>Demetria</b> "Demi" Devonne Lovato (Dallas ou Albuquerque,nota 1 20 de agosto de 1992) é uma atriz, cantora e compositora norte-americana.

Como atriz, sua carreira teve início em 2002, quando, aos nove anos de idade, ingressou no elenco da série de televisão infantil Barney e seus amigos, tornando-se internacionalmente conhecida apenas a partir de 2008, quando atuou como a protagonista Mitchie Torres no filme original do Disney Channel Camp Rock. Entre 2009 e 2011, participou da série de televisão Sunny entre Estrelas, interpretando a personagem-título, Sunny Munroe. Ela é jurada na segunda temporada da versão norte-americana do reality show The X Factor.

Em sua carreira musical, atua como artista solo, tendo lançado seu álbum de estreia, Don't Forget, em 23 de setembro de 2008. O disco debutou na segunda posição da parada Billboard 200, com a venda cerca de 89 mil cópias em sua primeira semana de distribuição, e mais tarde ganhou o certificado de ouro da RIAA, por ter vendido mais de 500 mil cópias nos Estados Unidos. Here We Go Again, seu segundo álbum, foi lançado em 21 de julho de 2009 e alcançou o número um da Billboard 200, com 108 mil cópias vendidas na primeira semana. Seu terceiro álbum de estúdio, Unbroken, foi lançado em 20 de setembro de 2011 e vendeu 96 mil cópias na primeira semana, estreando na quarta posição da parada.
</div>

</div>
<div id="footer"></div>


<div id="02" style="display:none;">
<div class="caixinha">
<div class="blogroll">
{block:Following}
{block:Followed}<a href="{FollowedURL}" target="_blank"><img src="{FollowedPortraitURL-40}" title="{FollowedTitle}"></a>{/block:Followed}
{/block:Following}
</div></div></div>


<div id="03" style="display:none;">
<div class="caixinha">


<div class="desejo">

<span class="nao"> desejo aqui </span>
<span class="sim"> desejo aqui </span>
<span class="nao"> desejo aqui </span>
<span class="sim"> desejo aqui </span>
<span class="nao"> desejo aqui </span>
<span class="sim"> desejo aqui </span>
<span class="nao"> desejo aqui </span>
<span class="sim"> desejo aqui </span>
<span class="nao"> desejo aqui </span>
<span class="sim"> desejo aqui </span>
<span class="nao"> desejo aqui </span>
<span class="sim"> desejo aqui </span>
<span class="nao"> desejo aqui </span>
<span class="sim"> desejo aqui </span>
<span class="nao"> desejo aqui </span>
<span class="sim"> desejo aqui </span>
<span class="nao"> desejo aqui </span>
<span class="sim"> desejo aqui </span>
<span class="nao"> desejo aqui </span>
<span class="sim"> desejo aqui </span>
<span class="nao"> desejo aqui </span>


</div>


</div></div>


</body>
</html>