html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}
html {
    line-height: 1
}
ol,ul {
    list-style: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
caption,th,td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}
q,blockquote {
    quotes: none
}
q:before,q:after,blockquote:before,blockquote:after {
    content: "";
    content: none
}
a img {
    border: none
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
    display: block
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
    display: block
}
body {
    color: #444;
    font-family: "allumi-std",sans-serif;
    font-size: 16px;
    font-weight: 200;
}
h2, h3, h4 {
  font-family: "ff-enzo-web", sans-serif;
  font-weight: 700;
}
a,a:visited {
    color: #AD655F;
    text-decoration: none
}
a:hover,a:visited:hover {
    border-bottom: 1px solid #AD655F
}
b,strong {
    font-weight: 600
}
em {
  color: #888;
	font-style: italic;
}

.emoji {
  font-family: sans-serif;
}


#wrapper {
    max-width: 600px;
    padding: 0 88px;
    margin: 0 auto
}

#content h1.page-title {
    margin-bottom: 40px;
    color: #222;
    text-align: center;
    font-size: 24px;
    font-weight: 600
}

header[role="site-head"] {
    position: relative;
    margin-bottom: 80px;
    padding: 40px 0;
    border-bottom: 1px solid #ccc;
    text-align: center;
}
header[role="site-head"] h1 {
    color: #222;
    font-size: 1.2em;
    font-weight: 200;
    line-height: 1.3em;
    margin-bottom: 0.4em;
}
header[role="site-head"] h1 small {
    color: #888;
    font-size: 0.8em;
    font-weight: 200
}
header[role="site-head"] .links {
    position: absolute;
    bottom: -30px;
    width: 100%;
    text-align: left;
}

footer[role="site-footer"] {
    min-width: 280px;
    margin: 0 0 20px;
    text-align: left
}
footer[role="site-footer"] .links {
    margin-bottom: 40px;
    line-height: 1.4em;
    text-align: left
}
footer[role="site-footer"] .links h2 {
    font-size: 1.4em;
    margin-bottom: 0.4em;
}
footer[role="site-footer"] .links hr {
    margin: 2em 0;
    border: none;
}
footer[role="site-footer"] .copyright {
    color: #888;
    text-align: right;
    font-size: 13px
}

article {
    position: relative;
    min-width: 280px;
    margin: 0 0 80px;
    padding: 0 0 60px;
    border-bottom: 1px solid #ddd
}
article header {
  margin-bottom: 28px;
}
article h2 {
    margin-bottom: 0;
    font-size: 1.6em;
    text-align: center;
}
article h2 a,article h2 a:visited {
    color: #222;
}
article h2 a:hover,article h2 a:visited:hover {
    border: none;
    text-decoration: underline
}
article .meta {
    color: #aaa;
    text-align: center;
}

article .entry-content h3 {
    margin: 1.8em 0 0.5em;
    color: #222;
    font-size: 1.2em;
}
article .entry-content h4 {
    margin: 1.6em 0 0.5em;
    color: #222;
    font-size: 1em;
    line-height: 1.3em;
}
article .entry-content {
  line-height: 1.5em;
}
article .entry-content p,
article .entry-content li {
  margin-bottom: 1.1em;
  word-break: break-word;
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
}
article .entry-content a,article .entry-content a:visited {
    border-bottom: 1px solid #ddd;
    text-decoration: none
}
article .entry-content a:hover,article .entry-content a:visited:hover {
    border-bottom: 1px solid #AD655F;
}
article .entry-content img,article .entry-content embed,article .entry-content object,article .entry-content video,article .entry-content iframe {
    display: block;
    width:100%;
    margin: 0 auto 1em;
    /*-webkit-box-shadow: 0px 1px 4px #444;
    -moz-box-shadow: inset 0px 1px 0px #444;
    box-shadow: 0px 1px 4px #444*/
}
article .entry-content ul {
    list-style: disc
}
article .entry-content ol {
    list-style: decimal
}
article .entry-content li {
    margin: 0 0 1em 30px
}
article .entry-content blockquote {
    margin-bottom: 1em;
}
article .entry-content blockquote p {
    margin-left: 4px;
    padding-left: 10px;
    border-left: 3px solid #ddd;
    font-style: italic;
}
article .entry-content blockquote footer {
    text-align: right
}

article hr {
    display: block;
    width: 88px;
    margin: 28px auto;
    border: none;
    color: #ddd;
    background-color: #ddd;
    height: 1px;
}

.index {
  margin: 0 0 80px;
  padding: 0 0 60px;
  border-bottom: 1px solid #ddd
}
.index article {
  margin: 0 0 2em;
  padding: 0;
  border: none;
}
.index article h2 {
  text-align: left;
}
.index article .meta {
  display: inline-block;
  font-family: "allumi-std",sans-serif;
  font-size: 16px;
  font-weight: 200;
  text-align: left;
}

footer.archives {
    min-width: 280px;
    max-width: 500px;
    margin: 80px 0;
    padding-left: 200px;
    text-align: center
}
footer.archives form {
    display: inline
}
footer.archives form fieldset {
    display: inline
}
footer.archives form fieldset input {
    display: inline;
    width: 200px;
    padding: 2px 4px;
    border-radius: 5px;
    border: 1px solid #ddd;
    font-family: "allumi-std",sans-serif;
    font-size: 15px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s,box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s,box-shadow linear 0.2s;
    -o-transition: border linear 0.2s,box-shadow linear 0.2s;
    transition: border linear 0.2s,box-shadow linear 0.2s
}
footer.archives form fieldset input:focus {
    border-color: rgba(82,168,236,0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(33,91,151,0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(33,91,151,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(33,91,151,0.6);
    outline: 0;
    outline: thin dotted \9
}
#site-archives {
    min-width: 280px;
}
#site-archives li {
  list-style: none;
  padding: 0 0 2em 128px;
  margin: 0;
}
#site-archives li li {
  list-style: none;
  padding: 0 0 0.28em;
  position: relative;
}
#site-archives strong {
    position: absolute;
    left: 0;
    font-family: "ff-enzo-web", sans-serif;
    font-weight: 700;
    font-size: 1.2em;
}
#site-archives em {
    color: #888;
    font-size: 0.68em;
    font-style: normal;
}
#site-archives a,
#site-archives a:visited {
    border-bottom: none;
}
#site-archives a:hover,
#site-archives a:visited:hover {
  border-bottom: 1px solid #AD655F
}


@media screen and (max-width: 400px) {
  #wrapper {
    padding: 0 16px
  }
  header[role="site-head"] h1 {
    font-size: 1.45em;
  }
  article .entry-content p,
  article .entry-content li {
      margin-bottom: 0.8em;
      line-height: 1.4em
  }
  .index article .meta {
    display: block;
  }
}

@media screen and (max-width: 640px) {
  #site-archives li {
    padding: 0 0 2em;
  }
  #site-archives strong {
      float: none;
      line-height: 2em;
      text-indent: 0;
  }
}
