body{font-family:Arial;font-size:13px;}
body.light{background:#fff;color:#333;}
body.dark{background:#000;color:#fff;}
.meta{margin-top:15px}
/*HEADER*/
#header h3{color:#ccc;}
#header h4 a{font-weight:normal;}
#header h4{font-size:24px;margin:0;padding:0;line-height:85px}
#header h3{font-size:16px;color:#ccc;margin:0;padding:0 0 0px 0;line-height:0px}
#header .search{line-height:170px;margin-bottom:-30px}
#header .theme-picker{line-height:170px;margin-bottom:-30px;text-align:right;}
#header h4 a{color:#81a126;text-decoration:none;display:block;}
#content{font-size:16px;}
/*GENERAL*/
a{color:#09c;text-decoration:none;font-weight:bold;}
a:hover{text-decoration:underline;}
h1,h2,h3,h4{color:#81a126;font-weight:normal}
#about-image{float:left;margin:0 20px 20px 0;}
#about-text{margin-left:20px;display:block;}
#about-text h2{font-size:12px;color:inherit}
#about-text h1{font-size:12px;color:inherit}
.q{font-size:16px;color:#000}
.q.search-hint{color:#ccc}
.published{display:block;font-size:12px;margin:1em 0;}
pre{margin:0 0 27px 0;padding:10px;border:1px #81a126 solid;overflow:auto;}
code{font-size:14px;font-family:monaco,monospace;}
input,textarea{font-size:16px;}
textarea{width:100%;height:8em;}
.sidebar-node h3{margin-top:2em;margin-bottom:5px;}
.sidebar-node li{list-style:none;margin:0;}
#footer .external{text-align:right;}
#page-footer{padding:10px 0;}
body.light #page-footer{background-color:#f0f0f0;margin:0;}
body.dark #page-footer{background-color:#333;margin:0;}
.article-footer{font-size:12px;}
.hentry{margin-bottom:50px;}
.subscribe a{padding:5px 10px 5px 0;}
.subscribe a.subscribe-text{position:relative;top:-10px;}
/*SYNTAX*/
code .comment{color:#999;}
.dark .javascript .comment,.dark .ruby .comment,.dark .bash .comment{color:#00ffff;}
.javascript .string,.ruby .string,.ruby .number,.bash .string{color:#ff0000;}
.javascript .keywords,.ruby .keywords,.bash .keywords{color:#f800f2;}
.javascript .global{color:#38D;}
.javascript .brackets,.ruby .brackets,.bash .brackets{color:#777;}
.javascript .properties{color:#b41;}

.ruby .symbol{color:#00fb79;}
.ruby .regex{color:#37ffff;}
.dark .ruby .constant{color:#37ffff;}
.ruby .constant,.bash .constant{color:#09c;}
.light .ruby .expression,.light .bash .expression{color:#cc0;}
.dark .ruby .expression,.dark .bash .expression{color:#fff800;}
/*COMMENTS*/
.comments{list-style:none;}
.comments li{padding:0;margin:0;clear:both;}
.comments div{float:left;margin-right:20px;min-height:100px;}
.comments div.author{width:140px;}
.comments div.author span{display:block;font-style:normal;color:#666;}
.comments div.author span.date{font-size:10px;padding:3px 1px;}
.comments div.content{width:380px;margin:0}
#comment-form label{font-size:12px;}
#comment-form label span{font-size:10px;}
/*FOOTER*/
#footer h1{font-size:20px;}
#footer h2{font-size:18px;}
#footer h3{font-size:16px;}
#footer h4{font-size:14px;}
#footer .article-list li{list-style:none;padding:0;margin:5px 0;border-bottom:solid 1px #999;}
#footer .theme-picker{padding-bottom:20px;}
#footer .search{padding-bottom:20px;}

.diff{overflow:auto;border:solid 1px green;padding:1em;background:#fff;color:#000;}
.diff ul{overflow:auto;font-size:13px;list-style:none;margin:0;padding:0;display:table;width:100%;}
.diff del, .diff ins{display:block;text-decoration:none;}
.diff li{padding:0; display:table-row;margin: 0;height:1em;}
.diff li.ins{background:#dfd; color:#080}
.diff li.del{background:#fee; color:#b00}
.diff del, .diff ins, .diff span{white-space:pre-wrap;font-family:courier;}
.diff del strong{font-weight:normal;background:#fcc;}
.diff ins strong{font-weight:normal;background:#9f9;}