{% extends 'noel/base.html' %}
{% load markup %}

{% block extra_head %}
<link rel="stylesheet" href="/static/css/noel/inner.css" type="text/css" />
<script type="text/javascript" src="/static/js/search.js"></script>

<style type="text/css">

.staticTitle {
	font-size:24px;
	font-family:'Century Gothic', Helvetica, Arial, 'DejaVu Sans', sans-serif;
	color:#f7bd00;
	padding-bottom:8px;
    text-align:center;
	text-transform:uppercase;
}

.staticImg {
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    margin-bottom:10px;
}

.markdownText p {
    margin-bottom:8px;
}

.markdownText h1{
	font-size:14px;
	font-family:'Century Gothic', Helvetica, Arial, 'DejaVu Sans', sans-serif;
	color:#f7bd00;
}

.markdownText h2{
	font-size:16px;
	font-family:'Century Gothic', Helvetica, Arial, 'DejaVu Sans', sans-serif;
	color:#f7bd00;	
}

.markdownText h3{
	font-size:18px;
	font-family:'Century Gothic', Helvetica, Arial, 'DejaVu Sans', sans-serif;
	color:#f7bd00;
}

.markdownText h4{
	font-size:20px;
	font-family:'Century Gothic', Helvetica, Arial, 'DejaVu Sans', sans-serif;
	color:#f7bd00;
}

.markdownText h5{
	font-size:22px;
	font-family:'Century Gothic', Helvetica, Arial, 'DejaVu Sans', sans-serif;
	color:#f7bd00;
}

.markdownText h6{
	font-size:24px;
	font-family:'Century Gothic', Helvetica, Arial, 'DejaVu Sans', sans-serif;
	color:#f7bd00;	
}

</style>

{% endblock %}



{% block content %}
<div id="centerInner">
   	<div id="shadow">
   	</div>

  <div id="searchContainer">	
   	 <div id="searchContent">
	 	<p class="staticTitle">{{ page.title }}</p>
        {% if page.main_image %}
            <img src="{{ page.main_image.url }} " alt="{{ page.title }}" width="300" class="staticImg">
        {% endif %}
		<div class="markdownText">{{ page.text|markdown }}</div>     
     
     </div><!-- SEARCH CONTENT CLOSING -->
</div><!-- SEARCH CONTAINER CLOSING -->
</div><!-- CENTER INNER -->
{% endblock %}