Blogroll Theme 2 : Katniss

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">

<head>
<link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>

<style type="text/css">

body {
background-color:#fff;
background-image: url('http://24.media.tumblr.com/tumblr_ltqq73Kh5g1qhvdofo5_250.png');
background-attachment: fixed;}

::-webkit-scrollbar-thumb:vertical {
background-color: #FA7B98;
height: 30px;}

::-webkit-scrollbar {
height: 30px;
width: 4px;
background-color:#fff;}

#container {
position:absolute;
left:540px;
width:480px;
height:100%;
top:00px;}

#border {
position:fixed;
left:480px;
top:-10px;
height:100%;
background-image: url('http://26.media.tumblr.com/tumblr_lzju29VxIR1r9g6hvo1_250.png');
background-attachment: fixed;
width:40px;}

#container img{
padding:4px;
opacity:.7;}

#container img:hover{
opacity:1;}

#container a{
text-decoration:none;
border: none;}

#all{
position:fixed;
text-decoration:none;
color:#72555a;
font-family: 'Economica', sans-serif;
text-transform:uppercase;
letter-spacing:2px;
font-size:12px;
margin-left:-30px;
background-color:transparent;
opacity:.7;}

#all a{
text-decoration:none;
color:#72555a;
font-family: 'Economica', sans-serif;
text-transform:uppercase;
letter-spacing:2px;
font-size:12px;
margin-left:-30px;
background-color:transparent;
opacity:.7;}

</style>
</head>
<body>
<div id="border"></div>
<div id="all">

<div style="
position:fixed;left:160px;
bottom:40px;
width:300px;
text-align:center;
text-shadow: 0.1em 0.1em 0.05em #fff;">
<a href="/">return to blog</a></div>


<div style="position:fixed;
left:150px;
bottom:55px;
font-size:46px;
letter-spacing:3px;
line-height:15px;
padding-bottom:10px;
text-align:center;
text-transform:lowercase;
color:#72555a;
z-index:-1;
font-family:Dawning of a New Day;width:310px;
text-shadow: 0.1em 0.1em 0.05em #fff;
background-image: url('http://26.media.tumblr.com/tumblr_lzju29VxIR1r9g6hvo1_250.png');
background-attachment: fixed;">following</div>

<div style="position:fixed;
right:10px;
bottom:10px;
font-size:12px;
font-family:consolas;">
<a href="http://vivite.tumblr.com">&copy;</a></div>
</div>
<img src="http://static.tumblr.com/h5tdsbo/cjkm2e219/a.png" style="position:fixed;
left:30px;
bottom:83px;
z-index:1;
opacity:1;width:450px;">

<div id="container">
{block:Following}{block:Followed} <a href="{FollowedURL}"><img src="{FollowedPortraitURL-48}" border="0" /></a> {/block:Followed}{/block:Following}
</div>

</body>
</html>