<!DOCTYPE html>
<html lang="en">
<head>
        <title>{% block title %}{{ SITENAME }}{%endblock%}</title>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width,initial-scale=1" />
        <link href="{{ SITEURL }}/{{ FEED_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} ATOM Feed" />
        <link href="{{ SITEURL }}/{{ FEED_RSS }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" />
	<style>
body {
  margin: 0;
  padding: 20px 0;
  text-align: center;
  font-family: Monospace;
  color: #222;
}

a,a:visited {
  text-decoration: none;
  color: #222;
  font-weight: 700;
}

a:hover {
  color: #fff;
  background-color: #111;
}

h1 {
  text-transform: uppercase;
  line-height: 1.2;
  padding: 0 0 15px;
  margin: 0 0 15px;
}

#wrap {
  margin: 0 auto;
  text-align: left;
  font-size: 13px;
  line-height: 1.4;
}

#container {
  max-width: 1000px;
}

#sidebar {
  overflow: hidden;
  text-align: right;
  height: auto;
  padding: 0 5px 0 0;
  border-right: 1px dotted #c8c8c8;
}

#sidebar h1 {
  border-bottom: 1px dotted #c8c8c8;
}

#sidebar .description {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 10px;
}

.entry {
  font-size: 14px;
  line-height: 20px;
  width: 700px;
}

.entry img {
  display: block;
  border: 1px solid #bdbdbd!important;
  max-width: 600;
}

.entry a img:hover {
  background-color: transparent;
  border: 1px solid #e5e5e5!important;
}

#footer {
  text-align: center;
  clear: both;
}

#footer div {
  margin: 30px 0 0;
  padding: 30px 0 0;
  border-top: 1px dotted #c8c8c8;
}

#page-title {
  position: relative;
  top: 8px;
}

.highlight code,
.highlight pre {
    color: #fdce93;
    background-color: #3f3f3f;
    padding: 10px;
}

.highlight .hll {
    background-color: #222
}

.highlight .c {
    color: #7f9f7f
}

.highlight .err {
    color: #e37170;
    background-color: #3d3535
}

.highlight .g {
    color: #7f9f7f
}

.highlight .k {
    color: #f0dfaf
}

.highlight .l {
    color: #ccc
}

.highlight .n {
    color: #dcdccc
}

.highlight .o {
    color: #f0efd0
}

.highlight .x {
    color: #ccc
}

.highlight .p {
    color: #41706f
}

.highlight .cm {
    color: #7f9f7f
}

.highlight .cp {
    color: #7f9f7f
}

.highlight .c1 {
    color: #7f9f7f
}

.highlight .cs {
    color: #cd0000;
    font-weight: bold
}

.highlight .gd {
    color: #cd0000
}

.highlight .ge {
    color: #ccc;
    font-style: italic
}

.highlight .gr {
    color: red
}

.highlight .gh {
    color: #dcdccc;
    font-weight: bold
}

.highlight .gi {
    color: #00cd00
}

.highlight .go {
    color: gray
}

.highlight .gp {
    color: #dcdccc;
    font-weight: bold
}

.highlight .gs {
    color: #ccc;
    font-weight: bold
}

.highlight .gu {
    color: purple;
    font-weight: bold
}

.highlight .gt {
    color: #0040D0
}

.highlight .kc {
    color: #dca3a3
}

.highlight .kd {
    color: #ffff86
}

.highlight .kn {
    color: #dfaf8f;
    font-weight: bold
}

.highlight .kp {
    color: #cdcf99
}

.highlight .kr {
    color: #cdcd00
}

.highlight .kt {
    color: #00cd00
}

.highlight .ld {
    color: #cc9393
}

.highlight .m {
    color: #8cd0d3
}

.highlight .s {
    color: #cc9393
}

.highlight .na {
    color: #9ac39f
}

.highlight .nb {
    color: #efef8f
}

.highlight .nc {
    color: #efef8f
}

.highlight .no {
    color: #ccc
}

.highlight .nd {
    color: #ccc
}

.highlight .ni {
    color: #c28182
}

.highlight .ne {
    color: #c3bf9f;
    font-weight: bold
}

.highlight .nf {
    color: #efef8f
}

.highlight .nl {
    color: #ccc
}

.highlight .nn {
    color: #8fbede
}

.highlight .nx {
    color: #ccc
}

.highlight .py {
    color: #ccc
}

.highlight .nt {
    color: #9ac39f
}

.highlight .nv {
    color: #dcdccc
}

.highlight .ow {
    color: #f0efd0
}

.highlight .w {
    color: #ccc
}

.highlight .mf {
    color: #8cd0d3
}

.highlight .mh {
    color: #8cd0d3
}

.highlight .mi {
    color: #8cd0d3
}

.highlight .mo {
    color: #8cd0d3
}

.highlight .sb {
    color: #cc9393
}

.highlight .sc {
    color: #cc9393
}

.highlight .sd {
    color: #cc9393
}

.highlight .s2 {
    color: #cc9393
}

.highlight .se {
    color: #cc9393
}

.highlight .sh {
    color: #cc9393
}

.highlight .si {
    color: #cc9393
}

.highlight .sx {
    color: #cc9393
}

.highlight .sr {
    color: #cc9393
}

.highlight .s1 {
    color: #cc9393
}

.highlight .ss {
    color: #cc9393
}

.highlight .bp {
    color: #efef8f
}

.highlight .vc {
    color: #efef8f
}

.highlight .vg {
    color: #dcdccc
}

.highlight .vi {
    color: #ffffc7
}

.highlight .il {
    color: #8cd0d3
}
	</style>

</head>

<body>
        <div id="wrap" style="width:900px">
          <div id="container" style="width:600px">
            <div id="sidebar">
              <h1><a href="{{ SITEURL }} " title="title">{{ SITENAME }}</a></h1>
              <span class="description">{{ DESCRIPTION }} </span>
              <a href="/">Home</a> |
              <a href="/about.html">About</a> |
	      <a href="/specs/">Specs</a>|
              <a href="/archives.html">Archives</a> |
              <a href="/tags.html">Tags</a> |
	      <a href="/ls.html">Pages</a> |
           <span class="feed">Feeds: <a href="/index.rss">RSS</a> | <a href="/index.atom">Atom</a></span>
           </div>

           <hr /><br />

            <div class="entry">
                {% block content %}
                {% endblock %}
            </div>
        </div>

        <div id="footer">
            <div id="credits">
                <span>Adapted from <a href="http://wordpress.org/themes/monospace">Monospace</a> || Created with <a href="">Pelican</a></span>
            </div>
        </div>
    </div>

</body>
</html>
