## -*- coding: utf-8 -*-
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Error - ${c.error_message}</title>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        <meta name="robots" content="index, nofollow"/>
        <link rel="icon" href="${h.url('/images/favicon.ico')}" type="image/png" />

        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

        <!-- stylesheets -->
        <link rel="stylesheet" type="text/css" href="${h.url('/css/style.css')}" media="screen"/>
        <style type="text/css">
         #main_div{
           border: 0px solid #000;
           width: 500px;
           margin: auto;
           text-align: center;
           margin-top: 200px;
           font-size: 1.6em;
         }
         .error_message{
            text-align: center;
            color:#577632;
            font-size: 1.6em;
            margin:10px;
         }
        </style>

    </head>
    <body>
        <%include file="/base/flash_msg.html"/>
        <div>
                <div id="main_div">
                    <h2>${c.site_name}</h2>
                    <h1 class="error_message">${c.error_message}</h1>

                    <p>${c.error_explanation}</p>

                </div>
        </div>
    </body>

</html>
