/* @import url(http://fonts.googleapis.com/css?family=Droid+Sans|Droid+Sans+Mono|Droid+Serif); */
@media all{

    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    html {
        margin: 0;
        font: 300 .9em/1.6em "Droid Serif", Cambria, Georgia, "DejaVu Serif", serif;
        overflow: scroll;
        overflow-y: scroll;
        overflow:-moz-scrollbars-vertical;
    }

    body {
        font-size: 12pt;
        line-height: 18pt;
        color: black;
        margin-top: 0;

    }
    body #content {
        padding-top: 0px;
        max-width: 80%;
        min-width: 700px;
        margin-left: 20px;
        background-color: white;
        padding: 2em;
        /* box-shadow: 3px 3px 5px #888; */
    }
    body .title {
        margin-left: 0px;
        font-size: 22pt;
    }

    #org-div-home-and-up{
        position: fixed;
        right: 0;
        top: 4em;
    }

    /* TOC inspired by http://jashkenas.github.com/coffee-script */
    #table-of-contents {
        font-size: 10pt;
        position: fixed;
        right: 0em;
        top: 0em;
        background: white;
        line-height: 12pt;
        text-align: right;
        box-shadow: 0 0 1em #777777;
        -webkit-box-shadow: 0 0 1em #777777;
        -moz-box-shadow: 0 0 1em #777777;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        /* ensure doesn't flow off the screen when expanded */
        max-height: 80%;
        overflow: auto; }
    #table-of-contents h2 {
        font-size: 13pt;
        max-width: 9em;
        border: 0;
        font-weight: normal;
        padding-left: 0.5em;
        padding-right: 0.5em;
        padding-top: 0.35em;
        padding-bottom: 0.35em; }
    #table-of-contents #text-table-of-contents {
        display: none;
        text-align: left; }
    #table-of-contents:hover #text-table-of-contents {
        display: block;
        padding: 0.5em;
        margin-top: -1.5em; }

    #license {
        /* padding: .3em; */
        /* border: 1px solid gray; */
        background-color: #eeeeee;
    }

    h1 {
        /*
      font-family:Sans;
      font-weight:bold; */
        font-family:sans-serif;
        font-size: 1.45em;
        font-weight: bold;
        padding: 0 0 30px 0;
        margin-top: 30px;
        margin-bottom: 10px;
        margin-right: 7%;
        /*    color: #6C5D4F; */
        color: bold;
    }

    h2 {
        font-family:sans-serif;
        font-size:1.35em;
        line-height:16px;
        padding:10px 0 10px 0;
        color: black;
        border-bottom: 1px solid #ddd;
    }

    .outline-text-2 {
        margin-left: 1.3em;
    }

    h3 {
        font-family:sans-serif;
        font-size:1.3em;
        color: grey;
        margin-left: 0.8em;
    }

    .outline-text-3 {
        margin-left: 3.5em;
    }

    h4 {
        font-family:sans-serif;
        font-size:1.2em;
        margin-left: 2.6em;
        color: #A5573E;
    }

    .outline-text-4 {
        margin-left: 6.5em;
    }

    h5 {
        font-family:sans-serif;
        font-size:1.0em;
        margin-left: 6.3em;
    }

    .outline-text-5 {
        margin-left: 10.0em;
    }

    h6 {
        font-family:sans-serif;
        font-size:1.0em;
        margin-left: 10.0em;
    }

    .outline-text-6 {
        margin-left: 14.8em;
    }

    h7 {
        font-family:sans-serif;
        font-size:1.0em;
        margin-left: 14.8em;
    }

    .outline-text-7 {
        margin-left: 24.8em;
    }

    a {text-decoration: none; font-weight: 400;}
    a:visited {text-decoration: none; font-weight: 400;}
    a:hover {text-decoration: underline;}

    .todo {
        color: #CA0000;
    }

    .done {
        color: #006666;
    }

    .timestamp-kwd {
        color: #444;
    }

    .tag {

    }

    li {
        margin: 0.4em;
    }

    code {
        font-size: 100%;
        color: black;
        border: 1px solid #DEDEDE;
        padding: 0px 0.2em;
    }

    span.tags-links {
        display:block;
        float:right;
        text-align:right;
    }

    img {
        border: none;
    }

    .share img {
        opacity: .4;
        -moz-opacity: .4;
        filter: alpha(opacity=40);
    }

    .share img:hover {
        opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
    }

    /* pre {border: 1px solid #555; */
    /*      background: #EEE; */
    /*      font-size: 9pt; */
    /*      padding: 1em; */
    /*     } */

    /* pre { */
    /*     color: #e5e5e5; */
    /*     background-color: #000000; */
    /*     padding: 1.4em; */
    /*     border: 2px solid gray; */
    /* } */

    /* pre { */
    /*     background-color: #2b2b2b; */
    /*     border: 4px solid gray; */
    /*     color: #EEE; */
    /*     overflow: auto; */
    /*     padding: 1em; */
    /*  } */

    pre {
        font-family: Droid Sans Mono, Monaco, Consolas, "Lucida Console", monospace;
        color: black;
        font-size: 90%;
        background-color: #ffffff;
        padding: 1.2em;
        border: 2px solid #dddddd;
        overflow: auto;
    }

    /* body */
    .container {
        margin: 0 auto;
        margin-left: 30px;
        max-width: 80%;
    }

    .content-and-footer {
        margin: 0 auto;
    }

    /* head */
    .masthead {
        color: #ada;
    }

    .masthead hr {
        height: 2px;
        border: 0;
        box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
    }

    .masthead ul {
        padding: 3ex 3ex;
        border: 1px solid #aaa;
        background: white;
        color: black !important;
        list-style-type: disc;
        position: absolute;
        right: 1%;
        top: 20%;
        z-index:-10;
    }

    .masthead p {
        margin-top: 0;
        margin-left: 0;
    }

    .masthead h1 {
        font-size: 40px;
        font-weight: bold;
        margin: 40px 0 0 -10px;
        color: black;
    }

    .masthead span {
        font-size: 17px;
        font-weight: normal;
        color: gray;
    }

    .masthead h1:before {
        content: "";
    }

    .masthead:before {
        display: block;
        margin: -5px 0 0 -40px;
        color: #cfc;
    }

    .masthead:after {
        display: block;
        margin: -5px 0 0 -40px;
        color: black;
    }
    .masthead a {
        color: black;
    }

    .masthead p {
        color: gray;
    }

    .masthead li {
    }

    /*
    .masthead li + li:before {
        display: inline-block;
        content: "\00B7 \00a0";
        color: #cfc;
    } */

    /* searchform*/
    #searchform {
        position: absolute;
        top: 30px;
        right: 1%;
    }

    #searchform #s {
        background: url("/media/img/search.png") no-repeat 5px 6px;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
        border: 1px solid #dfd;
        border-radius: 2px;
        -moz-border-radius: 2px;
        width: 150px;
        height: 30px;
        line-height: 12px;
        padding: 4px 10px 4px 28px;

        -webkit-transition-duration: 400ms;
        -webkit-transition-property: width, background;
        -webkit-transition-timing-function: ease;
        -moz-transition-duration: 400ms;
        -moz-transition-property: width, background;
        -moz-transition-timing-function: ease;
        -o-transition-duration: 400ms;
        -o-transition-property: width, background;
        -o-transition-timing-function: ease;
    }

    #searchform #s:focus {
        background-color: #f9f9f9;
        width: 160px;
    }

    .masthead img.avatar {
        position: fixed;
        width: 150px;
        right: 2%;
        bottom: 2%;
        background-color: #fff;
    }

    /* post */
    .post  {
        position: relative;
    }

    .post-title{
        font-size: 16px;
        color: gray;
        text-align: left;
        font-weight: normal;
        margin: -25px 0 50px 0;
    }

    .post-title:before {
        font-size: 18px;
        margin-left: -2px;
        content: "(c ͡|Q ͜ʖ ͡o)-c[_] ";
        content: "(c ͡|Q ͜ʖ ͡o)╦╤─";
        content: "̿' ̿'\̵͇̿̿\з=( ͡ °_̯͡° )=ε/̵͇̿̿/'̿'̿ ̿  ";
        content: " (•̪̀●́)=ε/̵͇̿̿/'̿̿ ̿ ̿̿ N --------{---(@  ";
        content: "╭∩╮(ô¿ô)╭∩╮ ";
        content: "٩๏̯͡๏۶(̅_̅_̅_̅(̅_̅_̅_̅_̅_̅_̅_̅_̅̅_̅()ڪے~  ";
        content: "̿ ̿̿'̿̿\̵͇̿̿\=(•̪●)=/̵͇̿̿/'̿̿ ̿ ̿  ";
        content: "¯¯̿̿¯̿̿'̿̿̿̿̿̿̿'̿̿'̿̿̿̿̿'̿̿̿)͇̿̿)̿̿̿̿ '̿̿̿̿̿̿\̵͇̿̿\=(•̪̀●́)=o/̵͇̿̿/'̿̿ ̿ ̿̿ ";
        content: "‹’’›(Ͼ˳Ͽ)‹’’›";
        content: "ѧѦ ѧ ︵͡︵ ̢ ̱ ̧̱ι̵̱̊ι̶̨̱ ̶̱ ︵ Ѧѧ ︵͡ ︵ ѧ Ѧ ̵̗̊o̵̖ ︵ ѦѦ ѧ";
        content: "✯╾━╤デ╦︻✯ ";
        content: "¸¸♬·¯·♩¸¸♪·¯·♫¸¸ ";
        content: "Ø)xxxxx[╣╗╗╕╕╕=======───────────────── ";
        content: "இڿڰۣ-ڰۣ—  ";
        content: "( ͡° ͜ʖ ͡°)-︻デ┳═ー ";
        content: "ᕦ(ò_ó*)ᕤ 　`--- ";
        content: "סּﭖסּﭾ﴿  `--- ";
        content: "٩(̾●̮̮̃̾•̃̾)۶ 　`--- ";
        content: "٩(- ̮̮̃-̃)۶ 　`--- ";
        content: "٩๏̯͡๏۶ 　`--- ";
    }

    .post-title:after {
        font-size: 18px;
        content: " ---";
    }

    .post img {
        max-width: 100%;
    }

    .post li {
        list-style: none outside none;
    }

    .post li pre {
        margin-left: 1.3em;
    }

    .post li p {
        display: inline;
    }

    .post ul > li:before {
        content: "- ";
        /* margin-left: -1.25em; */
    }

    .post ol {
        counter-reset: o-list;
    }

    .post ol > li:before {
        content: counter(o-list) ") ";
        counter-increment: o-list;
        /* margin-left: -1.25em; */
    }

    /* special for li in pre */
    .post pre li {
        list-style-type: decimal;
    }

    .post pre li:before {
        display: none;
    }

    /* meta info */
    .post-info {
        display: inline-block;
        margin: -10px 0 -10px;
    }

    .post-info + .post-info:before {
        content: "\2223 \00a0";
    }

    .post-meta:after {
        margin: -1px 0 0 -40px;
        display: block;
    }


    /* footer */
    .footer {
        margin: 80px 0 0;
        text-align: center;
        font-size: 15px;
    }
    .footer > p {
        margin: 0;
        line-height: 1.5;
    }
    .footpara {
        display: inline;
    }

    .org-info-box {
        clear:both;
        margin-left:auto;
        margin-right:auto;
        padding:0.7em;
        /* border:1px solid #CCC; */
        /* border-radius:10px; */
        /* -moz-border-radius:10px; */
    }
    .org-info-box img {
        float:left;
        margin:0em 0.5em 0em 0em;
    }
    .org-info-box p {
        margin:0em;
        padding:0em;
    }


    .builtin {
        /* font-lock-builtin-face */
        color: #f4a460;
    }
    .comment {
        /* font-lock-comment-face */
        color: #737373;
    }
    .comment-delimiter {
        /* font-lock-comment-delimiter-face */
        color: #666666;
    }
    .constant {
        /* font-lock-constant-face */
        color: #db7093;
    }
    .doc {
        /* font-lock-doc-face */
        color: #b3b3b3;
    }
    .function-name {
        /* font-lock-function-name-face */
        color: #5f9ea0;
    }
    .headline {
        /* headline-face */
        color: #ffffff;
        background-color: #000000;
        font-weight: bold;
    }
    .keyword {
        /* font-lock-keyword-face */
        color: #4682b4;
    }
    .negation-char {
    }
    .regexp-grouping-backslash {
    }
    .regexp-grouping-construct {
    }
    .string {
        /* font-lock-string-face */
        color: #ccc79a;
    }
    .todo-comment {
        /* todo-comment-face */
        color: #ffffff;
        background-color: #000000;
        font-weight: bold;
    }
    .variable-name {
        /* font-lock-variable-name-face */
        color: #ff6a6a;
    }
    .warning {
        /* font-lock-warning-face */
        color: #ffffff;
        background-color: #cd5c5c;
        font-weight: bold;
    }
    pre.a {
        color: inherit;
        background-color: inherit;
        font: inherit;
        text-decoration: inherit;
    }
    pre.a:hover {
        text-decoration: underline;
    }

    /* Styles for org-info.js */

    .org-info-js_info-navigation
    {
        border-style:none;
    }

    #org-info-js_console-label
    {
        font-size:10px;
        font-weight:bold;
        white-space:nowrap;
    }

    .org-info-js_search-highlight
    {
        background-color:#ffff00;
        color:#000000;
        font-weight:bold;
    }

    #org-info-js-window
    {
        border-bottom:1px solid black;
        padding-bottom:10px;
        margin-bottom:10px;
    }

    .org-info-search-highlight
    {
        background-color:#adefef; /* same color as emacs default */
        color:#000000;
        font-weight:bold;
    }

    .org-bbdb-company {
        /* bbdb-company */
        font-style: italic;
    }
    .org-bbdb-field-name {
    }
    .org-bbdb-field-value {
    }
    .org-bbdb-name {
        /* bbdb-name */
        text-decoration: underline;
    }
    .org-bold {
        /* bold */
        font-weight: bold;
    }
    .org-bold-italic {
        /* bold-italic */
        font-weight: bold;
        font-style: italic;
    }
    .org-border {
        /* border */
        background-color: #000000;
    }
    .org-buffer-menu-buffer {
        /* buffer-menu-buffer */
        font-weight: bold;
    }
    .org-builtin {
        /* font-lock-builtin-face */
        color: #da70d6;
    }
    .org-button {
        /* button */
        text-decoration: underline;
    }
    .org-c-nonbreakable-space {
        /* c-nonbreakable-space-face */
        background-color: #ff0000;
        font-weight: bold;
    }
    .org-calendar-today {
        /* calendar-today */
        text-decoration: underline;
    }
    .org-comment {
        /* font-lock-comment-face */
        color: #b22222;
    }
    .org-comment-delimiter {
        /* font-lock-comment-delimiter-face */
        color: #b22222;
    }
    .org-constant {
        /* font-lock-constant-face */
        color: #5f9ea0;
    }
    .org-cursor {
        /* cursor */
        background-color: #000000;
    }
    .org-default {
        /* default */
        color: #000000;
        background-color: #ffffff;
    }
    .org-diary {
        /* diary */
        color: #ff0000;
    }
    .org-doc {
        /* font-lock-doc-face */
        color: #bc8f8f;
    }
    .org-escape-glyph {
        /* escape-glyph */
        color: #a52a2a;
    }
    .org-file-name-shadow {
        /* file-name-shadow */
        color: #7f7f7f;
    }
    .org-fixed-pitch {
    }
    .org-fringe {
        /* fringe */
        background-color: #f2f2f2;
    }
    .org-function-name {
        /* font-lock-function-name-face */
        color: #0000ff;
    }
    .org-header-line {
        /* header-line */
        color: #333333;
        background-color: #e5e5e5;
    }
    .org-help-argument-name {
        /* help-argument-name */
        font-style: italic;
    }
    .org-highlight {
        /* highlight */
        background-color: #b4eeb4;
    }
    .org-holiday {
        /* holiday */
        background-color: #ffc0cb;
    }
    .org-info-header-node {
        /* info-header-node */
        color: #a52a2a;
        font-weight: bold;
        font-style: italic;
    }
    .org-info-header-xref {
        /* info-header-xref */
        color: #0000ff;
        text-decoration: underline;
    }
    .org-info-menu-header {
        /* info-menu-header */
        font-weight: bold;
    }
    .org-info-menu-star {
        /* info-menu-star */
        color: #ff0000;
    }
    .org-info-node {
        /* info-node */
        color: #a52a2a;
        font-weight: bold;
        font-style: italic;
    }
    .org-info-title-1 {
        /* info-title-1 */
        font-size: 172%;
        font-weight: bold;
    }
    .org-info-title-2 {
        /* info-title-2 */
        font-size: 144%;
        font-weight: bold;
    }
    .org-info-title-3 {
        /* info-title-3 */
        font-size: 120%;
        font-weight: bold;
    }
    .org-info-title-4 {
        /* info-title-4 */
        font-weight: bold;
    }
    .org-info-xref {
        /* info-xref */
        color: #0000ff;
        text-decoration: underline;
    }
    .org-isearch {
        /* isearch */
        color: #b0e2ff;
        background-color: #cd00cd;
    }
    .org-italic {
        /* italic */
        font-style: italic;
    }
    .org-keyword {
        /* font-lock-keyword-face */
        color: #a020f0;
    }
    .org-lazy-highlight {
        /* lazy-highlight */
        background-color: #afeeee;
    }
    .org-link {
        /* link */
        color: #0000ff;
        text-decoration: underline;
    }
    .org-link-visited {
        /* link-visited */
        color: #8b008b;
        text-decoration: underline;
    }
    .org-match {
        /* match */
        background-color: #ffff00;
    }
    .org-menu {
    }
    .org-message-cited-text {
        /* message-cited-text */
        color: #ff0000;
    }
    .org-message-header-cc {
        /* message-header-cc */
        color: #191970;
    }
    .org-message-header-name {
        /* message-header-name */
        color: #6495ed;
    }
    .org-message-header-newsgroups {
        /* message-header-newsgroups */
        color: #00008b;
        font-weight: bold;
        font-style: italic;
    }
    .org-message-header-other {
        /* message-header-other */
        color: #4682b4;
    }
    .org-message-header-subject {
        /* message-header-subject */
        color: #000080;
        font-weight: bold;
    }
    .org-message-header-to {
        /* message-header-to */
        color: #191970;
        font-weight: bold;
    }
    .org-message-header-xheader {
        /* message-header-xheader */
        color: #0000ff;
    }
    .org-message-mml {
        /* message-mml */
        color: #228b22;
    }
    .org-message-separator {
        /* message-separator */
        color: #a52a2a;
    }
    .org-minibuffer-prompt {
        /* minibuffer-prompt */
        color: #0000cd;
    }
    .org-mm-uu-extract {
        /* mm-uu-extract */
        color: #006400;
        background-color: #ffffe0;
    }
    .org-mode-line {
        /* mode-line */
        color: #000000;
        background-color: #bfbfbf;
    }
    .org-mode-line-buffer-id {
        /* mode-line-buffer-id */
        font-weight: bold;
    }
    .org-mode-line-highlight {
    }
    .org-mode-line-inactive {
        /* mode-line-inactive */
        color: #333333;
        background-color: #e5e5e5;
    }
    .org-mouse {
        /* mouse */
        background-color: #000000;
    }
    .org-negation-char {
    }
    .org-next-error {
        /* next-error */
        background-color: #eedc82;
    }
    .org-nobreak-space {
        /* nobreak-space */
        color: #a52a2a;
        text-decoration: underline;
    }
    .org-org-agenda-date {
        /* org-agenda-date */
        color: #0000ff;
    }
    .org-org-agenda-date-weekend {
        /* org-agenda-date-weekend */
        color: #0000ff;
        font-weight: bold;
    }
    .org-org-agenda-restriction-lock {
        /* org-agenda-restriction-lock */
        background-color: #ffff00;
    }
    .org-org-agenda-structure {
        /* org-agenda-structure */
        color: #0000ff;
    }
    .org-org-archived {
        /* org-archived */
        color: #7f7f7f;
    }
    .org-org-code {
        /* org-code */
        color: #7f7f7f;
    }
    .org-org-column {
        /* org-column */
        background-color: #e5e5e5;
    }
    .org-org-column-title {
        /* org-column-title */
        background-color: #e5e5e5;
        font-weight: bold;
        text-decoration: underline;
    }
    .org-org-date {
        /* org-date */
        color: #a020f0;
        text-decoration: underline;
    }
    .org-org-done {
        /* org-done */
        color: #228b22;
        font-weight: bold;
    }
    .org-org-drawer {
        /* org-drawer */
        color: #0000ff;
    }
    .org-org-ellipsis {
        /* org-ellipsis */
        color: #b8860b;
        text-decoration: underline;
    }
    .org-org-formula {
        /* org-formula */
        color: #b22222;
    }
    .org-org-headline-done {
        /* org-headline-done */
        color: #bc8f8f;
    }
    .org-org-hide {
        /* org-hide */
        color: #e5e5e5;
    }
    .org-org-latex-and-export-specials {
        /* org-latex-and-export-specials */
        color: #8b4513;
    }
    .org-org-level-1 {
        /* org-level-1 */
        color: #0000ff;
    }
    .org-org-level-2 {
        /* org-level-2 */
        color: #b8860b;
    }
    .org-org-level-3 {
        /* org-level-3 */
        color: #a020f0;
    }
    .org-org-level-4 {
        /* org-level-4 */
        color: #b22222;
    }
    .org-org-level-5 {
        /* org-level-5 */
        color: #228b22;
    }
    .org-org-level-6 {
        /* org-level-6 */
        color: #5f9ea0;
    }
    .org-org-level-7 {
        /* org-level-7 */
        color: #da70d6;
    }
    .org-org-level-8 {
        /* org-level-8 */
        color: #bc8f8f;
    }
    .org-org-link {
        /* org-link */
        color: #a020f0;
        text-decoration: underline;
    }
    .org-org-property-value {
    }
    .org-org-scheduled-previously {
        /* org-scheduled-previously */
        color: #b22222;
    }
    .org-org-scheduled-today {
        /* org-scheduled-today */
        color: #006400;
    }
    .org-org-sexp-date {
        /* org-sexp-date */
        color: #a020f0;
    }
    .org-org-special-keyword {
        /* org-special-keyword */
        color: #bc8f8f;
    }
    .org-org-table {
        /* org-table */
        color: #0000ff;
    }
    .org-org-tag {
        /* org-tag */
        font-weight: bold;
    }
    .org-org-target {
        /* org-target */
        text-decoration: underline;
    }
    .org-org-time-grid {
        /* org-time-grid */
        color: #b8860b;
    }
    .org-org-todo {
        /* org-todo */
        color: #ff0000;
    }
    .org-org-upcoming-deadline {
        /* org-upcoming-deadline */
        color: #b22222;
    }
    .org-org-verbatim {
        /* org-verbatim */
        color: #7f7f7f;
        text-decoration: underline;
    }
    .org-org-warning {
        /* org-warning */
        color: #ff0000;
        font-weight: bold;
    }
    .org-outline-1 {
        /* outline-1 */
        color: #0000ff;
    }
    .org-outline-2 {
        /* outline-2 */
        color: #b8860b;
    }
    .org-outline-3 {
        /* outline-3 */
        color: #a020f0;
    }
    .org-outline-4 {
        /* outline-4 */
        color: #b22222;
    }
    .org-outline-5 {
        /* outline-5 */
        color: #228b22;
    }
    .org-outline-6 {
        /* outline-6 */
        color: #5f9ea0;
    }
    .org-outline-7 {
        /* outline-7 */
        color: #da70d6;
    }
    .org-outline-8 {
        /* outline-8 */
        color: #bc8f8f;
    }
    .outline-text-1, .outline-text-2, .outline-text-3, .outline-text-4, .outline-text-5, .outline-text-6 {
        /* Add more spacing between section. Padding, so that folding with org-info.js works as expected. */

    }

    .org-preprocessor {
        /* font-lock-preprocessor-face */
        color: #da70d6;
    }
    .org-query-replace {
        /* query-replace */
        color: #b0e2ff;
        background-color: #cd00cd;
    }
    .org-regexp-grouping-backslash {
        /* font-lock-regexp-grouping-backslash */
        font-weight: bold;
    }
    .org-regexp-grouping-construct {
        /* font-lock-regexp-grouping-construct */
        font-weight: bold;
    }
    .org-region {
        /* region */
        background-color: #eedc82;
    }
    .org-rmail-highlight {
    }
    .org-scroll-bar {
        /* scroll-bar */
        background-color: #bfbfbf;
    }
    .org-secondary-selection {
        /* secondary-selection */
        background-color: #ffff00;
    }
    .org-shadow {
        /* shadow */
        color: #7f7f7f;
    }
    .org-show-paren-match {
        /* show-paren-match */
        background-color: #40e0d0;
    }
    .org-show-paren-mismatch {
        /* show-paren-mismatch */
        color: #ffffff;
        background-color: #a020f0;
    }
    .org-string {
        /* font-lock-string-face */
        color: #bc8f8f;
    }
    .org-texinfo-heading {
        /* texinfo-heading */
        color: #0000ff;
    }
    .org-tool-bar {
        /* tool-bar */
        color: #000000;
        background-color: #bfbfbf;
    }
    .org-tooltip {
        /* tooltip */
        color: #000000;
        background-color: #ffffe0;
    }
    .org-trailing-whitespace {
        /* trailing-whitespace */
        background-color: #ff0000;
    }
    .org-type {
        /* font-lock-type-face */
        color: #228b22;
    }
    .org-underline {
        /* underline */
        text-decoration: underline;
    }
    .org-variable-name {
        /* font-lock-variable-name-face */
        color: #b8860b;
    }
    .org-variable-pitch {
    }
    .org-vertical-border {
    }
    .org-warning {
        /* font-lock-warning-face */
        color: #ff0000;
        font-weight: bold;
    }
    .rss_box {}
    .rss_title, rss_title a {}
    .rss_items {}
    .rss_item a:link, .rss_item a:visited, .rss_item a:active {}
    .rss_item a:hover {}
    .rss_date {}

    #show_source {margin: 0; padding: 0;}

    #postamble {
        font-size: 75%;
        min-width: 700px;
        max-width: 80%;
        margin-left: 20px;
        margin-top: 10px;
        padding: 2em;
        /* border: 1px solid gray; */
        border: 0px;
        background-color: #ffffff;
        z-index: -1000;
    }

    @media screen
    {
        #table-of-contents {
            float: right;
            border: 1px solid #CCC;
            max-width: 50%;
            overflow: auto;
        }
    }
} /* END OF @media all */

@media screen
{
    #table-of-contents {
        float: right;
        border: 1px solid #CCC;
        max-width: 50%;
        overflow: auto;
    }
} /* END OF @media screen */

@media screen and (min-width:1000px) {

    .post li{
        margin-left: -1.2em;
    }

    .post li pre {
        margin-left: 0em;
    }

    .post li p {
        display: inline;
    }

    .post li {
        list-style: none outside none;
    }

    .post ul > li:before {
        content: "- ";
        margin-left: -1.25em;
    }

    .post ol {
        counter-reset: o-list;
    }

    .post ol > li:before {
        content: counter(o-list) ") ";
        counter-increment: o-list;
        margin-left: -1.25em;
    }

    /* special for li in pre */
    .post pre li {
        list-style-type: decimal;
    }

    .post pre li:before {
        display: none;
    }
} /* END OF @media (min-width:800px)  */