Theme blogroll por Juh #2

</style>
<style type="text/css">

::-webkit-scrollbar {width: 5px; height: 4px; background: #e6e3d8; border-radius:3px;-webkit-border-radius:10px;}

::-webkit-scrollbar-thumb { background-color:#f3f0e3;}

a:link, a:active, a:visited{
color:#999999;
text-decoration: none;
-webkit-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
}

body {background-color: #f3f0e3;background-position:fixed;font-family:calibri;font-size:30px;color:#000;}


div#center{ position:fixed !important;width:850px;height:80%;border-radius:7px;border: 1px solid #e6e3d8;padding:10px;margin-left:230px;margin-top:0px;font-size: 9px;line-height:11px;background-color:#e6e3d8;font-family:calibri;overflow:auto;text-align:left;}

.side{height:65%;display:inline-block;width:200px;position:fixed;background: #ddd;}

.pic img{opacity:0.5;}
.pic {width:70px;height:70px;display:inline-block;text-align:center;transition: all 0.4s ease-out;-o-transition-transition: all 0.4s ease-out;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;}

.pic:hover img{opacity:0.9;transition: all 0.3s ease-out;-o-transition-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;}

.blog{height:70px;opacity:0.3;width:70px;line-height:70px;position:fixed;text-transform:uppercase;font-size:9px;text-align:center;transition: all 0.3s ease-out;-o-transition-transition: all 0.3s ease-out;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.3s ease-out;}
.blog a{background:#ddd;color:#000;}
.pic:hover .blog{height:70pxwidth:70px;opacity:1;line-height:70px;text-align:center;text-transform:uppercase;font-size:9px;transition: all 0.2s ease-out;-o-transition-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;}

.title{width: 800px;font-family: aerolitecpone;font-size:45px;letter-spacing:3px;line-height:auto;color:#BF3962;margin-top: 30px;background;height:800px;margin-left: 530px;z-index:;display:inline;text-align:center;}

.fs {text-align: center;font-family:tinytots; font-size:8px;  font-style: none;height: 10px;color: #ffffff;background: ; margin-left:250px;margin-top:-10px; text-transform: none; letter-spacing: 1p;position:fixed;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;width408px;line-height:12px; background-color:;}


@font-face {src: url('http://static.tumblr.com/l3gbi5c/ensmp0wdh/aerolitecpone.otf'); font-family: aerolitecpone;}

 @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}



</style>



<title>{title}</title>
<div class="title">My blogroll</div>


</div>
<div id="center">

{block:Following}
{block:Followed}<div class="pic">
<div class="blog"></div>
<a target="_blank" href="{FollowedUrl}"><img width="70px;"border: "3" src="{FollowedPortraitURL-96}"title="{FollowedName}"/></div>{/block:Followed}{/block:Following}
</div>

<div class="fs"><a href="http://helpdesigns.tumblr.com/" title="Theme by helpdesigns. Por futurasuicida - base acousticized"/>THEME ©</a></div></div>


</div>
</head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>