<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
{% load staticfiles %}
<html lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>{% block title %}{% endblock %}</title>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
        <script type="text/javascript" src="{% static 'js/jquery.dataTables.min.js' %}"></script>
        <script type="text/javascript" src="{% static 'fancybox/jquery.fancybox.pack.js' %}"></script>
        <link rel="stylesheet" href="{% static 'fancybox/jquery.fancybox.css' %}" type="text/css" media="screen" />
        <link rel="stylesheet" href="{% static 'jquery-ui-1.9.2.custom/css/ahernp-theme/jquery-ui-1.9.2.custom.min.css' %}" />
        <script type="text/javascript">
            $(function() {
                $('a:has(img)').attr('rel', 'gallery').fancybox();
                $('#source_label').click(function() {
                    $('#source_body').toggle('slow', function() {});
                });
                $('.text').focus(function () {
                    if ($(this).val() == $(this).attr("title")) {
                        $(this).val("");
                        $(this).css('color', '#000');
                    }
                }).blur(function () {
                    if ($(this).val() == "") {
                        $(this).val($(this).attr("title"));
                        $(this).css('color', '#ccc');
                    }
                });
            });
        </script>
        <style type="text/css">
            #content {width: 80%; margin-left: auto; margin-right: auto; margin-top: 2.5em; margin-bottom: 3.5em;}
            #source_label {color: #046; text-decoration: underline; cursor: pointer;}
            #header {
                background: #fff;
                position: fixed;
                top: 0;
                width: 100%;
                border-bottom: 1px #ccc solid;
                margin 0;
                z-index: 9;
            }
            #footer {
                background: #fff;
                position: fixed;
                bottom: 0%;
                width: 100%;
                border-top: 1px #ccc solid;
                margin 0;
                z-index: 9;
            }
        </style>
        {% block extra_head %}{% endblock %}
    </head>
    <body>
        <div id="header" style="padding-bottom:0.2em; margin:0; width:100%;">
            <div style="width:65%;float:left;padding:0.2em 0em 0.2em 1em;">
                {% block nav_path %}{% endblock %}
            </div>
            <div style="width:30%;float:right;padding:0em;text-align:right;">
                <form name="input" action="{% url 'dmcm:search' %}" method="get" style="padding-right:1em;">
                    <input type="text" tabindex="1" size="10"
                        {% if search_string %}style="color:#000;"{% else %}style="color:#ccc;"{% endif %}
                        name="search_string" title="Search Site" class="text"
                        value="{% if search_string %}{{search_string}}{% else %}Search Site{% endif %}"/>
                </form>
            </div>
            <div style="clear:both"></div>
        </div> <!-- header -->
        <div id="content">
            {% block content %}{% endblock %}
        </div>
        <div id="footer" style="font-size:.9em;padding-left:1em; margin-top:1em;">
            {% block footer %}{% endblock %}
        </div>
    </body>
</html>
