{% load static %}
<!DOCTYPE html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <meta name="title" content="{% block title %}{% endblock title %}"/>
        <meta name="robots" content="index, follow"/>
        <meta name="description" content="Finally, the creators of Bloons bring you Bloonsworld!"/>
        <meta name="keywords" content="flash, games, awesome"/>
        <meta name="language" content="en"/>

        {% if title %}
            <title>{{ title }}</title>
        {% else %}
            <title>Bloonsworld!</title>
        {% endif %}
        <!--[if IE6]>
        <style>
        #wrapper {
          background: url({% static 'bloonsa_game/img/alpha.png' %});
            filter:alpha(opacity=75);
        }
        </style>
        <![endif]-->
        <link rel="shortcut icon" href="{% static 'bloonsa_game/img/favicon.ico' %}"/>

        <link rel="stylesheet" type="text/css" media="screen" href="{% static 'bloonsa_game/css/main.css' %}"/>
        <link rel="stylesheet" type="text/css" media="screen" href="{% static 'bloonsa_game/css/append.css' %}"/>
        <script>window.RufflePlayer=window.RufflePlayer||{};
        window.RufflePlayer.config={
        "autoplay":"on",
        "unmuteOverlay":"hidden",
        "allowScriptAccess": true,
        "quality": "high",
        "splashScreen": false,
        "menu": false,
        "polyfills": false,
        };</script>
        <script src="{% static 'bloonsa_game/misc/ruffle/ruffle.js' %}"></script>
        <script src="{% static 'bloonsa_game/js/flash_handler.js' %}"></script>
        {% if head %}
            {{ head }}
        {% endif %}
    </head>

<body id="body">
  <div id="wrapper">
    <div id="inner_wrapper">
      <div id="alpha"></div>
      <a href="{% url 'bloonsa_game:index' %}" id="header"></a>
      <div id="horizontal_header">
        <div class="ad ad_720x90">
        <div id="adslot1"></div>
      </div>

          {% if user.is_authenticated %}
              {% include 'bloonsa_game/profilebox.html' %}
          {% else %}
              {% include 'bloonsa_game/loginbox.html' %}
          {% endif %}

      </div>

    <div class="skyscraper">
      <div class="ad ad_160x600">
        <div id="adslot2"></div>
      </div>
    </div>
    <div id="content">
        {% block content %}{% endblock content %}

        <div id="current-level-container" class="wide left">
            <p>
                <h1 id="level-title"></h1><h1 id="level-id"></h1><h1 id="level-clear-state"></h1><h1></h1>
                <h3 id="level-author"></h3><h3 id="level-author-id"></h3><br>
            </p>
        </div>
    </div>

    <div class="skyscraper rhs">
      <ul id="menu" class="light">

<li><a href="{% url 'bloonsa_game:index' %}"><img src="{% static 'bloonsa_game/img/nav_home.gif' %}" alt="Nav_home"/></a></li>
<li><a href="{% url 'bloonsa_game:game' %}"><img src="{% static 'bloonsa_game/img/nav_play.gif' %}" alt="Nav_play"/></a></li>
<li><a href="#"><img src="{% static 'bloonsa_game/img/nav_build.gif' %}" alt="Nav_build"/></a></li>
<li><a href="#"><img src="{% static 'bloonsa_game/img/nav_levels.gif' %}" alt="Nav_levels"/></a></li>
<li><a href="#"><img src="{% static 'bloonsa_game/img/nav_users.gif' %}" alt="Nav_users"/></a></li>
<!--<li><a href="#"><img src="{% static 'bloonsa_game/img/nav_nk.gif' %}" alt="Nav_nk"/></a></li>
<li><a href="#"><img src="{% static 'bloonsa_game/img/nav_buy.gif' %}" alt="Nav_buy"/></a></li>-->
</ul>
      <div id="searchbox">
        <form method="post" action="/level/list">
            <input type="text" name="search" id="search" value="Search levels" onclick="this.value=&quot;&quot;"/>
            <input type="submit" name="commit" value="Search!" class="submit"/>
        </form>
        <form method="post" action="/user/list">
            <input type="text" name="search" id="search" value="Search users" onclick="this.value=&quot;&quot;"/>
            <input type="submit" name="commit" value="Search!" class="submit"/>
        </form>
      </div>
      <div class="ad ad_90x720">
          <div id="adslot3"></div>
      </div>
    </div>
  </div> </div>
</body>


<div id="adholder1">
    <script type="text/javascript"><!--
	e9 = new Object();
    e9.size = "728x90";
//--></script>

</div>
<div id="adholder2">
<div id="adholder3">
    <script type="text/javascript"><!--
	e9 = new Object();
    e9.size = "160x600";
//--></script>

<script type="text/javascript">
  document.getElementById('adslot1').appendChild(document.getElementById('adholder1'));
  document.getElementById('adslot2').appendChild(document.getElementById('adholder3'));
  document.getElementById('adslot3').appendChild(document.getElementById('adholder2'));
</script>