Theme #14


<!doctype html>

<!--
This is theme #14 by sandragonthemes.
Please follow the rules and do not remove the credit.
If you have questions or feedback please send me a message.
-->

<html>
    <head>
        <link rel="shortcut icon" href="{Favicon}">
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
        {block:Description}
        <meta name="description" content="{MetaDescription}" />
        {/block:Description}
        <link href='http://fonts.googleapis.com/css?family=Norican' rel='stylesheet' type='text/css'>


        <style type="text/css">
            {CustomCSS}

            /*SCROLLBAR*/
            ::-webkit-scrollbar {
                width: 8px;
                background-color: #dbdbdb;
            }

            ::-webkit-scrollbar-track {
                background-color: #dbdbdb;
            }

            ::-webkit-scrollbar-thumb {
                background-color: #85A653;
            }

            /*BODY*/
            body {
                background-color: #ffffff;
                font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
                font-size: 11px;
                color: #BFBFBF;
                letter-spacing:1px;
            }

            a{
                color: #85A653;
                font-family: "Trebuchet MS", Helvetica, sans-serif;
                font-weight:normal;
                text-decoration: none;
                text-transform:uppercase;
                font-size: 9px;
                letter-spacing:1px;
            }

            a:hover{
                color: #72943e;
            }

            ul{
                list-style-type: none;
                padding: 0px;
                margin: 0px;
            }


            #container{
                margin:auto;
                width: 610px;
            }

            #sidebar{
                width:60px;
                text-align:center;
                float:left;
                margin-top:50px;
            }

            #sidebar img{
                border:1px solid #dbdbdb;
                padding:3px;
            }

            #sidebar a{
                -webkit-transition:all 0.6s;
                -moz-transition:all 0.6s;
                -ms-transition:all 0.6s;
                -o-transition:all 0.6s;
            }

            #sidebar a:hover{
                text-shadow: 2px 0 0 rgba(53,190,127,0.4), -2px 0 0 rgba(0,244,0,0.2);
                -webkit-transition:all 0.6s;
                -moz-transition:all 0.6s;
                -ms-transition:all 0.6s;
                -o-transition:all 0.6s;
            }

            /*CONTENT*/
            #start{
                width: 500px;
                border-bottom: 1px solid #dbdbdb;
                font-family: 'Norican', cursive;
                font-size: 30px;
                color:#dbdbdb;
                line-height:68%;
                font-style:italic;
                font-weight:500;
                text-shadow: 1px 1px #b9b9b9;
                margin-top:20px;
                padding-right:20px;
                text-align:right;
            }

            #blogroll{
                width:520px;
                height:520px;
                float:left;
                overflow:auto;
                margin-right:25px;
            }

            .followed{
                width:219px;
                height: 38px;
                border:1px solid #dbdbdb;
                float:left;
                margin:10px;
                text-transform: lowercase;
                line-height:90%;
                overflow:hidden;
                padding:3px;
            }

            .followed img{
                border:1px solid #dbdbdb;
                padding:3px;
                float:left;
                margin-right: 10px;
            }

            .followed a{
                line-height:150%;
            }

            {CustomCSS}
        </style>
        <title>{Title}</title>
    </head>

    <body>
        <div id="container">

            <!--CONTENT STARTS HERE-->
            <div id="start">Blogroll</div>
            <div id="blogroll">
                {block:Following}{block:Followed}
                <div class="followed">
                    <a target="_blank" href="{FollowedURL}"><img src="{FollowedPortraitURL-30}"></a>
                    <a href="{FollowedURL}">{FollowedName}</a><br />
                    {FollowedTitle}
                </div>
                {/block:Followed}{/block:Following}
            </div><!--end content-->


            <!--SIDEBAR-->
            <div id="sidebar">
                <img src="{PortraitURL-30}"/>
                <a href="/">Main</a>
                <a href="http://www.tumblr.com/dashboard">Dashboard</a>
                <a href="http://sandragonthemes.tumblr.com">Theme</a>
            </div><!--end sidebar-->

        </div><!--end container-->
    </body>
</html>