<!-- Tendenci Specific Load Tags
================================================== -->
{% load theme_tags %}

<!-- Extends Tendenci Base Structure
================================================== -->
{% theme_extends 'base.html' %}

{% block extra_head %}

<!-- Mobile Specific Metas
================================================== -->
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<!-- Favicons
================================================== -->
  <link rel="shortcut icon" href="{{ THEME_URL }}media/images/favicon.ico">
  <link rel="apple-touch-icon" href="{{ THEME_URL }}media/images/apple-touch-icon.png">

  <!-- CSS
================================================== -->
  <link rel='stylesheet' href='{{ THEME_URL }}media/css/skeleton.css' type="text/css"/>
  <link rel="stylesheet" href="{{ THEME_URL }}media/css/styles.css" type="text/css"/>

<!-- IE Specific Compatibility
================================================== -->
  <!--[if lt IE 9]>
  <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  <!--[if lt IE 9]>
  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  <!--[if lt IE 9]>   
  <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
  <![endif]-->
{% endblock extra_head %}

{% block body_ids %}sub{% endblock body_ids %}
{% block body_classes %}sub{% endblock body_classes %}

<!-- Primary Page Layout
================================================== -->
{% block html_body %}

    <div id="header-container">
        <div class="container sixteen columns">
          {% theme_include "header.html" %} <!-- Pulls in the Header Document -->
        </div><!-- /.container sixteen columns -->
    </div><!-- /#header-container -->

    <div class="container">
      <section id="body-content" class="body-content-elements sixteen columns alpha omega">
            <div id="body-content-left" class="content content-middle ten columns{% block content_classes %}{% endblock %}">
            {% theme_include "base/messages.html" %}
            {% block body %}{% endblock %}
            </div><!-- /#body-content-left -->
            
            {% block sidebar %}
            <div id="sidebar-right" class="sidebar five columns">
                {% theme_include "sidebar.html" %}
            </div><!-- /#sidebar -->
            {% endblock %}
        </section><!-- /#body-content-->
    </div><!-- /.container -->

<section id="footer">
 {% theme_include "footer.html" %} <!-- Pulls in the Footer Document -->
</section><!-- /#footer -->

<!-- JQuery & Scripts
================================================== -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="{{ THEME_URL }}media/js/jquery.hint.js" type="text/javascript"></script>
<script type="text/javascript">
  $('input[title!=""]').hint();
    $(document).ready(function() {
  });
</script>

{% endblock %}
<!-- End Document
================================================== -->

