blogroll 01

<!DOCTYPE html>
<html>
    <head>
	<!-- BLOGROLL 01 by Elin
	http://ohcrucio.tumblr.com/

	        -RULES-
	1. DO NOT REMOVE THE CREDITS
	2. DO NOT USE IT AS A BASE
	3. DO NOT CLAIM AS YOUR OWN -->

        <title>Blogroll</title>
        <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
        <style type="text/css">

        body {
            font-family: cambria;
            font-size: 10px;
            color: #767676;
        }

        a, a:visited, a:hover {
            color: #555555;
            text-decoration: none;
        }

        h1 {
            color: #555555;
            text-align: center;
            font-size: 32px;
            font-family: 'Great Vibes', cursive;
            font-weight: normal;
        }

        #container {
            width: 1116px;
            margin: 0 auto;
        }

        #title {
            margin-bottom: -15px;
        }

        #links {
            text-align: center;
            margin-bottom: 20px;
        }

        #links a {
            text-transform: uppercase;
            font-weight: normal;
            font-family: trebuchet ms;
            background-color: #fafafa;
            color: #767676;
            font-size: 11px;
            padding: 2px 4px;
            margin: 5px;
        }

        .blogroll {
            margin: 4px;
            width: 269px;
            height: 74px;
            background-color: #fafafa;
            float: left;
            border: 1px solid #f1f1f1;

        }

        .blog {
            width: 64px;
            height: 64px;
            float: left;
            padding: 5px;
        }

        .blogdesc {
            width: 185px;
            height: 64px;
            float: right;
            padding: 5px;
            font-style: italic;
        }

        .blogdesc a, .blogdesc a:hover, .blogdesc a:visited {
            color: #555555;
            text-decoration: none;
            font-size: 12px;
            font-weight: bold;
            font-style: normal;
        }

        </style>
    </head>

    <body>
    <div id="container">
    <div id="title"><h1>Blogroll</h1></div>
    <div id="links">
        <a href="/">Home</a>
        <a href="/ask">Message</a>
        <a href="/archive">Archive</a>
        <a href="http://tumblr.com/">Dashboard</a>
        <a href="http://ohcrucio.tumblr.com/">&copy;</a>
    </div>
        {block:Following}
            {block:Followed}
            <div class="blogroll">
            <div class="blog">
            <img src="{FollowedPortraitURL-64}" style="border-radius:2px"/>
            </div>
            <div class="blogdesc">
                <a href="{FollowedURL}">{FollowedName}</a>  <br>{FollowedTitle}</div></div>
            {/block:Followed}
        {/block:Following}
        </div>
    </body>
</html>