<!DOCTYPE html>
<html class="light red">
  <head>
    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
    <title>
      Thomas Lovén - {% if page %}{{ page.title }}{% endif %}
    </title>
    <link rel="stylesheet" type="text/css" href="/src/fonts/dejavuserif/stylesheet.css">
    <link rel="stylesheet" type="text/css" href="/src/style.css">
    <link rel="stylesheet" type="text/css" href="/src/site-solarized.css">
    <link rel="stylesheet" type="text/css" href="/src/codestyle.css">
  </head>

  <body>
    <div id="wrap">
      <div id="header">
        <div id="title">
          <h2>ThomasLovén.com</h2>
        </div><!--title-->
        <div id="links">
          <a href="/">Home</a>
          - <a href="/blog/">Blog</a>
          - <a href="/about/">About</a>
        </div><!--links-->
      </div><!--header-->

      <div id="contents">
        {% block page %}
        {% endblock page %}

      </div><!--contents-->

    </div><!--wrap-->

    <div id="bottom">
      &copy; 2012
      <a href="mailto:thomas@thomasloven.com">Thomas Lovén</a>
      -
      <a href="http://twitter.com/thomasloven">@thomasloven</a>
      -
      <a href="http://github.com/thomasloven">GitHub</a>
    </div><!--bottom-->

    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script src="/src/blankwin.js" type="text/javascript"></script>
    <script>
      blankwin();
      $('body').width($('body').width()+1).width('auto');
    </script>
    {% block morescripts %}
    {% endblock morescripts %}
  </body>
</html>
