blogroll code #2

<title>the blogroll</title>

<style type="text/css">

#heading {
 font-family: arial;
 font-size: 15px;
 text-transform: uppercase;
 letter-spacing: 3px;
 font-style: italic;
 text-align: center; }

#heading a {
 font-family: arial;
 font-size: 7px;
 text-transform: lowercase;
 letter-spacing: 3px;
 font-style: italic;
 text-align: center; }

#heading a:link, a:active, a:visited, a:hover {
color: #000000;
text-decoration: none; }

#blog {
 display: inline-block;
 width: 96px;
 overflow: hidden;
 text-align: center;
 font-size: 7px;
 letter-spacing: 2px;
 font-style: italic;
 font-family: arial;
 text-transform: lowercase;
 color: #000000;
 border-bottom: 1px dashed #000000;
 padding-bottom: 2px;
 margin: 10px;
}

#blog:hover
{
text-overflow:inherit;
overflow:visible;
}

#blog a {
 text-decoration: none;
  }

#blog a:hover {
 color: #333333;
  -webkit-transition: all .7s ease-in-out;
 -moz-transition: all .7s ease-in-out;
 -o-transition: all .7s ease-in-out;
 -ms-transition: all .7s ease-in-out;
 transition: all .7s ease-in-out;
}

#blog a:link, a:active, a:visited {
color: #000000;
text-decoration: none; }

</style>


<style type="text/css">{CustomCSS}</style>
<br />
<div id="heading">follow these blogs - <a href="/">back</a></div><br />

<center>{block:Following}{block:Followed}
<div id="blog">
<a target="blank" href="{FollowedURL}">
{FollowedName}
<img style="height: 70px; width: 70px; -moz-border-radius: 35px; border-radius: 35px; margin: 5px;" border="0" src="{FollowedPortraitURL-96}" /></a>
</div>
{/block:Followed}{/block:Following}</center>