/*  
Now for jekyll
Version: 1.0
Author: ashchan
Author URI: http://blog.ashchan.com
*/
@import url(http://ashchan.com/stylesheets/styles.css);
@import url(http://ashchan.com/stylesheets/flickr.css);

h1 a, h2 a { text-decoration: none; color: #000; }

p#copyright, p#archives { clear:both; font-size: 10pt; color: #555; }
p#archives { float: left; width: 300px; margin-left: 20px; }
#searchform { float: right; width: 250px; color: #555; font-size: 10pt; margin-top: 13px; }
#searchfield {}

pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

#hire { font-weight: bold; text-align: center; }
#hire a { color: red; text-decoration: none; }

#sidebar { }
#sidebar a {  }
#sidebar ul.links { padding-left: 0; margin-left: 0; list-style-position: inside; }
#sidebar ul.links ul { padding: 0; margin: 0; }
#sidebar ul.links ul#blogrolls { font-size: 90%; }
#sidebar ul.links li { width: 44%; padding: 0 3%; float: left; list-style: none; }
#sidebar ul.links li li { float: none; width: 100%; padding: 5px 0; }
#sidebar h2 { font-size: 100%; }
.entries { padding: 10px; margin-bottom: 10px; }

.post { margin-bottom: 30px; padding: 0 20px 0px 0; }
.post h2 a:hover { color: green }
.metainfo { }
p.tags { background: url(http://ashchan.com/images/tag.gif) left center no-repeat; padding-left: 18px; display: inline-block; }
p.date { background: url(http://ashchan.com/images/date.gif) left center no-repeat; padding-left: 18px; display: inline-block; }

.post .entry { line-height: 160%; margin-bottom: 20px; overflow: hidden; }
.post blockquote { border-left: solid 4px #444034; padding-left: 15px; }
.post li { margin-bottom: 10px; }
.post #commentform textarea { width: 60%; }
.post #commentform .inputfield { margin-top: 0; }
.post #commentform input { width: 30%; }
h2#respond, #content h2#comments { margin-top: 20px; }


.post .entry > pre,
.post div.dean_ch { font-size: 80%; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; border-left: none !important; border-right: none !important; font-family: 'Courier New', Courier, monospace;  padding: 5px 10px; background-color: #f0f0f0;}
.post pre {padding: 5px 10px;}

ul.posts li { list-style: none; }
ul.posts li small { font-size: 0.8em; margin-left: 15px; color: #999; }


h2#comments { background:url(http://ashchan.com/images/comments.gif) no-repeat left center; margin-top: 30px; padding: 15px 0 0 35px; }
h2#respond { background:url(http://ashchan.com/images/comment_add.gif) no-repeat left center; margin-top: 30px; padding: 0 0 0 35px; }

ol.commentlist { padding: 0; margin: 0; list-style: none; }
.commentlist li { margin: 0 0 15px 0; padding: 15px; border-top: 1px dotted #ccc; }
.commentlist li>p { margin: 5px 0; }
.commentlist .comment_body { line-height: 160%; }
.commentlist .reply { background: #ccf;  }
.commentlist small { font-size: 85%; }
.commentlist .metainfo img { float: right; padding-left: 4px;}
.commentlist .reply { }
.commentlist .reply .metainfo { left: -200px; }

.recommend img { float: left; margin: 5px 20px 0; }

#search { padding-left: 20px; }

/* github badge */
#github-badge { margin: 20px; }
#github-badge h2.header { display:none; }

/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */