theme #2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--
theme #2 by sherloeckchen. please don't remove credit (you may move it) and don't use as a base. thanks :)
you can always ask me things.
-->

        <html>
        <head>

<title>doubleplusgood</title>

        <style type="text/css">

body{
    background: #FFFFFF;
    text-align: justify;
    font-family: baskerville, times, serif;
    font-size: 10px;
    letter-spacing:1px;
    color: #000;
    margin: 0px 0px;
}

a, a:active, a:visited{
    text-decoration:none;
    color:#000;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
}

a:hover{
    text-decoration:none
    color:#99173C;
}

#side{
    margin-left:30px;
    margin-top:150px;
    width:250px;
    padding:30px;
}

.title{
    padding-top:10px;
    padding-bottom:5px;
    width:249px;
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:3px;
    text-align:center;
    border-bottom:1px dotted #99173C;
}

.description{
    text-align:justify;
    padding:10px;
}

.sidelinks{
    margin-top:10px;
}

.sidelink{
    text-align:center;
    text-transform:uppercase;
    font-size:9px;
    margin-bottom:-7px;
    letter-spacing:2px;
    padding:9px;
    width:100px;
}

.sidelink a{
    padding:1px;
}

.sidelink a:hover{
    padding:10px;
    background-color:#99173C;
    color:#fff;;
}

#blogs{
    margin-left:380px;
    margin-top:-325px;
    margin-bottom:100px;
    width:auto;
    height:auto;
}

#blog{
    width:200px;
    height:200px;
    border:0px solid #000;
    padding:10px;
    margin:20px;
    float:left;
}

.blogicon{
    margin-top:5px;
    margin-left:60px;
    margin-right:60px;
}

.blogicon img{
    width:80px;
    height:80px;
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
}

.blogicon img:hover{
    border-radius:50px;
    -moz-border-radius:50px;
    opacity:0.9;
}

.blogtitle{
    width:190px;
    border-bottom:1px solid #99173C;
    padding-bottom:5px;
    padding-top:10px;
    margin-left:5px;
    margin-right:5px;
    letter-spacing:2px;
    font-size:11px;
    text-transform:uppercase;
    text-align:center;
}

.blogtitle a{
    color:#000;
    text-shadow:1px 1px #fff;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
}

.blogtitle a:hover{
    color:#99173C;
    text-shadow:1px 1px #dedede;
}

.blogdescription{
    padding-top:8px;
    line-height:11px;
    text-align:justify;
}

#codecredit{
    left:12px;
    bottom:20px;
    letter-spacing:2px;
    font-size:8px;
    text-align:left;
    text-transform:uppercase;
    position:fixed;
}

#codecredit a{
    background-color:none;
    padding:10px;
}

#codecredit a:hover{
    background-color:#99173C;
    color:#fff;
}

        </style>
        </head>
        <body>



<div id="side">
<div class="title">favourites</div>
<div class="description">These are my favourite blogs of all time. Their blogs are awesome and most likely they are lovely as hell.</div>
<div class="sidelinks"><center>
<div class="sidelink"><a href="/">home</a></div>
<div class="sidelink"><a href="/blogroll">blogroll</a></div></center>
</div>
</div>



<div id="blogs">

<div id="blog">
<div class="blogicon"><img src="http://webarchive.lewishampct.nhs.uk/sim/1460.gif"></div>
<div class="blogtitle"><a href="">blogtitle</a></div>
<div class="blogdescription">Description.</div>
</div>

<div id="blog">
<div class="blogicon"><img src="http://webarchive.lewishampct.nhs.uk/sim/1460.gif"></div>
<div class="blogtitle"><a href="">blogtitle</a></div>
<div class="blogdescription">In here comes the description of the blog and maybe what you like about that specific one. You can also write a short description of the blog or the owner, what your relationship is or where you found it and so on.</div>
</div>

<div id="blog">
<div class="blogicon"><img src="http://webarchive.lewishampct.nhs.uk/sim/1460.gif"></div>
<div class="blogtitle"><a href="">blogtitle</a></div>
<div class="blogdescription">In here comes the description of the blog and maybe what you like about that specific one. You can also write a short description of the blog or the owner, what your relationship is or where you found it and so on.</div>
</div>

<div id="blog">
<div class="blogicon"><img src="http://webarchive.lewishampct.nhs.uk/sim/1460.gif"></div>
<div class="blogtitle"><a href="">blogtitle</a></div>
<div class="blogdescription">In here comes the description of the blog and maybe what you like about that specific one. You can also write a short description of the blog or the owner, what your relationship is or where you found it and so on.</div>
</div>

<div id="blog">
<div class="blogicon"><img src="http://webarchive.lewishampct.nhs.uk/sim/1460.gif"></div>
<div class="blogtitle"><a href="">blogtitle</a></div>
<div class="blogdescription">In here comes the description of the blog and maybe what you like about that specific one. You can also write a short description of the blog or the owner, what your relationship is or where you found it and so on.</div>
</div>

</div>

<div id="codecredit">
<a href="http://sherloeckchen.tumblr.com">code</a>
</div>

        </body>
        </html>