<h2 class="title">{{ article.title|raw }}</h2>

<div id="FeaturedArticle">

	<div id="TeaserThumbnail">
		{% if article.read_more is not empty %}<a href="{{ article.read_more }}">{% endif %}
			<img src="{{ article.image }}" width="150" height="100" border="0" alt="" />
		{% if article.read_more is not empty %}</a>{% endif %}
	</div>

	{% if article.read_more is not empty %}
		<a id="Link" href="{{ article.read_more }}">&raquo; read more</a>
	{% endif %}

	<p>{{ article.text|raw }}</p>

	{% if canEdit %}
		{{ include('admin.links.html.twig', {page: 'news', id: article.id, hide: article.hide }) }}
	{% endif %}

</div>

<style>
	#FeaturedArticle {
		position: relative;
		overflow: hidden;
	}

	#FeaturedArticle #TeaserThumbnail {
		position: relative;
		top: 0;
		right: 0;
		height: 100px;
		width: 150px;
		margin-left: 10px;
		background-color: black;
		z-index: 90;
		float: right;
	}

	#FeaturedArticle #Link {
		position: absolute;
		top: 0;
		right: 0;
		margin: 89px 165px 0 0;
		z-index: 99;
	}
</style>
