BASE CODE - TUT

  <!--    BASE CODE BY THEMESREC -->

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

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">


<meta name="font:title" content="Trebuchet MS" />
<meta name="font:body" content="Trebuchet MS" />
<meta name="font:description" content="Trebuchet MS" />
<meta name="color:background" content="#f0f8fc" />
<meta name="color:post" content="#e3eff5" />
<meta name="color:sidebar" content="#e3eff5" />
<meta name="color:description" content="#6783a2" />
<meta name="color:text" content="#6783a2" />
<meta name="image:sidebar img" content="" />
<meta name="image:background" content="" />
<style type="text/css">

body {
        background: {color:background};
        background-image: url('{image:background}');
        margin: 0;
        padding: 0;
        font-family: {font:Body};
        }
/* ---   THIS MAKES THE LINKS TO NOT BE UNDERLINED --- */
a{text-decoration:none;}


#title {
    font-family:{font:title};
    color:{color:text};
    font-size:18px;
    font-style:bold;
    text-align:center;
    text-decoration:none;
    }

/* ---   SIDEBAR --- */
#sidebar {
    position:fixed;
    margin-top:20px;
    margin-left:150px;
    width:250px;
    padding:5px;
    background-color:{color:sidebar};
    }


#sidebarpic img {
    margin-top:10px;
    margin-bottom:20px;
    max-width:250px;
    height:auto;
    text-align:center;
    }

#description {
    margin-top:2px;
    width: 250px;
    font-size:11px;
    text-align:justify;
    color:{color:description};
    font-family:{font:description};
    }

/* ---   HERE YOU CAN CUSTOMIZE HOW ENTRIES LOOK --- */
#entry {
     font-size:10px;
     margin-right: 290px;
     margin-top:40px;
     float: right;
     text-align: justify;
     }
/* ---   THIS IS FOR INSIDE OF THE POST --- */
#post {
    font-size:10px;
    padding: 5px;
    width: 500px;
    background-color:{color:post};
    color:{color:text};
    text-align: justify;
     }

{CustomCSS}
</style>
</head>

<body>
  <!--  DIV SIDEBAR -->
<div id="sidebar">
<center>
<!--   IF YOU DON'T LIKE THE TITLE IN THE SIDEBAR YOU CAN REMOVE IT -->
<div id="title">{Title}</div></center>
<div id="sidebarpic"><a href="/"><img src="{image:sidebar img}"/></a></div>
<div id="description">{block:Description}{Description}{/block:Description}</div>
<center>
  <!--   PAGINATION  -->
{block:PreviousPage}<a href="{PreviousPage}"><font-size="12">«</font></a>{/block:PreviousPage} {block:NextPage} <a href="{NextPage}"><font-size="12">»</font></a>{/block:NextPage}
</center></div>


<div id="entry">
{block:Posts}
<div id="post">

{block:Text}{Body}{/block:Text}

{block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}

{block:Link}<a href="{URL}" class="link" {Target}> <h2>{Name}</h2></a>
{block:Description}<P>{Description}</p>{/block:Description}{/block:Link}

{block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
{block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}

{block:Chat}{block:Title}<t>{Title}</t><br>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}

  <!--   ASK -->
{block:Answer}
<div class="question">
<b>{Asker}</b> asked:<br>
{Question}</div>{Answer}
{/block:Answer}



{block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}

  <!-- TO SHOW THE SOURCE OF A POST  -->
<div id="info">posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} • <a href="{Permalink}">{NoteCount}</a> notes{/block:NoteCount}{block:RebloggedFrom} (<a href="{ReblogParentURL}">{ReblogParentName}</a>
{block:ContentSource} source <a href="{SourceURL}">{SourceLink}</a>){block:ContentSource}{/block:RebloggedFrom}<br>

  <!--  FOR TAGS  -->
{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div><br>
{/block:Posts}

  <!--  FOR NOTES -->
{block:PostNotes}{PostNotes}{/block:PostNotes}

</div>

</body>

</html>