<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
    
    <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}imadj/css/stylesheet.css" media="screen" />
    <link rel="stylesheet" href="{{STATIC_URL}}imadj/css/fancy.css" type="text/css" media="screen">
    <!-- Get jQuery from googleapis - // means we get it from https:// when our page is also https -->
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <title>{% block title %}Image Gallery{% endblock %}</title>
    
    {% block extrahead %}
    {% endblock %}

</head>
<body>
    <div id="header">
        <div id="main_nav">
            <div id="brand_logo">
                <div style="float: right; margin: 61px 90px 20px 20px; font-size: 20px; font-weight: bold; color: #fff">
                    Image Gallery
                </div>
                <a href="/"><img src="{{STATIC_URL}}imadj/img/_bg/reportlab_logo.gif" width="127px" height="80px"/></a>
            </div>
            <div id="topwidgets">
                {% block topwidgets %}

                {% endblock %}
            </div>
        </div>
    </div>
    <div id="content">
        <div id="main_content">
        {% block content %}{% endblock %}
        </div>
    </div>
    <!-- Insert your content here -->
</body>
</html>
