<!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">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>
<head>
<link rel="shortcut icon" href="">
<title>From Gallifrey with Love.</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function() {

    //Default Action
    $(".tab_content").hide(); //Hide all content
    $("ul.tabs li:first").addClass("active").show(); //Activate first tab
    $(".tab_content:first").show(); //Show first tab content
    
    //On Click Event
    $("ul.tabs li").click(function() {
        $("ul.tabs li").removeClass("active"); //Remove any "active" class
        $(this).addClass("active"); //Add "active" class to selected tab
        $(".tab_content").hide(); //Hide all tab content
        var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
        $(activeTab).fadeIn(); //Fade in the active content
        return false;
    });

});
</script>
</head>



<style type="text/css">
#navbar-iframe,.blogger-labels{display:none!important;}

body {
  background-color: #fefefe;
  background-image: url('http://i46.tinypic.com/24e5o4i.jpg');
  background-attachment: fixed;
background-repeat: no-repeat;
  font-family: arial;
  font-size: 11px;
  line-height: 15px;
  color: #888;
  text-wrap: normal;
  word-wrap: break-word;
  }

a {
 color: #555;
border-bottom: 1px dotted #555;
 text-decoration: none;;-moz-transition: 0.8s
 }

a:hover {
border-bottom: 1px solid #7A475D;
 color: #7A475D;;-moz-transition: 0.8s
 }

blockquote {
 font-size: 12px;  
font-style: italic;
font-family: georgia;
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb;
 margin-left: 8%;
color: #555;
padding: 12px;
 width: 80%;
 }

.side {position: fixed;}

.navi_circle {
margin-left: 40px;
margin-top: 30px;
width: 70px;
height: 70px;
background-color: #E8917B;
border-radius: 75px;
moz-border-radius: 75px;
padding: 40px;
color: #fefefe;
font-family: trebuchet ms;
filter: alpha(opacity=60); opacity:0.6;;-moz-transition: 0.5s
}

.navi_circle a {border-bottom: none; color: #fefefe;;-moz-transition: 0.5s}
.navi_circle a:hover {margin-left:8px;;-moz-transition: 0.5s}

.navi_circle:hover {filter: alpha(opacity=100); opacity:1.0;;-moz-transition: 0.5s}

.text_circle {
width: 170px;
height: 170px;
padding: 40px;
text-align:justify;
margin-left: 380px;
margin-top: 130px;
border-radius: 125px;
moz-border-radius: 125px;
background-color: #93C1C2;
color: #fefefe;
font-family: trebuchet ms;
filter: alpha(opacity=60); opacity:0.6;;-moz-transition: 0.5s
}

.text_circle a{border-bottom: 1px dotted #fefefe;}

.text_circle:hover {filter: alpha(opacity=100); opacity:1.0;;-moz-transition: 0.5s}

.under_the_circles {
width: 485px;
font-family: georgia;
font-style: italic;
font-size: 18px;
padding-right: 60px;
padding-left: 60px;
text-align: center;
margin-top: 30px;
letter-spacing:1.5px;
line-height: 24px;
margin-left:40px;
}

.content {
width: 460px;
height: auto;
padding-left: 30px;
margin-top: 30px;
margin-left: 660px;
margin-bottom: 25px;
}

.entry {
width: 400px;
text-align: justify;
padding-left: 30px;
margin-left: -32px;
margin-bottom: 25px;
border-left: 2px solid #bbb;
}

.entryheader {
font-size: 21px;
text-align: left;
font-family: arial narrow;
letter-spacing: 4px;
color: #999;
width: 430px;
padding-bottom:8px;
padding-left: 30px;
padding-top:5px;
margin-left: -32px;
border-left: 2px solid #93C1C2;;-moz-transition: 0.5s
}

.entryheader:hover {letter-spacing:5px;;-moz-transition: 0.5s}

img {-moz-transition:2s; filter: alpha(opacity=100); opacity:1.0;;-moz-transition: 1s}

.links a{
text-transform: lowercase;
padding: 3px;
margin-left: 5px;
color:#fefefe;
border-bottom: none;
border-radius: 2px;
moz-border-radius: 2px;
}

.aff a {
background-color:#fefefe;
margin-right:7px;
padding: 2px;
padding-left: 5px;
padding-right: 5px;
color: #93C1C2;
line-height: 25px;
}

.links a:hover {background-color: #dedede;}

ul.tabs {margin-left: -40px; list-style: none;}
ul.tabs li { display:inline;}
ul.tabs li.active a {font-weight:bold;}
#com a, ul.tabs li a{letter-spacing: 2px; font-weight: none;color: #fefefe; border-bottom: none; text-decoration:none; -webkit-transition-duration:0.5s;; -moz-transition: 0.5s}
#com a:hover, ul.tabs li a:hover{}

</style>

<body>

<div class="side">

<div class="navi_circle"><div style="margin-top: -5px; margin-left: -5px;"">
<big>»</big> <a href="/">Home</a><br>
<big>»</big> <a href="/">Tagboard</a><br>
<big>»</big> <a href="/">Flavors</a><br>
<big>»</big> <a href="/">Tumblr</a><br>
<big>»</big> <a href="/">Facebook</a>
</div></div>

<div class="text_circle">
<center><ul class="tabs">
<li><a href="#tab1">about</a></li> · 
<li><a href="#tab2">extras</a></li> · 
<li><a href="#tab3">affies</a></li>
</ul></center>
<div id="tab1" class="tab_content">
Olá meu nome é fulano! adoro ciclano e lalalalalla lalalalalla lalalalalla lalalalalla lalalalalla lalalalalla lalalalalla lalalalalla lalalalalla </div>
<div id="tab2" class="tab_content">
Oh, Doctor. You keep my mind afloat everyday. I hope everybody else who sees this will travel to Gallifrey, discover its beauty and fill this space with their experience there.
</div>
<div id="tab3" class="tab_content">
Visit my other friends who had been on the TARDIS, will you?<br>
<div class="aff"><center><a href="/">Amy</a><a href="/">Rory</a><a href="/">River</a><a href="/">Rose</a><br><a href="/">Jack</a><a href="/">Donna</a><a href="/">Mickey</a></div></center>
</div>
</div>

<div class="under_the_circles">
"The Doctor's darkest hour. He will rise higher than ever before and then fall so much further."
</div>

</div>

<div class="content">
<blogger>
<div class="entryheader">
"<$blogitemtitle$>"
</div>

<div class="entry">
<div align="right" style="margin-bottom: 10px; margin-top: -21px; "><div class="links"><a href="<$BlogItemPermalinkURL$>"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> at <$blogitemdatetime$></a></div></div>
<$blogitembody$>
</div>

</blogger>
<center><newposts><a href=<$NewerPosts$>>Recent Posts</a></newposts><olderposts> or <a href=<$OlderPosts$>>Older Posts</a></olderposts>?<br>
Layout by <a href="http://ilovestarandbooks.blogspot.com.br/">Vitor Lessa</a>. Image from <a href="http://weheartit.com/entry/30614682">weheartit</a>.</center>
</div>

</body>
</html>