{% load media_loaders %}

<div class="stats">
    <div id="main" class="clearfix"> 
        <div id="centre"> 
            <h3>Places Checked Into</h3>
            <ul>
            {% if checkins %}
                {% for checkin in checkins %}
                    <li>{%if checkin.link_back %} <a href="{{checkin.link_back}}"> {{checkin.created|date:"D H:m"}}</a>{% endif%} {%if checkin.icon %} <img src="{{checkin.icon}}" /> {% endif %}  {{checkin.title}} - {{checkin.body}} 
                    
                    {%if checkin.is_mayor %} You are the mayor! {% endif %}</li>
                {% endfor %}
            {% else %}
                <h4>No checkins? Get out more!</h4>
            {%endif%}
            </ul>
            <div class="clearfix"></div> 
            <div id="right"></div> <! --#right --> 
        </div> <!-- #centre --> 
    </div> <!-- #main --> 
</div> <!-- #stats -->