I'm trying to modify my tumblr theme because the original code (from snazzyspace.com) placed the tags above the post. I have managed to get them to sit in the bottom-right corner of the post (where I want them to be) along with the notes and timestamp, but whatever I did has caused this annoying "join" between the photo post and those below it. The quote and text-type posts are fine though :/
Here's the code at the moment:
CODE
<html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Princess+Sofia' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Istok+Web' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Amatic+SC:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Yellowtail' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica+SC' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="http://proto.jp/js/tumblrAutoPager.js"></script>
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<style type="text/css">
body {
background:url('http://www.snazzyspace.com/defaultimages/941113_damask.gif') repeat #FFFFFF;
margin:25px 0;
background-attachment:fixed;
text-align:center;
font:13px 'Istok Web', sans-serif;
color:white;
}
.postnotes {
display:block;
text-align:right;
padding:5px;
font:10px 'Istok Web', sans-serif;
}
.postnotes a, .postnotes a:link, .postnotes a:active, .postnotes a:visited {
font:10px 'Istok Web', sans-serif;
text-decoration:none;
border:none;
}
blockquote {
padding:0;
margin:0;
}
#container {
width:723px;
margin:0 auto;
text-align:left;
}
a, a:link, a:active, a:visited {
font:12px 'Istok Web', cursive;
font-weight:normal;
color:white;
text-decoration:none;
text-transform:upper-case;
border-bottom:1px dotted #fff;
}
#left {
float:left;
width:133px;
background:#000;
padding:15px;
margin:0 15px 0 0;
border-top:8px solid #343434;
border-bottom:8px solid #343434;
}
.reblog {
text-align:right;
padding:5px;
}
.reblog a, .reblog a:active, .reblog a:visited, .reblog a:link {
color:white;
background:#343434;
padding:3px 10px;
margin:8px 0;
border:none;
font:10px 'Istok Web', sans-serif;
}
#right {
float:left;
width:530px; }
.clear {
clear:both;
}
.post {
background:black;
margin:0 0 15px 0;
color:white;
width:500px;
padding:15px;
border-top:8px solid #343434;
border-bottom:8px solid #343434;
}
.avatarz {
width:133px;
height:133px;
margin:5px 0;
background:url('{PortraitURL-128}') repeat transparent;
position:relative;
}
.avoverlay {
position:absolute;
top:0;
left:0;
width:133px;
height:133px;
}
h1 {
font:40px/30px 'Princess Sofia', sans-serif;
text-transform:lowercase;
padding:10px 0 0 0;
margin:0;
color:#fff;
text-shadow:#000 1px 1px 1px;
}
h3 {
font:25px 'Poiret One', sans-serif;
text-transform:lowercase;
padding:10px 0;
margin:0;
color:#fff;
}
p#description {
font:30px 'Poiret One', cursive;
text-transform:lowercase;
padding:0;
margin:0;
color:#fff;
text-shadow:#000 1px 1px 1px;
}
.navo {
width:133px;
}
.navo a, .navo a:link, .navo a:active, .navo a:visited {
display:block;
width:113px;
padding:5px 10px;
color:white;
font-weight:normal;
font-size:18px;
font-family: 'IM Fell DW Pica SC', serif;
}
.navo a:hover {
background:#343434;
}
.buttonz {
position:absolute;top:0px;left:0px;border:0px;
}
.buttonz a, .buttonz a:link, .buttonz a:active, .buttonz a:visited {
border:none;
padding:0;
}
</style>
</head>
<body>
<div id="container">
<h1>{Title}</h1>
<div id="left">
<div class="avatarz">
<img class="avoverlay" src="http://www.wewantlayouts.com/lytimgs/av_blackoverlay.png" />
</div>
{block:Description}
<p id="description">{Description}</p>
{/block:Description}
<div class="navo">
<a href="/">Home</a>
{block:AskEnabled}<a href="/ask">Feed me questions</a>{/block:AskEnabled}
<a href="/archive" id="archives">Archives</a>
<a href="/rss" id="rss">RSS</a>
<a href="/random">Random</a>
{block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
{block:HasPages}
{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
{/block:HasPages}
</ul>
</div>
</div>
<div id="right">
{block:Posts}
{block:Text}
<div class="post text">
<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
{Body}
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
<div class'postTags'>
<div class='postNotes'>
<div style:"text-align:left;">{block:HasTags}
<br />
{block:Tags}
<a href='{TagURL}'>#{Tag}</a>
{/block:Tags}
{/block:HasTags}</div>
<br />
<div style="font:10px 'Istok Web', sans-serif; text-align:right;"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} - {24HourWithZero}:{Minutes} </a></div>
<div style="text-align:right;">
{NoteCountWithLabel}
</div></div></div></div>
<br class='clear' />
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
{/block:Text}
{block:Photo}
<div class="post photo">
<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
<div class='insideInfo'>
<div class'postTags'>
<div class='postNotes'>
<div style:"text-align:left;">{block:HasTags}
<br />
{block:Tags}
<a href='{TagURL}'>#{Tag}</a>
{/block:Tags}
{/block:HasTags}</div>
<br />
<div style="font:10px 'Istok Web', sans-serif; text-align:right;"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} - {24HourWithZero}:{Minutes} </a></div>
<div style="text-align:right;">
{NoteCountWithLabel}
</div></div></div></div>
<br class='clear' />
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
{/block:Photo}
{block:Photoset}
<div class="post photoset">
<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
{Photoset-500}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
<div class='insideInfo'>
<div class'postTags'>
<div class='postNotes'>
<div style:"text-align:left;">{block:HasTags}
<br />
{block:Tags}
<a href='{TagURL}'>#{Tag}</a>
{/block:Tags}
{/block:HasTags}</div>
<br />
<div style="font:10px 'Istok Web', sans-serif; text-align:right;"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} - {24HourWithZero}:{Minutes} </a></div>
<div style="text-align:right;">
{NoteCountWithLabel}
</div></div></div></div>
<br class='clear' />
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
{/block:Photoset}
{block:Quote}
<div class="post quote">
<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
"{Quote}"
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
<div class='insideInfo'>
<div class'postTags'>
<div class='postNotes'>
<div style:"text-align:left;">{block:HasTags}
<br />
{block:Tags}
<a href='{TagURL}'>#{Tag}</a>
{/block:Tags}
{/block:HasTags}</div>
<br />
<div style="font:10px 'Istok Web', sans-serif; text-align:right;"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} - {24HourWithZero}:{Minutes} </a></div>
<div style="text-align:right;">
{NoteCountWithLabel}
</div></div></div></div>
<br class='clear' />
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
{/block:Quote}
{block:Link}
<div class="post link">
<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
<a href="{URL}" class="link" {Target}>{Name}</a>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
<div class='insideInfo'>
<div class'postTags'>
<div class='postNotes'>
<div style:"text-align:left;">{block:HasTags}
<br />
{block:Tags}
<a href='{TagURL}'>#{Tag}</a>
{/block:Tags}
{/block:HasTags}</div>
<br />
<div style="font:10px 'Istok Web', sans-serif; text-align:right;"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} - {24HourWithZero}:{Minutes} </a></div>
<div style="text-align:right;">
{NoteCountWithLabel}
</div></div></div></div>
<br class='clear' />
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
{/block:Link}
{block:Chat}
<div class="post chat">
<div class="reblog"><a href="{ReblogURL}">reblog</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>
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
<div class='insideInfo'>
<div class'postTags'>
<div class='postNotes'>
<div style:"text-align:left;">{block:HasTags}
<br />
{block:Tags}
<a href='{TagURL}'>#{Tag}</a>
{/block:Tags}
{/block:HasTags}</div>
<br />
<div style="font:10px 'Istok Web', sans-serif; text-align:right;"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} - {24HourWithZero}:{Minutes} </a></div>
<div style="text-align:right;">
{NoteCountWithLabel}
</div></div></div></div>
<br class='clear' />
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
{/block:Chat}
{block:Video}
<div class="post video">
<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
{Video-500}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
<div class='insideInfo'>
<div class'postTags'>
<div class='postNotes'>
<div style:"text-align:left;">{block:HasTags}
<br />
{block:Tags}
<a href='{TagURL}'>#{Tag}</a>
{/block:Tags}
{/block:HasTags}</div>
<br />
<div style="font:10px 'Istok Web', sans-serif; text-align:right;"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} - {24HourWithZero}:{Minutes} </a></div>
<div style="text-align:right;">
{NoteCountWithLabel}
</div></div></div></div>
<br class='clear' />
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
{/block:Video}
{block:Audio}
<div class="post audio">
<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
{AudioPlayerBlack}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
<div class='insideInfo'>
<div class'postTags'>
<div class='postNotes'>
<div style:"text-align:left;">{block:HasTags}
<br />
{block:Tags}
<a href='{TagURL}'>#{Tag}</a>
{/block:Tags}
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Princess+Sofia' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Istok+Web' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Amatic+SC:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Yellowtail' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica+SC' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="http://proto.jp/js/tumblrAutoPager.js"></script>
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<style type="text/css">
body {
background:url('http://www.snazzyspace.com/defaultimages/941113_damask.gif') repeat #FFFFFF;
margin:25px 0;
background-attachment:fixed;
text-align:center;
font:13px 'Istok Web', sans-serif;
color:white;
}
.postnotes {
display:block;
text-align:right;
padding:5px;
font:10px 'Istok Web', sans-serif;
}
.postnotes a, .postnotes a:link, .postnotes a:active, .postnotes a:visited {
font:10px 'Istok Web', sans-serif;
text-decoration:none;
border:none;
}
blockquote {
padding:0;
margin:0;
}
#container {
width:723px;
margin:0 auto;
text-align:left;
}
a, a:link, a:active, a:visited {
font:12px 'Istok Web', cursive;
font-weight:normal;
color:white;
text-decoration:none;
text-transform:upper-case;
border-bottom:1px dotted #fff;
}
#left {
float:left;
width:133px;
background:#000;
padding:15px;
margin:0 15px 0 0;
border-top:8px solid #343434;
border-bottom:8px solid #343434;
}
.reblog {
text-align:right;
padding:5px;
}
.reblog a, .reblog a:active, .reblog a:visited, .reblog a:link {
color:white;
background:#343434;
padding:3px 10px;
margin:8px 0;
border:none;
font:10px 'Istok Web', sans-serif;
}
#right {
float:left;
width:530px; }
.clear {
clear:both;
}
.post {
background:black;
margin:0 0 15px 0;
color:white;
width:500px;
padding:15px;
border-top:8px solid #343434;
border-bottom:8px solid #343434;
}
.avatarz {
width:133px;
height:133px;
margin:5px 0;
background:url('{PortraitURL-128}') repeat transparent;
position:relative;
}
.avoverlay {
position:absolute;
top:0;
left:0;
width:133px;
height:133px;
}
h1 {
font:40px/30px 'Princess Sofia', sans-serif;
text-transform:lowercase;
padding:10px 0 0 0;
margin:0;
color:#fff;
text-shadow:#000 1px 1px 1px;
}
h3 {
font:25px 'Poiret One', sans-serif;
text-transform:lowercase;
padding:10px 0;
margin:0;
color:#fff;
}
p#description {
font:30px 'Poiret One', cursive;
text-transform:lowercase;
padding:0;
margin:0;
color:#fff;
text-shadow:#000 1px 1px 1px;
}
.navo {
width:133px;
}
.navo a, .navo a:link, .navo a:active, .navo a:visited {
display:block;
width:113px;
padding:5px 10px;
color:white;
font-weight:normal;
font-size:18px;
font-family: 'IM Fell DW Pica SC', serif;
}
.navo a:hover {
background:#343434;
}
.buttonz {
position:absolute;top:0px;left:0px;border:0px;
}
.buttonz a, .buttonz a:link, .buttonz a:active, .buttonz a:visited {
border:none;
padding:0;
}
</style>
</head>
<body>
<div id="container">
<h1>{Title}</h1>
<div id="left">
<div class="avatarz">
<img class="avoverlay" src="http://www.wewantlayouts.com/lytimgs/av_blackoverlay.png" />
</div>
{block:Description}
<p id="description">{Description}</p>
{/block:Description}
<div class="navo">
<a href="/">Home</a>
{block:AskEnabled}<a href="/ask">Feed me questions</a>{/block:AskEnabled}
<a href="/archive" id="archives">Archives</a>
<a href="/rss" id="rss">RSS</a>
<a href="/random">Random</a>
{block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
{block:HasPages}
{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
{/block:HasPages}
</ul>
</div>
</div>
<div id="right">
{block:Posts}
{block:Text}
<div class="post text">
<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
{Body}
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
<div class'postTags'>
<div class='postNotes'>
<div style:"text-align:left;">{block:HasTags}
<br />
{block:Tags}
<a href='{TagURL}'>#{Tag}</a>
{/block:Tags}
{/block:HasTags}</div>
<br />
<div style="font:10px 'Istok Web', sans-serif; text-align:right;"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} - {24HourWithZero}:{Minutes} </a></div>
<div style="text-align:right;">
{NoteCountWithLabel}
</div></div></div></div>
<br class='clear' />
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
{/block:Text}
{block:Photo}
<div class="post photo">
<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
<div class='insideInfo'>
<div class'postTags'>
<div class='postNotes'>
<div style:"text-align:left;">{block:HasTags}
<br />
{block:Tags}
<a href='{TagURL}'>#{Tag}</a>
{/block:Tags}
{/block:HasTags}</div>
<br />
<div style="font:10px 'Istok Web', sans-serif; text-align:right;"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} - {24HourWithZero}:{Minutes} </a></div>
<div style="text-align:right;">
{NoteCountWithLabel}
</div></div></div></div>
<br class='clear' />
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
{/block:Photo}
{block:Photoset}
<div class="post photoset">
<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
{Photoset-500}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
<div class='insideInfo'>
<div class'postTags'>
<div class='postNotes'>
<div style:"text-align:left;">{block:HasTags}
<br />
{block:Tags}
<a href='{TagURL}'>#{Tag}</a>
{/block:Tags}
{/block:HasTags}</div>
<br />
<div style="font:10px 'Istok Web', sans-serif; text-align:right;"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} - {24HourWithZero}:{Minutes} </a></div>
<div style="text-align:right;">
{NoteCountWithLabel}
</div></div></div></div>
<br class='clear' />
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
{/block:Photoset}
{block:Quote}
<div class="post quote">
<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
"{Quote}"
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
<div class='insideInfo'>
<div class'postTags'>
<div class='postNotes'>
<div style:"text-align:left;">{block:HasTags}
<br />
{block:Tags}
<a href='{TagURL}'>#{Tag}</a>
{/block:Tags}
{/block:HasTags}</div>
<br />
<div style="font:10px 'Istok Web', sans-serif; text-align:right;"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} - {24HourWithZero}:{Minutes} </a></div>
<div style="text-align:right;">
{NoteCountWithLabel}
</div></div></div></div>
<br class='clear' />
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
{/block:Quote}
{block:Link}
<div class="post link">
<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
<a href="{URL}" class="link" {Target}>{Name}</a>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
<div class='insideInfo'>
<div class'postTags'>
<div class='postNotes'>
<div style:"text-align:left;">{block:HasTags}
<br />
{block:Tags}
<a href='{TagURL}'>#{Tag}</a>
{/block:Tags}
{/block:HasTags}</div>
<br />
<div style="font:10px 'Istok Web', sans-serif; text-align:right;"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} - {24HourWithZero}:{Minutes} </a></div>
<div style="text-align:right;">
{NoteCountWithLabel}
</div></div></div></div>
<br class='clear' />
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
{/block:Link}
{block:Chat}
<div class="post chat">
<div class="reblog"><a href="{ReblogURL}">reblog</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>
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
<div class='insideInfo'>
<div class'postTags'>
<div class='postNotes'>
<div style:"text-align:left;">{block:HasTags}
<br />
{block:Tags}
<a href='{TagURL}'>#{Tag}</a>
{/block:Tags}
{/block:HasTags}</div>
<br />
<div style="font:10px 'Istok Web', sans-serif; text-align:right;"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} - {24HourWithZero}:{Minutes} </a></div>
<div style="text-align:right;">
{NoteCountWithLabel}
</div></div></div></div>
<br class='clear' />
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
{/block:Chat}
{block:Video}
<div class="post video">
<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
{Video-500}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
<div class='insideInfo'>
<div class'postTags'>
<div class='postNotes'>
<div style:"text-align:left;">{block:HasTags}
<br />
{block:Tags}
<a href='{TagURL}'>#{Tag}</a>
{/block:Tags}
{/block:HasTags}</div>
<br />
<div style="font:10px 'Istok Web', sans-serif; text-align:right;"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} - {24HourWithZero}:{Minutes} </a></div>
<div style="text-align:right;">
{NoteCountWithLabel}
</div></div></div></div>
<br class='clear' />
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
{/block:Video}
{block:Audio}
<div class="post audio">
<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
{AudioPlayerBlack}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
<div class='insideInfo'>
<div class'postTags'>
<div class='postNotes'>
<div style:"text-align:left;">{block:HasTags}
<br />
{block:Tags}
<a href='{TagURL}'>#{Tag}</a>
{/block:Tags}