teets

<!-----
blogroll theme 2 by acousticized
------>

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>

<link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>

<script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
<style>
div#qTip {
    padding: 2px;
    height:9px;
    font-family:calibri;
    font-size:8px;
    display: none;
    text-align: center;
    position: absolute;
    line-height:8px;
    z-index: 999999999999;
    background: {color:title};
    color: #fff;
    text-transform:uppercase;
    border:1px solid #fff;
    letter-spacing: 1px;
}
</style>
<style type="text/css">

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

::-webkit-scrollbar-thumb { border-radius:7px;background-color:#BDCEFF;}

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: #f9f9f9; /*BACKGROUND COLOR*/
background-position:fixed;
font-family:calibri;
font-size:30px;
color:#000;}


div#center{
position:fixed !important;
width:693px;
height:65%;
border-radius:7px;
border: 1px solid #ddd; /*CONTENT BORDER*/
padding:10px;
margin-left:350px;
margin-top:80px;
font-size: 9px;
line-height:11px;
background-color:#fff;/*BACKGROUND COLOR*/
font-family:calibri;
overflow:auto;
text-align:left;
}
.side{
    height:65%;
    display:inline-block;
    width:200px;
    position:fixed;
    background: #ddd;
}
.pic img{
    -webkit-filter:grayscale(0.7);
    opacity:0.9;
    border-radius:60px;
}
.pic {
    width:70px;
    margin:3px;
    height:70px;
    display:inline-block;
    text-align:center;
    border-radius:60px;
    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;
    overflow: auto;
}

.pic:hover img{
opacity:0;
    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;
}

.pic:hover{
    background:#F9F9F9;
    }
.blog{
    height:70px;
    display: inline-block;
    opacity:1;
    width:70px;
    line-height:70px;
    position: absolute;
    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;
}

@font-face {
font-family: "g";
src: url('http://static.tumblr.com/a90iyxz/7y4mmuafe/iknowaghost.ttf');
}

.title{
width: 210px;
font-family:cedarville cursive;
font-size:35px;
letter-spacing:3px;
color:#BDCEFF;
height:49px;
border-bottom:1px dashed #ddd;
text-align:center;
}


@font-face {
font-family: "titulo";
src: url('http://static.tumblr.com/exioynw/NBFm4wy7z/bebasneue.otf');
}
.sidee{
    margin-top: 230px;
    margin-left: 70px;
position:fixed;}
.links{
text-transform: uppercase;
width: 230px;
overflow:hidden;
background:;
font-family:consolas;
font-size:9px;
letter-spacing:1px;
line-height:auto;
color:#999999;
z-index:9999;
text-align:justify;
margin-left:7px;
}

.links a{
    border:1px solid #ddd;
    padding:6px;
    text-align:center;
    width:80px;
    background:white;
    margin:3px;
    display:inline-block;
    }

</style>

<title>{title}</title>
<div class="sidee"><div class="title">my blogroll
</div>
<div class="links">
<a href="/">main page</a><a href="http://tumblr.com/dashboard/">back to dash</a><a href="/ask">message me</a><a href="http://acousticized.tumblr.com"> theme credit</a>
</div>


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


{block:Following}
{block:Followed}


<div class="pic">


<div class="blog">{FollowedName}</div>

<a href="{FollowedUrl}"><img width="70px;"border: "3" src="{FollowedPortraitURL-96}"title="{FollowedName}"></div>

{/block:Followed}{/block:Following}
</div>


</div>


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