{% extends 'inner.html' %}
{% load thumbnail %}

{% block title %} | Noteworthy {% endblock %}

{% block extra_meta_content %}: Noteworthy {% endblock %}

 {% block extra2_head %}

<style type="text/css">

.noteworthy {
padding:30px 0;
overflow:auto;
border-bottom: 1px solid #444;}

.noteworthy:last-child {
padding-bottom:10px;
border-bottom:none;
}

.imgLinks {
padding-right:20px;
float:left;
/*width:200px;*/
}

.imgLinksExtra:nth-of-type(odd) {
padding-right: 20px;
}

.imgNone {
width:200px;
padding-right:20px;
float:left;
background:#000;
}

.noteContentWrapper {
width:360px;
float:right;	    
}

</style>
{% endblock %}

{% block contentId %}
    id="showContent"
{% endblock %}

{% block inner_content %}

               {% for n in noteworthy %}        
			   <div class="noteworthy">
                 {% if n.image %}
		 {% thumbnail n.image "200" as im %}	     	
                 <img src="{{ im.url }}" width="200" alt="" class="imgLinks">
                 {% endthumbnail %}
	       
				       
	       
	         {% else %}
			<div class="imgNone"></div>			    
	
	         {% endif %}
		 
	    
		 <div class="noteContentWrapper">
                 <p class="orange"><strong>{% if n.url %} <a href="{{ n.url }}" target="_blank"> {% endif %}{{ n.title }} {% if n.url %}</a> {% endif %}</strong></p>
                	<br>

                	<p>{{ n.description|linebreaksbr }}</p>
	         </div><!-- END NOTE CONTENT WRAPPER -->	 	
	         <div class="clear"></div>  
               </div><!--NOTEWORTHY CLOSING -->
               {% endfor %}

{% endblock %}

