body { margin:0px 10px 0px 10px; background: #f1f1f1; }
form { margin:0; padding: 0; }
blockquote{color:#424242; padding:5; background:#f2f2f2; -webkit-border-radius:5; -moz-border-radius:5;}
blockquote:hover{color:#1C1C1C; background:#e6e6e6;}
moz::selection{color:black; background:transparent;}
a:link, a:visited, a:active{ text-decoration: none; color: #AAA; }
a:hover{ border-bottom: 1px dashed #EEE; color: #CCC;}
.line{ position: absolute; top: 0px; left: 0px; width: 100%; height: 20px; padding: 0px; background: #333; color: transparent;  }
p { margin:0px;}
.clear { clear: both; height: 0px; line-height: 0px; font-size: 1px;}
#container { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; width:300px; font-size:13px; color:#E18F9D; background: #f1f1f1; float: center;}
#header { width:60px; height:55px; margin-bottom:18px; padding-left:18px; }
#header .title { font-size:30px; font-weight:bold; color: transparent; backgroud-color: transparent; padding-top:10px; width:400px; text-align:left;}
#header .title a, .title a:link, .title a:visited, .title a:active, .title a:hover{ color:#ffffff; text-decoration:none;}
#header .descri { color:#bb294a; width:724px; text-align:left; font-size:13px; font-weight: bolder; }
#header .descri a, .descri a:link, .descri a:visited, .descri a:active, .descri a:hover { color:#bb294a; text-decoration:underline;}
#extras { float:right; display: none; width:200px; padding-left:18px; background-color: transparent; background-color: #ceed60; display: none;}
#extras .title { font-size:18px; color:#ffffff;}
#extras p { color:#ECA4B0; font-weight:bold;}
#extras p a, p a:link, p a:active{ font-size:11px; color:#eca4b0; text-decoration:underline; font-weight:normal;}
#extras p a:visited { color:#eca4b0; text-decoration:underline;}
#extras p a:hover { color:#ffffff; text-decoration:underline;}
#extras .comment { margin-bottom: 10px; padding-right: 10px; font-size: 11px; }
#extras .sep {margin-bottom:20px;}
#extras .sepB {margin-bottom:5px; margin-top:5px;}
#extras .sapo img { border:1px solid #CCC;}
#profile img { border:1px solid #000; /*float:left;*/ margin-right:7px;}
#messenger img { border:0px solid #CCC;}
.buton { margin-top:5px; font: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif; color: #eca4b0; background: #bb294a; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #eca4b0; border-right-color: #eca4b0; border-bottom-color: #eca4b0; border-left-color: #eca4b0;}
.form { font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif; color: #eca4b0; background: #ffffff; border: 1px solid #eca4b0; margin-top:5px; padding-left:3px; padding-right:3px;}
#calendar { text-align:center;}
#calendar .day { width:19px; padding:2px 3px; height:19px; float:left; text-transform:uppercase; font-size:9px; color:#eca4b0;}
#calendar .dayNum { font-size:10px; font-weight:bold; color:#eca4b0; float:left; width:19px; padding:2px 3px; height:19px;}
#calendar .dayNum a, .dayNum a:link, .dayNum a:visited, .dayNum a:active{ color:#ffffff; text-decoration:underline; background-color:#bb294a; padding:2px 3px; }
#calendar .dayNum a:hover { color:#bb294a; text-decoration:underline; background-color:#eca4b0; padding:2px 3px; }
#calendar .today { font-size:10px; font-weight:bold; color:#bb294a; float:left; width:19px; padding:2px 3px; height:19px;}
#calendar .today a, .today a:link, .today a:visited, .today a:active { color:#bb294a; text-decoration:underline; padding:2px 3px; background-color:#ffffff;}
#calendar .today span { color:#bb294a; padding:2px 3px; background-color:#ffffff;}
#calendar .today  a:hover{ color:#ffffff; text-decoration:underline; padding:2px 3px; background-color:#940928;}
#barrita { text-align:center;}
#posts { text-align: center; background: #f1f1f1; padding: 200px; -webkit-transition: .2s; width: 450px; margin-top: 50px; float: center;}
#posts .date { font-size:12px; font-weight:none; text-transform:uppercase; margin-bottom:0px; color:#ffde8d; font-family: verdana; border-bottom: 1px solid #373737;}
#posts .title { font-family: georgia; font-size:26px; font-weight:italic; color:#c0bdb2; margin-bottom:5px;}
#posts .title:hover {
color:#70653e;
text-shadow:1px 1px 1px #333333;
}
#posts p { margin:0px 0px 5px 0px; color:#32372f; font-size:10px; font-weight:normal; font-family: verdana;}
#posts p a, p a:link, p a:active {text-decoration: none; color: #AAA; }
#posts p a:visited {text-decoration: none; color: #AAA; }
#posts p a:hover {border-bottom: 1px dashed #EEE; color: #CCC;}
#posts .sign { font-size:10px; margin-top:15px; color:#e18f9d;}
#posts .sep { width:483px; border-bottom:1px solid #de5473; height:15px; margin-bottom:20px;}
#posts .sepB { margin-bottom:15px;}
#posts .otherInfo { margin:5px 0px; font-size:11px; color:#e18f9d;}
#posts .nav { font-size:10px; text-align:center; padding-bottom:20px;}
#posts .nav2 { font-size:10px; text-align:right; padding-bottom:20px;}
#comentar .title { font-size:16px; color:#FFF; font-weight:bold;}
#comentar .campo1 { float:left; width:40px; padding:12px 4px 3px 0px; font-weight:bold; font-size:12px; color:#FFF;}
#comentar .campo1B { float:left; width:50px; padding:12px 4px 3px 0px; font-weight:bold; font-size:11px; color:#e18f9d;}
#comentar .campo1C { width:460px; float:left; padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#e18f9d;}
#comentar .campo1D { float:left; padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#e18f9d; width:460px;}
#comentar .campo2 { float:left; padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#e18f9d; width:390px;}
#comentar .campo2 em { font-style:normal; font-weight:bold; color:#e18f9d; font-size:13px;}
#comentar .campo2B { padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#e18f9d;}
#comentar .campo2C { width:390px; float:left; padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#e18f9d;}
#comentar .campo2C em { font-style:normal; font-weight:bold; color:#e18f9d;}
#comentar .campo2D { padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#e18f9d;}
#comentar .campo2D em { font-style:normal; font-weight:bold; color:#e18f9d;}
#comentar p { margin:0px; color:#E18F9D; font-weight:bold; font-size:16px;}
#comentar p a, p a:link, p a:visited, p a:active { color:#E18F9D; text-decoration:underline; font-weight:bold; font-size:16px;}
#comentar p a:hover {color:#FFF; text-decoration:underline;}
#comentar .txt {color:#e18f9d; font-size:13px;}
#comentar .options {font-size:10px;}
#comentar2 { margin-left:30px;}
#comentar2 .campo1C { width:430px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar2 .campo2C { width:360px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar3 { margin-left:60px;}
#comentar3 .campo1C { width:400px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar3 .campo2C { width:330px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar4 { margin-left:90px;}
#comentar4 .campo1C { width:370px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar4 .campo2C { width:300px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar5 { margin-left:120px;}
#comentar5 .campo1C { width:340px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar5 .campo2C { width:270px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
/*SEARCH RESULTS*/
#pesquisa { margin-bottom: 20px;line-height: 25px; }
#pesquisa .campo1B { width: 65px; float:left; }
#pesquisa .campo2B { float:left; }
#pesquisa .campo3B { margin-left: 65px; float:left; }
#searchResults .quantos { color:#e18f9d; font-size:10px;}
#searchResults .pesquisapor { font-size:11px; font-weight:bold;}
#searchResults .pesquisapor a, .pesquisapor a:link, .pesquisapor a:visited, .pesquisapor a:active{  text-decoration:underline; font-weight:bold; font-size:11px;}
#searchResults .pesquisapor a:hover {  text-decoration:underline;}
#results li { list-style-type:decimal; font-size:14px; font-weight:bold; margin:0px 0px 15px 0px;}
/*title*/#results h1 { margin:0px; font-size:18px; color:#ffffff;}
#results h1 a, h1 a:link, h1 a:visited, h1 a:active{color:#ffffff; text-decoration:none; font-weight:bold; font-size:14px;}
#results h1 a:hover { color:#ffffff; text-decoration:underline;}
/*data e autor*/#results h2 { margin:0px; font-size:10px; color:#e18f9d; font-weight:normal;}
/*texto*/#results p { margin:0px; font-weight:normal; font-size:13px;}
/*highlight*/#results em { font-weight:bold; font-style:normal;}
/*url*/#results h3 { margin:0px; font-size:11px; font-weight:normal; }
#results h3 a, h3 a:link, h3 a:visited, h3 a:active{ text-decoration:underline; font-weight:normal; font-size:11px;}
#results h3 a:hover { text-decoration:underline;}
#navega p{ text-decoration:none; float:right; margin:0px 0px 25px 0px; padding:2px 4px 2px 4px; font-size:10px; font-weight:bold; text-transform:uppercase;}
#navega p a, p a:link, p a:visited, p a:active { text-decoration:none; padding:2px 4px 2px 4px; font-weight:bold; font-size:10px;}
#navega p a:hover { text-decoration:none; padding:2px 4px 2px 4px; background-color:#BB294A;}
#navega em { text-decoration:none; padding:2px 3px 2px 3px; font-style:normal; font-weight:bold; border:solid 1px #BB294A;}
/*ADWORDS*/
#adw {font-size:10px; margin-bottom:20px; width:150px;}
#adw #adwtop * p {color:#ffffff;}#adw #adwcont .adwtit a {color:#eca4b0; text-decoration:underline;}
#adw #adwcont .adwtit .title {color:#eca4b0; text-decoration:underline; font-size:10px;}
#adw #adwsub {display:none;}
#adw #adwcont .adwtit {font-weight:normal;}
#adw #adwcont .adwtit a:hover, #adw #adwsub a:hover, #adw #adwcont
.urlbot a:hover {color:#ffffff; text-decoration:underline;}
#adw #adwcont .urlbot a, .urlbot a:link,.urlbot a:visited,.urlbot
a:active {color:#eca4b0; text-decoration:underline;}
#adw #adwcont #adwad4, #adw #adwcont #adwad5, #adw #adwtop #adwright,
#adw #adwbot, #adw #adwcont .s {display:none;}
#adw .pos {display:none;}
#adw .url {display:none;}
#adw .adwline {margin-bottom:10px;}

#posts, #extras { overflow: hidden; }
#extras .comment a { color: #eca4b0; }
#extras .comment a:hover { color: #ffffff; }

<HTML>
<title>Rita Cherry.</title>

<head>
<script>
function changeNavigation(id)
{document.getElementById('sidebar').innerHTML=document.getElementById(id).innerHTML}
</script>
</head>

<style type="text/css">
#navbar-iframe{ display: none; }
body{ background: #F1F1F1; font: normal 12px Arial; }
a:link, a:visited, a:active{ text-decoration: none; color: #AAA; }
a:hover{ border-bottom: 1px dashed #EEE; color: #CCC;}
.line{ position: absolute; top: 0px; left: 0px; width: 100%; height: 20px; padding: 0px; background: #333; color: transparent;  }
.navi{ position: absolute; top: 0px; left: 750px; width: 300px; height: auto; padding: 10px; background: #333;}
#sidebar{ position: absolute; top: 205px; left: 750px; width: 300px; height: auto; padding: 10px; background: #333; color: #EEE; }
.nav{ padding: 5px; background: #333; font: normal 11px Calibri; text-transform: uppercase; color: #EEE; letter-spacing: 1px; cursor: pointer; }
.nav:hover{ background: #444; -webkit-transition: .2s; color: #DDD; }
.top{ position: absolute; top: 10px; left: 200px; width: 500px; border-top: 40px solid #333; border-bottom: 40px solid #333; }
.box1{ background: #FFF; padding: 10px; border-left: 10px solid #fff1cf; -webkit-transition: .2s; }
.box1:hover{ border-left: 20px solid #fff1cf; }
.box2{ background: #FFF; padding: 10px; border-left: 10px solid #fde8d0; -webkit-transition: .2s; }
.box2:hover{ border-left: 20px solid #fde8d0; }
.divider{ height: 20px; background: #f8f4e6; color: transparent; border-top: 1px dashed #f2c9ac; border-bottom: 1px dashed #f2c9ac; }
.h2{border-top: 1px solid #EEE;  font: italic 11px Georgia; color: #BBB; letter-spacing: 1px; cursor: help; text-align: right;}
.h1{ border-bottom: 2px solid #FFAFBE;  font: normal 17px Arial; color: #AAA; cursor: crosshair; }
.h1:first-letter{ color: #82CAFA; text-shadow: 2px 3px -2px #FFAFBE; margin-right: 5px; }
b{ color: #f2c9ac; }
</style>

<body>
<div class="line">x</div>

<div class="navi">
<img src="http://i877.photobucket.com/albums/ab339/Reviviscent/LB6.png">
</div>

<div style="position: absolute; top: 175px; left: 750px; width: 320px; height: auto; text-align: left;">
<span class="nav" onClick="changeNavigation('home')" title="Home">Switch me to :</span>
</div>

<div style="position: absolute; top: 185px; left: 750px; width: 320px; height: auto; text-align: right;">
<span class="nav" onClick="changeNavigation('tagboard')" title="Tagboard">BLAHBLAHBLAH</span>
<span class="nav" onClick="changeNavigation('affiliates')" title="Affiliates">MOREBLAH</span>
<span class="nav"><a href="/" title="Refresh">♥</a></span>
</div>

<div id="sidebar">
Coisas.
Podia escrever aqui a minha vida toda, todos os meus interesses que continuavas a não me conhecer. OPINIÕES. OPINION. OPINA. coisas. blogé. Podia escrever aqui a minha vida toda, todos os meus interesses que continuavas a não me conhecer. OPINIÕES. OPINION. OPINA. coisas. blogé. Podia escrever aqui a minha vida toda, todos os meus interesses que continuavas a não me conhecer. OPINIÕES. OPINION. OPINA. coisas. blogé. Podia escrever aqui a minha vida toda, todos os meus interesses que continuavas a não me conhecer. OPINIÕES. OPINION. OPINA. coisas. blogé.
</div>

<div id="home" style="display: none;">
Podia escrever aqui a minha vida toda, todos os meus interesses que continuavas a não me conhecer. OPINIÕES. OPINION. OPINA. coisas. blogé. Podia escrever aqui a minha vida toda, todos os meus interesses que continuavas a não me conhecer. OPINIÕES. OPINION. OPINA. coisas. blogé. Podia escrever aqui a minha vida toda, todos os meus interesses que continuavas a não me conhecer. OPINIÕES. OPINION. OPINA. coisas. blogé. Podia escrever aqui a minha vida toda, todos os meus interesses que continuavas a não me conhecer. OPINIÕES. OPINION. OPINA. coisas. blogé.
</div>

<div id="tagboard" style="display: none;">
Your tagboard goes here. <br>
Manarie li que vaqeriao |At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao.
</div>

<div id="affiliates" style="display: none;">
<img src="http://i877.photobucket.com/albums/ab339/Reviviscent/user_green.png"> <b>Affiliates</b>
<br>
<a href="http://celestehopes.blogspot.com/" target="_blank">Alicia</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Bernice</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Claudia</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Diana</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Elizabeth</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Fiona</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Geralyn</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Helen</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Icy</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Jolene</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Karissa</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Leah</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Monica</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Natasha</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Ophelia</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Polly</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Quinny</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Rachel</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Serene</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Tiana</a>
<br><br>
<img src="http://i877.photobucket.com/albums/ab339/Reviviscent/rainbow.png"> <b>Credits</b> <br>
Layout was coded by <a href="http://saraaicha.blogs.sapo.pt/">ROCKSTAR</a><a href="http:/www.blogskins.com/me/scintillantstar">scintillant</a>. <br>
Inspirations from <a href="http://www.blogskins.com/me/_toile_filante" title="Navigators inspirations.">*étoile</a><a href="http://www.blogskins.com/info/310824" title="Navigators inspirations.">filante</a>,
<a href="http://www.blogskins.com/me/chapstick" title="(Entries)Border">chap</a><a href="http://www.blogskins.com/info/338752" title="(Entries)Border">stick</a>,
and <a href="http://www.blogskins.com/me/ohvenuss" title="Sidebar">Oh</a><a href="http://www.blogskins.com/info/340394/" title="Sidebar">venuss</a>.
Banner from <a href="http://www.l-vebox.blogspot.com">L-vebox</a>. Icon from <a href="http://www.reviviscent.blogspot.com">Reviviscent</a>. <br>
Mini icons from <a href="http://www.famfamfam.com">Famfamfam</a>.
</div>

<div class="top">
<div class="box1">
<div style="float: right;"><img src="http://i877.photobucket.com/albums/ab339/Reviviscent/138.png"></div>
Your profile goes here.<br>
Occae et harumb bet theap. Est praesent luptatum. Ha. <br>
Et harumd dereud facilis est er expedit distinct. <br>
Yoii rockem sockem mow-em yown. <br>
Manarie li que vaqeriao. Occae et harumb bet theap. <br>
Et harumd dereud facilis est er expedit distinct.<br>
Occae et harumb bet theap. Est praesent luptatum. Ha. <br>
</div>

<div class="divider">Secrets are not meant to be told, so make sure your lips are sealed.</div>

<div class="box2">
código da música, ou algo assim.
</div>

<div class="divider">Secrets are not meant to be told, so make sure your lips are sealed.</div>

</body>
</html>