Theme Tut: Posts 4

<html>
<head>

<title>{Title}</title>

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


<style type="text/css">

/* styling, or CSS, goes here */

body {margin:0;
font-size:11px;
font-family:helvetica;
color:#aaa;
background:#fff;
font-weight:normal;
}

a {text-decoration:none;
color:black;
}


#container {position:absolute;
left:50%;
top:0;
width:400px;
margin-left:-200px;}

#header {margin-top:100px;
margin-bottom:100px;
text-align:center;
}

#blogtitle {font-size:18px;
font-weight:bold;
margin-bottom:15px;
}

#description {font-style:italic;
padding:14px 0;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
}

#links {margin-top:15px;
}

#links a {color:#000;
margin:0 10px;
}

/* posts */

#entries {margin-bottom:100px;
}

.post {width:400px;
margin-bottom:50px;}

.title {font-size:14px;
text-align:center;
margin-bottom:15px;}

.quote {font-style:italic;
font-size:14px;
text-align:center;
margin-bottom:15px;}

.source {font-size:10px;}

.chat ol {list-style:none;
margin:0;
padding:0;}

.chat li {padding:10px 0;}

.question {font-style:italic;
}

.answer {margin-top:15px;}

.audio_info {margin-top:15px;
font-size:10px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:1px;
}

.caption {margin:10px 0;}

.permalink {font-size:10px;
text-align:center;
border-top:1px solid #eee;
padding-top:10px;
margin-top:10px;
}

.tags {text-align:center;
margin-top:5px;
}

.tags a {margin:0 5px;}

#pagination {margin-bottom:100px;
text-align:center;
font-style:italic;
}

#pagination a {margin:0 15px;}

</style>

</head>

<body>

<!-- all your HTML goes here! -->

<div id="container">

	<div id="header">
		<div id="blogtitle">{title}</div>
		<div id="description">{description}</div>
		<div id="links">
		    <a href="/">Home</a>
		    <a href="/ask">Message</a>
		    <a href="/archive">Archive</a>
		</div>
	</div>

	<div id="entries">

	    {block:posts}
	    <div class="post">

	   {block:quote}
	   <div class="quote">{quote}</div>
	   {block:source}<span class="source">{source}</span>{/block:source}
	   {/block:quote}

	   {block:Text}<div id="Text">
	   {block:title}<div class="title">{title}</div>{/block:title}
	   {Body}</div>
	   {/block:Text}

	   {block:link}
	   <div class="title"><a href="{URL}">{Name}</a></div>
	   {block:description}{description}{/block:description}
	   {/block:link}

	   {block:chat}
	   <div class="chat">
	   {block:title}<div class="title">{title}</div>{/block:title}
            {block:lines}<ol>
                <li>{block:label}{label}{/block:label}{Line}</li>
            </ol>{/block:lines}
        </div>
        {/block:chat}

        {block:photo}
        {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
        {/block:photo}

        {block:photoset}
        {photoset-400}
        {/block:photoset}

	    {block:video}
	    {video-400}
	    {/block:video}


	    {block:answer}
	    <div class="question">{asker} asked: {question}</div>
	    <div class="answer">{answer}</div>
	    {/block:answer}



	    {block:audio}
	    {audioplayerwhite}
	        <div class="audio_info">
	        {block:trackname}{trackname}{/block:trackname}
	        {block:artist}{artist}{/block:artist}
	        </div>
	    {/block:audio}

	    {block:caption}<div class="caption">{caption}</div>{/block:caption}

	    {block:date}
	    <div class="permalink">
	        <a href="{permalink}">{timeago}</a>
	    </div>
	    {block:hastags}
	    <div class="tags">
	        {block:tags}<a href="{tagurl}"># {tag}</a>{/block:tags}
	    </div>
	    {/block:hastags}
	    {/block:date}

	    </div>
	    {/block:posts}

	    {block:PostNotes}
            {PostNotes}
        {/block:PostNotes}

        {block:pagination}
            <div id="pagination">
                {block:PreviousPage}
                <a href="{PreviousPage}">Previous Page</a>
                {/block:PreviousPage}

                {block:NextPage}
                <a href="{NextPage}">Next Page</a>
                {/block:NextPage}
            </div>
        {/block:pagination}

	</div>

</div>


</body>

</html>