/* <system section="theme" selected="98012380848591655"> */
/*
Theme: abulia
Author: quasistatic
*/

/* white text on black board */
body {
    color: #fff;
    background-color: #000;
    line-height: 1.6;
}

/* unified font type and size for pre element */
/* and for code, kbd, samp element */
pre,
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1.04em;
    line-height: 1.5;
}

pre.code {
    font-family: monospace, monospace;
}

.entry-content code,
.entry-content kbd,
.entry-content samp {
    font-family: monospace, monospace;
    font-size: 1.04em;
    border: none;
    background-color: #000;
}

/* pre area without scrollbar */
.entry-content pre {
    overflow: visible;
}

/* pre-notation background colour and padding in entry content */
.entry-content pre {
    background-color: #221;
    padding: 8px;
}

/* style for hatena's super-pre notation '>|lang|...||<' */
pre[class^="code"] {
    background-color: #221;
    padding: 8px;
}

/*
for now, hatena's *** notation is converted to h5 element.
this stylesheet's author uses for title followed by hatena's pre or super-pre notation
*/
h5 {
    background-color: #221;
}

/* set greenish text for anchor tag */
#container a ,
#footer a {
    color: #8f8;
}

/* unset underline for anchor text of blog-title */
#blog-title a {
    text-decoration: none;
}

/* set small pad at left of container-inner */
#container-inner {
    padding-left: 8px;
}

/* place entry's title, categories and header-menu, side by side */
h1.entry-title,
div.entry-categories,
div.entry-header-menu {
    display: inline-block;
}

/* display like "[entry-categories]" */
.entry-header .entry-categories a:before {
    content: "[";
}
.entry-header .entry-categories a:after {
    content: "]";
}

/* hide id and mod-time in entry footer */
p.entry-footer-section {
    display: none;
}

/* hide blog address in footer */
#footer-inner address.footer-address {
    display: none;
}

/* largen entry-date */
article .entry-date {
    font-size: 140%;
}

/* smallen anchor element in entry-title */
article .entry-title-link {
    font-size: 80%;
}

/* add square char before entry title's anchor */
article .entry-title-link:before {
    content: "■";
}

/* hide entry-date in same date articles without first displayed article */
article .entry-date.last,
article .entry-date.middle {
    display: none;
}

/* compactize archive page */
section.archive-entry .archive-entry-header,
section.archive-entry .archive-date,
section.archive-entry .entry-title,
section.archive-entry .categories,
section.archive-entry .archive-entry-body {
    display: inline-block;
    vertical-align: bottom;
}

/* smallen entry-title in archive page */
section.archive-entry .entry-title a.entry-title-link {
    font-size: 80%;
}
section.archive-entry h1.entry-title {
    margin-top: 0;
    margin-bottom: 0;
}

/* display like "[entry-categories]"  in archive page */
.archive-entry .categories a:before {
    content: "[";
}
.archive-entry .categories a:after {
    content: "]";
}

/* hide social buttons in archive entry body */
.archive-entry .archive-entry-body .social-buttons {
    display: none;
}

/* narrow entry title height in index page */
header.entry-header h1.entry-title {
    margin-top: 0px;
    margin-bottom: 0px;
}

/* narrow entry body text height and width in archive page */
.archive-entry-body p.entry-description {
    margin-top: 0px;
    margin-bottom: 0px;
    width: 20em; /* 20 char width */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* hide entry thumbnail in archive page */
.archive-entry a.entry-thumb-link {
    display: none;
}

/* space between prev and next in pager */
.pager span.pager-prev:after {
    content: "\00a0\00a0";
}

/* hide thumbnail image and its link in related entry */
.hatena-module-related-entries a.related-entries-image-link {
    display: none;
}

/* horizontal line under each article in index page */
body.page-index div#main article.entry {
    border-bottom: thin solid #888;
}

/* more lighten syntax highlight colour */
.synSpecial {
  color:#f0f
}
.synType {
  color:#8f8
}
.synComment {
 color:#bbf
}
.synPreProc {
 color:#7bf
}
.synIdentifier {
 color:#6ee
}
.synConstant {
 color:#f66
}
.synStatement {
 color:#fd8
}

/* table's borders are not shown by default in class .entry-content */
/* and i do not required spaces between both outer borders */
/* and i want to insert a bit spaces between borders and contents */
.entry-content table {
 border-collapse: collapse;
}
.entry-content th {
 border: solid 1px;
 padding: 5px;
}
.entry-content td {
 border: solid 1px;
 padding: 5px;
}

/* </system> */

/* <system section="background" selected="undefined"> */


/* </system> */


/* MY CSS */

.entry-content a.keyword {
  border: thick solid #8f8;
}
.MathJax .math .noError {
  border: thick solid #8f8;
}

/* bav part */
body.page-index .quasistatic-class-long-nav,
body.page-entry .quasistatic-class-long-nav {
  display:none;
}
body.page-archive .quasistatic-class-short-nav,
body.page-about .quasistatic-class-short-nav {
  display:none;
}
