tutorial series part 3 base

<!-- base code by Ans @ Ettudis-->

<!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}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />

<meta name="color:background" content="#FFFFFF" />
<meta name="color:post background" content="#FFFFFF" />
<meta name="color:post link" content="#999999" />
<meta name="color:post text" content="#565656" />
<meta name="color:sidebar background" content="#000000" />
<meta name="color:sidebar text" content="#FFFFFF" />
<meta name="color:sidebar title" content="#FFFFFF" />
<meta name="color:sidebar title hover" content="#333333" />
<meta name="color:sidebar link border" content="#eeff2e" />
<meta name="color:sidebar link border hover" content="#FFFFFF" />
<meta name="image:background" content="http://subtlepatterns.com/patterns/noise_pattern_with_crosslines.png"/>
<meta name="image:post backround" content=""/>
<meta name="image:sidebar background" content=""/>
<meta name="image:sidebar" content="http://static.tumblr.com/38tkyuw/ovxm0ksqi/48e4e038t6xgldh1.png"/>
<meta name="if:showportrait" content="0"/>

<style type="text/css">
body{
	margin:0px;
	padding:0px;
	background:{color:background} url('{image:background}') fixed;
}
#sidebar {
	position: fixed;
	left: 150px;
	top: 30px;
	width: 150px;
	margin:0px;
	padding:5px;
	font: 11px Consolas, Geneva, Arial, Helvetica, sans-serif;
	color: {color:sidebar text};
	background:{color:sidebar background} url('{image:sidebar background}');
}
#sidebar img{
	max-width:150px;
}
#title a{
	display: block;
	font-style: italic;
	text-decoration: none;
	text-transform: uppercase;
	color: {color:sidebar title};
	border-bottom: 1px solid {color:sidebar title};
}
#title a:hover {
	color: {color:sidebar title hover};
}
#description a{
	display:block;
	padding:0px 3px;
	margin:1px;
	text-align:right;
	text-decoration: none;
	text-transform: lowercase;
	color: {color:sidebar text};
	border-right: 7px solid {color:sidebar link border};
}
#description a:hover{
	border-right: 15px solid {color:sidebar link border hover};
}
#post {
	width: 400px;
	padding:5px;
	margin-left:330px!important;
	margin:5px;
	font: 11px Consolas, Arial, Helvetica, sans-serif;
	color: {color:post text};
	background: {color:post background} url('{image:post background}');
}
#post a{
	color: {color:post link};
}
h1 {
	font: italic 16px Georgia, "Times New Roman", Times, serif;
	text-align: center;
}
h1 a{
	color: {color:post link};
	text-decoration: none;
}
#quote{
	font: italic 16px Georgia, "Times New Roman", Times, serif;
	text-align: center;
	display: block;
}
#audio {
	background: #000000;
	width: 400px;
	display: block;
}
</style>
<body>
<div id="sidebar">
{block:ifsidebarimage}<img src="{image:sidebar}" />{/block:ifsidebarimage}
<div id="title"><a href="/">{title}</a></div>
<div id="description">
	{block:ifshowportrait}<img src="{PortraitURL-30}" style="margin:3px;float:left;"/>{/block:ifshowportrait}
	{block:description}{description}{/block:description}
	<p>
	<a href="/archive">archives</a><a href="/ask">message</a><a href="http://ettudis.three-words.net">theme</a>
	</p>
</div>
</div>

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


{block:Text}
	{block:Title}<h1>{Title}</h1>{/block:Title}
	{Body}
{/block:Text}

{block:Photo}
	<img src="{PhotoURL-400}" />
{/block:Photo}

{block:Photoset}
	{Photoset-400}
{/block:Photoset}

{block:Quote}
	<div id="quote">{Quote}</div>
	{block:Source}<div align="center">- {Source}</div>{/block:Source}
{/block:Quote}

{block:Link}
	<h1><a href="{URL}" target="{Target}">{Name}</a></h1>
	{block:Description}{Description}{/block:Description}
{/block:Link}

{block:Chat}
	{block:Title<h1>{Title}</h1>{/block:Title}
	{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
{/block:Chat}

{block:Audio}
	<div id="audio">{AudioPlayerBlack}</div>
{/block:Audio}

{block:Video}
	{Video-400}
{/block:Video}

{block:Answer}
	{Asker} asked: {Question}
	<p>{Answer}</p>
{/block:Answer}

</div>
{/block:Posts}
</body>
</html>