Blogroll theme 01 by lttlebirds

<head>
 <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>

<!-- THEME CREDIT TO LTTLEBIRDS
     *thank you for using my theme, but please do not use this as a base or remove the credit! that's just not nice. however, you can edit it so that it is to your liking of course! if you have any questions, you can message me at lttlebirdsthemes.tumblr.com!
                                ♡ALLI♡-->

<title>TITLE</title>


<style type="text/css">

#bite
#bite a{
display:block
}
#bite .death {
margin-top:0px;filter: alpha(opacity = 100);
opacity:100;-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
}

#bite:hover .death {
margin-top:0px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
filter: alpha(opacity = 0);
filter: alpha(opacity = 0);
opacity:0;
}

::-webkit-scrollbar-thumb:vertical {background-color: #F08080;height:100px;}
::-webkit-scrollbar {height:10px;width:15px;background-color: #ffffff;}

div#qTip {
padding: 3px;
display: none;
text-align: center;
position: absolute;
font-size:10px;
line-height:11px;
text-transform:lowercase;
font-family: baskerville;
z-index: 1000;
background: #F08080;
border:1px solid #F08080;
color: #fff;
font-style: none;
letter-spacing: 1px;
}

a:link{
color: #d8e4f1;
text-decoration:none;
-webkit-transition-duration:0.6s;}

a:hover {
color:#F08080;
}

img:hover {
-webkit-transform: scale(1.2); -webkit-transition-duration: 0.5s;
}

#party {
margin-left:200px;
margin-top:0px;
}

#description {
margin-left: 250px;
margin-top:100px;
color: #F08080;
width: 258px;
height:auto;
padding: 10px;
font-size:11px;
font-family: baskerville;
text-align:center;
border-bottom:1px solid#f08080;
}

#description a{
font-size:11px;
color:#F08080;
}

#links {
margin-top:-120px;
margin-left:324px;
background-color:#F08080;
text-align:center;
width:100px;
height:115px;
padding-top:10px;
}

#links a{
padding:5px;
font-size:20px;
color: white;
width:90px;
font-family: baskerville;
}

#links a:hover{
color:#F08080;
background-color:white;
width:90px;
}

#following {
color: #ffffff;
padding: 5px;
position: center;
width:465px;
height:290px;
overflow:scroll;
padding:10px;
margin-top:5px;
margin-left:310px;
}

#gif img{
height:115px;
margin-left:250px;
margin-top:-100px;
}

#gif img:hover{
-webkit-transform: scale(1.0); -webkit-transition-duration: 0.5s;
}


</style>
<div id="bite">
<div id="party">

<div id="description">
<big><big>NAME</big></big>'s blogroll
<p>
<I>these are the people that i love and the people that light up my dashboard every single day(:</I>
</div>

<div class="death">
<div id="gif">
<img src="http://24.media.tumblr.com/ff0ae5576e6729fe3e65ea8aba345c4b/tumblr_mpyswzt4f41rvbuj7o1_500.gif">
</div>
</div></div>
</div>

<div id="links">
<a href="/">MAIN</a> <br><br>
<a href="/ask">ASK</a> <br><br>
<a href="http://lttlebirdsthemes.tumblr.com/">CREDIT</a>
</div>

<div id="following">
{block:Following}
{block:Followed}
<a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-48}" style="padding:5px;"/></a>
{/block:Followed}
</div>