* {
 margin:0;
 padding:0
}

hr {
  height: 1px;
  background-color: #efefef;
  border-style: solid;
  border: none;
}

body {
 background:#ffffff;
 color:#555555;
 font-family:"Merriweather", Georgia, serif;
 font-size:16px;
 -webkit-font-smoothing:antialiased;
 font-weight:400;
 line-height:1.6;
 text-rendering:optimizeLegibility;
 -webkit-text-size-adjust:100%
}
@media screen and (max-width:600px) {
 body {
  font-size:12px
 }
}
.container {
 padding:0 20px;
 margin:0 auto;
 width:780px
}
@media screen and (max-width:820px) {
 .container {
  width:auto
 }
}
main {
 margin-bottom:15px;
 font-family:"Merriweather", Georgia, serif
}
main p,
main h1,
main h2,
main h3,
main h4,
main h5,
main ul,
main ol,
main table,
main blockquote {
 margin-top:15px
}
main h1,
main h2,
main h3,
main h4,
main h5 {
 line-height:2
}
main h1 a,
main h2 a,
main h3 a,
main h4 a,
main h5 a {
 text-decoration:underline;
 color:#555555;
 transition:color 0.3s;
 font-weight:bold
}
main ul,
main ol {
 margin-left:20px
}
main ul ul,
main ul ol,
main ol ul,
main ol ol {
 margin-top:0
}
main ul li p,
main ol li p {
 margin-top:0;
 margin-bottom:10px
}
main a {
 color:#2980b9;
 transition:color 0.3s;
 font-weight:normal
}
main a:hover {
 color:#2980b9
}
main img,
main video {
 max-width:100%;
 height:auto
}
main img.center {
 border:none
}
main strong {
 color:#222222
}
main em {
 font-style:italic
}
main .ipa {
 font-size:15px;
 font-family:"Source Code Pro", Consolas, monospace;
 vertical-align:middle
}
main abbr {
 cursor:default;
 border-bottom:1px solid #3c3c3c
}
main blockquote {
 margin:25px, 0, 25px, 10px;
 padding-left:15px;
 border-left:1px solid #999999
}
@media screen and (max-width:600px) {
 main blockquote {
  margin:25px, 0, 25px, 5px;
  padding-left:10px;
  text-align:justify;
  -webkit-hyphens:auto;
  -moz-hyphens:auto;
  hyphens:auto
 }
}
main blockquote cite {
 text-align:left;
 font-size:0.9em;
 font-style:italic;
 font-weight:400
}
main pre {
 font-family:"Source Code Pro", Consolas, monospace;
 cursor:default;
 overflow-x:auto;
 background:#f9f9f9;
 color:#555555;
 font-size:0.8em;
 line-height:1.5;
 padding:10px;
 margin:5px
}
@media screen and (max-width:600px) {
 main pre {
  padding:5px
 }
}
h1 {
 font-size:1.6em
}
h2 {
 font-size:1.4em
}
h3 {
 font-size:1.1em
}
a {
 text-decoration:none;
 outline-width:0;
 color:#2980b9
}
a:hover {
 text-decoration:underline
}
.center {
 margin-left:auto;
 margin-right:auto
}
.clear {
 clear:both
}
header {
 height:30px;
 padding:25px 0 30px 0;
 border-bottom:1px solid #efefef;
 margin-bottom:15px
}
@media screen and (max-width:820px) {
 header {
  text-align:center;
  height:auto;
  position:relative;
  padding-bottom:10px
 }
}
header a {
 color:#555555;
 transition:color 0.3s
}
header a:hover {
 text-decoration:none;
 color:#2980b9
}
header #title {
 float:left;
 font-size:14px;
 text-transform:uppercase;
 font-family:"Open Sans", Helvetica, sans-serif
}
@media screen and (max-width:820px) {
 header #title {
  float:none;
  text-align:center;
  display:inline-block;
  margin:0 auto
 }
}
header #title #name {
 font-size:2em;
 font-weight:400
}
header nav {
 float:right;
 margin-left:25px;
 position:relative
}
@media screen and (max-width:820px) {
 header nav {
  text-align:center;
  float:none;
  margin-left:0
 }
}
header nav a {
 display:inline-block;
 line-height:2;
 font-size:1.2em;
 margin-left:0;
 margin-right:15px
}
header nav a:last-of-type {
 margin-right:0
}
header nav a[title="twitter"]:hover {
 color:#55acee
}
header nav a[title="github"]:hover {
 color:#4183c4
}
header nav a[title="feed"]:hover {
 color:#f26522
}
header nav a[title="email"]:hover {
 color:#db3a1b
}
footer {
 border-top:1px solid #efefef;
 padding:10px 0;
 text-align:center
}
footer p {
 margin-top:10px;
 margin-bottom:10px;
 font-style:italic;
 font-size:12px;
 color:#999999
}
footer p a {
 color:#555555;
 transition:color 0.3s
}
footer p a:hover {
 color:#222222
}
article {
 position:relative
}
article h2.title {
 font-weight:400;
 text-align:center
}
article h2.title a {
 color:#555555;
 transition:color 0.3s;
 display:inline-block;
 width:100%
}
article .meta {
 line-height:1.2;
 font-size:0.8em;
 color:#999999;
 padding:5px 0;
 clear:both;
 text-align:center;
 display:block
}
article .meta a {
 color:#999999;
 transition:color 0.3s
}
article .meta a:hover {
 color:#555555
}
.recent li {
 margin-bottom:5px
}
.recent li a {
 text-decoration:underline;
 color:#555555;
 transition:color 0.3s;
 font-weight:bold
}
.recent li a:hover {
 color:#2980b9
}
.recent li i {
 font-family:"Open Sans", Helvetica, sans-serif;
 font-size:0.95em;
 color:#999999
}
.recent li .desc {
 font-size:0.9em
}
.archive li {
 margin-bottom:3px
}
.archive i {
 font-family:"Open Sans", Helvetica, sans-serif;
 font-size:0.95em;
 color:#999999
}
.archive a {
 color:#555555
}
.sourceCode .kw {
 color:#007020;
 font-weight:bold
}
.sourceCode .dt {
 color:#902000
}
.sourceCode .dv,
.sourceCode .bn,
.sourceCode .fl {
 color:#40a070
}
.sourceCode .st {
 color:#4070a0
}
.sourceCode .ot {
 color:#007020
}
.sourceCode .al {
 color:red;
 font-weight:bold
}
.sourceCode .fu {
 color:#06287e
}
.sourceCode .er {
 color:red;
 font-weight:bold
}

table {
  border-spacing: 10px;
}

table, tr, td, th {
  padding: 5px;
  border: 1px solid #3c3c3c;
  border-collapse: collapse;
  font-size:14px;
}

table.truth {
  margin-left: auto;
  margin-right: auto;
}

.box {
  background: #FFF8E1;
  text-align: center;
  border-radius: 10px;
  opacity: .85;
  padding: .25em 0;
  margin: 1.5em 0;
  line-height: 2;
  font-size: 0.9em;
}