→ How to Theme: Vol III & IV

<html>
<head>

    <title>{Title}</title>
    <link rel="shortcut icon" href="{Favicon}">
    <link rel="altertnate" type="application/rss+xml" href="{RSS}">
    <meta name="description" content="" />
    <meta http-equiv="x-dns-prefetch-control" content="off"/>

    <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>

<style type="text/css">

body {
	font-size: 10px;
	font-family: Calibri, Candara, Segoe;
	color: #000;
	background-color: #f9f9f9;}

a {
	color: #cf2d85;
text-decoration: none;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;}

a:hover {
	color: #000;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;}

.container  {width: 800px; margin: auto;}

.sidebar {
        width: 200px;
        height: 200px;
        position: fixed;
        padding: 10px;
        background-color: #fff;}

.postcol {width: 540px; margin-left: 240px;}

.posts {margin-bottom: 20px; background-color: #fff; padding: 20px;}
</style>
</head>

<body>
<div class="container">

<div class="sidebar">This is the sidebar div.
<a href="/">This is a link.</a></div>

<div class="postcol"><div class="posts">This is the post div.</div></div>

</div>
</body>
</html>