Simple – with date before post

<!--
This is "simple" a tumblr-theme by Andreas Hirsch
http://atomicocean.tumblr.com/
-->
<html>
    <head>
        <title>{Title}</title>
        <link rel="shortcut icon" href="{Favicon}">
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
        {block:Description}
            <meta name="description" content="{MetaDescription}" />
        {/block:Description}

        <meta name="color:background" content="#fff"/>
        <meta name="text:font size" content="12px"/>
        <meta name="font:body" content="courier new"/>
        <meta name="color:Text" content="#666"/>
        <meta name="color:Link" content="#666"/>
        <meta name="image:Header" content=""/>

        <style type="text/css">

        body{
            position:absolute top:0px left:0px;
            margin: 0 0 0 0;
            background:{color:background};
            font-family:{font:body};
            font-size:{text:font size};
            font-color:{color:Text};
        }

        h1 {
            font-size:26px;
            font-weight:normal;

        }

        ol {
            list-style-type:none;
        }

        ul {
            list-style-type:none;
        }

        li {
            list-style-type:none;
        }

        #all {
            margin: 0 0 0 0;
            width:750px;
            margin-left:auto;
            margin-right:auto;
        }

        #nav {
            margin: 0 0 0 0;
            width:200px;
            height:100%;
            position:fixed;top:0px:left:0px;
            padding:15px;
            text-align:right;
            border-right: 1px dotted #ccc;

        }


        #nav a {
            text-decoration:none;
            color:#666;
        }

        #nav a:hover {
            text-decoration:none;
            color:#fff;

        }

        #content {
            width:500px;
            float:right;
        }

         #content a {
            color:{color:Link};
        }

        #content a:hover {
            color:#fff;
            background:#000;
            text-decoration:none;
        }

        #posts {
            margin-bottom:30px;
        }


        .quote {
            font-size:16px;
            font-style:italic;
        }

        #goto {
            font-size:10px;
            text-transform: uppercase;
            letter-spacing:1px;
            color:#666;
            margin-bottom:0px;
        }

        #goto a {
            text-decoration:none;
            color:#666;
            text-transform: uppercase;
        }

        h3 {
            font-size:18px;
            font-weight:normal;
        }

         .audio img {
            width:250px;
        }

        #audioplayer{width:250px;background-color:#000;}

        #source {
            font-size:10px;
        }


        </style>

    </head>
    <body>

    <div id="all">

      <div id="nav">

            {block:IfHeaderImage}<a href="/"><img src="{image:Header}"/></a>  {/block:IfHeaderImage}


    {block:IfNotHeaderImage}<a href="/"> <h1>{Title}</h1> </a>{/block:IfNotHeaderImage}


        {block:Description}
            <p id="description">{Description}</p>
        {/block:Description}


        <li><a href="/ask" title="ask">ask</a></li>

        <li><a href="/archive">archive</a></li>


        {block:HasPages}
        {block:Pages}
        <li>
        <a href="{URL}" class="page">{Label}</a>
        </li>
        {/block:Pages}
        {/block:HasPages}

      </div>

      <div id="content">

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

                {block:Text}

                 <div id="goto">
                        <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date}/a>
                        </div>

                    <div class="post text">
                        {block:Title}
                            <h3>{Title}</h3>
                        {/block:Title}

                        {Body}


                    </div>
                {/block:Text}

                {block:Photo}
                    <div class="post photo">

                     <div id="goto">

                        <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date}</a>
                        </div>

                        <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>

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


                    </div>
                {/block:Photo}

                {block:Panorama}
                    <div class="post panorama">

                    <div id="goto">

                        <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date}</a>
                        </div>

                        {LinkOpenTag}
                            <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
                        {LinkCloseTag}

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

                    </div>
                {/block:Panorama}

                {block:Photoset}
                    <div class="post photoset">

                     <div id="goto">

                        <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date}</a>
                        </div>


                        {Photoset-500}

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

                    </div>
                {/block:Photoset}

                {block:Quote}
                    <div class="post quote">

                    <div id="goto">

                        <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date}</a>
                        </div>

                        "{Quote}"

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


                    </div>
                {/block:Quote}

                {block:Link}

                <div id="goto">

                        <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date}</a>
                        </div>

                    <div class="post link">
                        <a href="→{URL}" class="link" {Target}>{Name}</a>

                        {block:Description}
                            <div class="description">{Description}</div>
                        {/block:Description}


                    </div>
                {/block:Link}

                {block:Chat}
                    <div class="post chat">

                    <div id="goto">

                        <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date}</a>
                        </div>

                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        <ul class="chat">
                            {block:Lines}
                                <li class="{Alt} user_{UserNumber}">
                                    {block:Label}
                                        <span class="label">{Label}</span>
                                    {/block:Label}

                                    {Line}
                                </li>
                            {/block:Lines}
                        </ul>
                    </div>
                {/block:Chat}

                {block:Video}
                    <div class="post video">

                     <div id="goto">
                        <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date}</a>
                        </div>

                        {Video-500}

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

                    </div>
                {/block:Video}

                {block:Audio}
                    <div class="post audio">

                    <div id="goto">

                        <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date}</a>
                        </div>

                        {block:AlbumArt}
                    <img src="{AlbumArtURL}" id="albumart">
                    {/block:AlbumArt}
                    <div id="audioplayer">{AudioPlayerBlack}</div>

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


                    </div>
                {/block:Audio}

                {block:Answer}

                <div id="goto">

                        <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date}</a>
                        </div>

<div class="question">

{Asker}: {Question}
</div>

{Answer}

{/block:Answer}

 {block:PermalinkPage}
                <div>


                {block:HasTags}
                {block:Tags}
                <a href="{TagURLChrono}">{Tag}/</a>
                {/block:Tags}
                {/block:HasTags}


                {block:PostNotes}
                {NoteCountWithLabel}</li>
                {PostNotes-16}
                {/block:PostNotes}
                </div>
                {/block:PermalinkPage}


            {/block:Posts}

            <p id="footer">
             {block:Pagination}
            {block:PreviousPage}
                <a href="{PreviousPage}">Last</a>
            {/block:PreviousPage}

            {block:JumpPagination length="5"}
                {block:CurrentPage}
                    <span class="current_page">{PageNumber}</span>
                {/block:CurrentPage}
                {block:JumpPage}
                    <a class="jump_page" href="{URL}">{PageNumber}</a>
                {/block:JumpPage}
            {/block:JumpPagination}

            {block:NextPage}
               <a href="{NextPage}">Next</a>
            {/block:NextPage}
        {/block:Pagination}

        </div>

        </div>


        </p>

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