<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>{% block title %} {% endblock %}</title>
<link rel="stylesheet" href="/static/css/reset.css" type="text/css" />
<link rel="stylesheet" href="/static/css/noel/main.css" type="text/css" />

<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->

<script type="text/javascript" src="/static/js/jquery.js"></script>
{% block extra_head %}

{% endblock %}
</head>
	<body>
	<div id="header"> 
		<div id="logo">
		INDIA<br>
		<span>THEATRE <span>FORUM</span></span>
		</div>
		<form id="searchForm" action="/search/" method="GET">
			<input type="text" placeholder="search" name="q" id="search"/>
		</form>      
				
		<ul id="navMenu">			
        	<li><a href=""><img src="/static/images/noel/home.png" width="16" height="17" alt="home" id="homeIcon"></a></li>        
            {% for m in menus %}
            <li><a href="">{{ m.name }}</a>
                <ul>
                    {% for i in m.items %}
                        <li><a href="{{ i.url }}">{{ i.name }}</a></li>
                    {% endfor %}
                </ul>
            </li>
            {% endfor %}
<!--
			<li><a href="">Resources</a>
				<ul>
					<li><a href="">Script Archive</a></li>
					<li><a href="">Guidelines for Best Practice</a></li>
				</ul>
			</li>
			<li><a href="">Read</a>
				<ul>
					<li><a href="">Bibliography</a></li>
					<li><a href="">eRang</a></li>
					<li><a href="">Publications</a></li>
				</ul>
			</li>
			<li><a href="">Participate</a>
				<ul>
					<li><a href="">Surveys</a></li>
					<li><a href="">Offers/Needs</a></li>
					<li><a href="">Make a suggestion</a></li>
				</ul>
			</li>
			<li class><a href="">About ITF</a>
				<ul>
					<li><a href="">India Theatre Forum</a></li>
					<li><a href="">Projects</a></li>
					<li><a href="">Events</a></li>
				</ul>
			</li>
			<li><a href="">Support ITF</a>
				<ul>
					<li><a href="">Make a donation</a></li>
					<li><a href="">Volunteer</a></li>
					<li><a href="">Contribute to eRang</a></li>
				</ul>
			</li>
-->
		</ul>
	  
	  <ul id="loginMenu">

        {% if user.is_authenticated %}
            <li><a href="/accounts/logout">Logout</a></li>
        {% else %}
    		<li><a href="/accounts/login">Login</a></li>
    		<li><a href="/accounts/register">Register</a></li>
        {% endif %}

		<li><a href="">Contact Us</a></li>
	  </ul>
	</div>

	{% block content %}
	{% endblock %}
	
	<div id="footer">

    {% for m in menus %}
    <ul class="footerList">
        <a href="">{{ m.name }}</a>
        {% for i in m.items %}
            <li><a href="{{ i.url }}">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ i.name }}</a></li>
        {% endfor %}
    </ul>
    {% endfor %}

<!--
  <ul id="resources" class="footerList">
    <a href="">Resources</a>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Script Archive</a></li>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Guidelines for Best Practice</a></li>
  </ul>
  
  <ul id="read" class="footerList">
    <a href="">Read</a>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bibliography</a></li>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eRang</a></li>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Publications</a></li>
  </ul>
  
  <ul id="participate" class="footerList">
    <a href="">Participate</a>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;surveys</a></li>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;offers/needs</a></li>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;make a suggestion</a></li>
  </ul>
  
  <ul id="aboutItf" class="footerList">
    <a href="">About ITF</a>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;India Theatre Forum</a></li>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;projects</a></li>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;events</a></li>
  </ul>
  
  <ul id="supportItf" class="footerList">
    <a href="">Support ITF</a>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;make a donation</a></li>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;volunteer</a></li>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contribute to eRang</a></li>
  </ul>
-->  
  <p id="copyright">&copy; 2011 India Theatre Forum. All Rights Reserved.</p>
</div>

</body>