{% load thumbnail %}
<div class="itfInfo">
  {% for s in stories %}
  <span class="orange">Story: </span><span class="ifInfoInfo">{{ s.text }}</span>
    {% if s.image %}
        {% thumbnail s.image "164x114" crop="center" as im %}
            <img class="itfInfoImg" src="{{ im.url }}" />
        {% endthumbnail %}
    {% endif %}
  <br /><br />
  {% endfor %}
  <span class="orange">Law: </span><span class="itfInfoInfo">{{ law }}</span>
  {% if law_image %}
  {% thumbnail law_image "164x114" crop="center" as im %}
    <img class="itfInfoImg" src="{{ im.url }}" />
  {% endthumbnail %}
  {% endif %}
  <br /><br />
  <span class="orange">Relevance to Theatre: </span><span class="itfInfoInfo">{{ theatre|linebreaksbr }}</span> <br /><br />
  <span class="orange">Quick Howto: </span><span class="itfInfoInfo">{{ quick_howto|linebreaksbr }}</span><br /><br />

  <div class="thumbsGallery">
    {% for img in images %}
        {% thumbnail img.image "164x114" crop="center" as im %}
            <img src="{{ im.url }}" class="thumbsDetails" data-bigimage="/static/{{ img.url }}"/>
        {% endthumbnail %}
    {% endfor %}
  </div>

</div>


