/* css stuff */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

#disqus_thread a {
  color: #02A;
}

nav[role=navigation] {
    display: initial !important;
}
nav[role=navigation] input {
    display: none;
}
#menu-toggle:checked ~ ul {
    display: block;
    margin: 0 0 0 50px;
    padding: 1em;
}
nav[role=navigation]>ul {
    display: none;
}
nav[role=navigation] li {
    display: block;
    font-size: large;
}
nav[role=navigation] label {
  background: linear-gradient(
    to bottom,
    rgba(192, 192, 192, 0.5) 0%,
    rgba(192, 192, 192, 0.5) 20%,
    transparent 20%,
    transparent 40%,
    rgba(192, 192, 192, 0.5) 40%,
    rgba(192, 192, 192, 0.5) 60%,
    transparent 60%,
    transparent 80%,
    rgba(192, 192, 192, 0.5) 80%,
    rgba(192, 192, 192, 0.5) 100%
  );
  cursor: pointer;
  display: block;
  float: left;
  margin: 10px;
  height: 36px;
  margin-top: 1em;
  width: 36px;
}
nav[role=navigation]>input:checked ~ label {
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 36px solid #CCC;
}

#header {
    background-color: black;
    background-size: cover;
    background-position: center center;
    height: 300px;
    margin-bottom: 2em;
}
#header>* {
    display: none;
}
#header>img.logo {
    position: absolute;
    right: 2em;
    top: 2em;
    display: block;
}

.zoom50 {
    zoom: 50%;
}

.container {
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    font-weight: normal;
    font-style: normal;
    font-size: 21px;
    line-height: 1.58;
    letter-spacing: -.003em;
}

.container.photo-back {
    background: black;
    color: #888;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    flex-direction: column;
}
.photo-frame>p {
    padding-left: 2em;
    padding-right: 2em;
}

.post-body>h2 {
    padding-bottom: .5em;

}
.post-title,
.post-body>*,
.post-nav,
.post-index-nav,
.comment-sep,
.comments {
    max-width: 700px;
    margin: 0 auto;
}
.post-title h1 {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 41px;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
.post-title h2 {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
    font-size: 20px;
    line-height: 25px;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
.post-title a {
    text-decoration: none;
}
.post-body>a,
.post-body>img,
.post-body>video,
.post-body>iframe,
.post-body>canvas {
    display: block;
    text-align: center;
}

a {
    font-weight: inherit;
    color: inherit;
    text-decoration: underline;
}
.post-nav,
.post-index-nav {
    margin-top: 1em;
    display: flex;
    justify-content: space-between;
    background: #eee;
    padding: 0.2em;
    clear: both;
}
.post-nav.splash,
.post-nav.photo-back {
    background: inherit;
    color: #888;
}

.post-nav>div:nth-child(2)>a:after {
    content: " ≫";
}
.post-nav>div:nth-child(2) {
    text-align: right;
}
.post-nav>div:nth-child(1)>a:before {
    content: "≪ ";
}

.post-tags-list a {
    display: list-item;
}

.post-index-nav .post-tags a {
    margin-right: 0.2em;
    text-decoration: none;
    background: #CCC;
    padding: 0.0em 0.3em 0.0em 0.3em;
    border-radius: .5em;
    font-size: medium;
    display: inline-block;
}
.post-index-nav .post-tags a:nth-child(1) {
    background: inherit;
    font-size: inherit;
    padding: inherit;
    margin: inherit;
}

.post-old {
    max-width: 700px;
    margin: 0 auto;
}

.post-body>p,
.post-body>ul,
.post-body>ol,
.post-body>pre,
.post-body>div.gman-align-center,
.post-body>div,
.post-body>table,
.post-body>img,
.post-body>iframe,
.post-body>video,
.post-body>canvas,
.paragraph {
    margin-bottom: 1.5em;
}

.post-body>a {
    display: block;
}
.post-body>hr {
    margin: 1em auto;
    border-color: #ccc;
}
.post-body>li {
    margin-bottom: 1em;
}
.post-body h1,
.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5 {
    font-family: sans-serif;
    margin-bottom: 1em;
}

.post-body blockquote {
    padding: 2em 2em 2em 2em;
    margin-bottom: 1em !important;
    background-color: #EEE;
}

.post-body>table.gman-border-dshadow {
    margin: 0 auto !important;
    display: block !important;
    max-width: none;
}

li>div.paragraph {
    margin-top: 1em;
}


code {
    background: #ddd;
    padding: 0.1em 0.3em 0.1em 0.3em;
    border-radius: .5em;
}

.post-body>table[align=left],
img.gman-border-bshadow[align=left],
img.gman-border-cshadow[align=left],
img.gman-border-dshadow[align=left] {
    margin-right: 1.5em;
}

.post-body>table[align=right],
img.gman-border-bshadow[align=right],
img.gman-border-cshadow[align=right],
img.gman-border-dshadow[align=right] {
    margin-left: 1.5em;
}
table.gman-border-bshadow img,
table.gman-border-cshadow img,
table.gman-border-dshadow img {
    display: block;
}

.oldfont__0000ff {
    color: #02A;
}
.oldfont__ff0000 {
    color: #A00;
}
.oldfont__800080 {
    color: #808;
}
.oldfont__8000ff {
    color: #82A;
}
.oldfont__ffffff {
    color: #FFF;
}

.gman-border-cshadow .gman-expand-to-fit {
    margin: 0 !important;
  /*  padding-top: 1em;  seems wrong - blog/cafes__cakes_and_me */
}

.gman-spaced-list {
}

.gman-spaced-list li {
    margin-bottom: 1em;
}

.gman-feature-grid tbody tr th {
  /* background-color: red; */
  background-color: #eef;
  color: black;
}

.gman-feature-grid tbody {
  /* background-color: blue; */
}

.gman-feature-grid tbody tr td {
  text-align: center;
  border: 1px solid white;
}

.gman-feature-grid tbody tr:nth-child(2n) {
  background-color: #ddf;
}

.gman-feature-grid {
  /* background-color: purple; */
  font-size: xx-small;
}

.gman_caption {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: x-small;
  text-align: center;
  color: white;
  font-weight: bold;
  display: block;
  word-wrap: normal;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.photo-frame .gman_caption {
  padding-top: 0.5em;
}
.gman_caption a {
  color: white;
  text-decoration: none;
}
.gman_caption a:hover {
  color: lightblue;
  text-decoration: underline;
}
.gman-border-cshadow .gman_caption {
    margin-bottom: -5px;  /* is this the right solution? see blog/gyoza_stadium
}

.gman-border table {
  border-collapse: collapse;
  margin: 0px;
}
table.gman_border, table.gman_border td {
  padding: 0px 0px 0px 0px !important;
  margin: 0px 0px 0px 0px !important;
  border: 0px 0px 0px 0px !important;
  border-bottom:0px solid white !important;
  border-top:0px !important;
  padding-top:0px !important;
  margin-top:0px !important;
}
.gman_shad_wrap0, .gman_shad_wrap1, .gman_shad_wrap2, .gman_shad_wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
}
.gman_shad_wrap0 {
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  gbackground-color: red;
}
.gman_shad_wrap1 {
  float: left;
  background:url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20180123053217im_%2Fhttps%3A%2F%2Fblog.greggman.com%2Fr%2Fimages%2Fgman-shadow-main.gif) right bottom no-repeat;
}
.gman_shad_wrap2 {
  background:url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20180123053217im_%2Fhttps%3A%2F%2Fblog.greggman.com%2Fr%2Fimages%2Fgman-shadow-corner-bl.gif) -4px 100% no-repeat;
}
.gman_shad_wrap3 {
  padding:0 6px 6px 0;
  background:url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20180123053217im_%2Fhttps%3A%2F%2Fblog.greggman.com%2Fr%2Fimages%2Fgman-shadow-corner-tr.gif) 100% -4px no-repeat;
}
.gman_shad_wrap3 img {
  display:block;
}
.gman_shad_border {
  padding: 5px;
  background: black;
  display:block;
  float: none;
}

#gman_photo_response_wrapper {
 margin: 0 auto;
 text-align: center;
 width: 512px;
}

.gman_center {
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-align: center;
}

.gman_math {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  text-align: left;
  width: auto;
}

.gman_math_center {
  display: block;
  text-align: center;
}

.gman_icon {
 width: 64px;
 height: 64px;
 float: right;
 border: 1px solid black;
 margin-left: 5px;
 margin-bottom: 5px;
}

iframe.gman_example {
  border: 1px solid black;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

iframe.gman_diagram {
  border: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

div.gman_sidebar {
  border: 1px solid gray;
  background-color: #eef;
  float: right;
  width: 15em;
}

div.gman_bottombar {
  border: 1px solid #000;
  background-color: #eef;
  width: 95%;
  padding: 0.5em;
  margin: 0.5em;
}

.entry-content code {
    background: #ddd;
    font-size: medium;
    padding: 0.2em;
}

.gman-border-bshadow,
.gman-border-cshadow,
.gman-border-dshadow {
    display: inline-block;
    margin: 0.5em;
}
.gman-border-bshadow[align=center],
.gman-border-cshadow[align=center],
.gman-border-dshadow[align=center] {
    display: block;
    margin: 0 auto 1em;
    max-width: none;
}
img.gman-border-bshadow,
.gman-border-bshadow>* {
    border: 0.5em solid black !important;
    box-shadow: 0.25em 0.25em 1em #888;
    margin: 0.5em 0.5em 1em 0.5em;
}
img.gman-border-bshadow,
img.gman-border-dshadow {
    display: inline-block;
}
img.gman-border-bshadow[align=center],
img.gman-border-dshadow[align=center] {
    margin: 0 auto 1em;
    display: block;
    max-width: none;
}
img.gman-border-dshadow,
.gman-border-dshadow>* {
    box-shadow: 0.25em 0.25em 1em #888;
    margin: 0.5em 0.5em 1em 0.5em;
}
.gman-border-cshadow>.gman_border {
    border: 0.5em solid black;
    background-color: black;
    box-shadow: 0.25em 0.25em 1em #888;
    margin: 0.5em auto 1em auto;
    display: inline-block;
}
.gman-border-cshadow>.gman_border>div.gman_caption {
    color: white;
}

.post-body>.gman-align-center {
    margin: 0 auto;
    max-width: none;
}
.gman-align-center {
    display: block;
    text-align: center;
}

.gman-align-left {
    float: left;
    margin-right: 1em;
    margin-bottom: 0;
}
.gman-align-right {
    float: right;
    margin-right: 1em;
    margin-bottom: 0;
}
.gman-expand-to-fit {
    max-width: 100%;
    margin: 0 auto 2em !important;
    display: block !important;
    max-width: none;
}

/* --- Prettify --- */
pre.prettyprint .nocode { background-color: none; color: #FFF }
pre.prettyprint .str { color: #b9ca4a } /* string          */
pre.prettyprint .kwd { color: #c397d8 } /* keyword         */
pre.prettyprint .com { color: #f3efb2 } /* comment         */
pre.prettyprint .typ { color: #7aa6da } /* type            */
pre.prettyprint .lit { color: #45e7a6 } /* literal         */
pre.prettyprint .pun { color: #7ecce0 } /* punctuation     */
pre.prettyprint .pln { color: #eaeaea } /* plaintext       */
pre.prettyprint .tag { color: #d54e53 } /* html/xml tag    */
pre.prettyprint .atn { color: #e78c45 } /* attribute name  */
pre.prettyprint .atv { color: #70c0b1 } /* attribute value */
pre.prettyprint .dec { color: #e78c45 } /* decimal         */
pre.prettyprint .var { color: #d54e53 } /* variable name   */
pre.prettyprint .fun { color: #7aa6da } /* function name   */

pre.prettyprint ul.modifiedlines {
    list-style-type: none;
    padding-left: 0;
}
pre.prettyprint ul.modifiedlines li.linemodified {
    list-style-type: none;
    background-color: #324840;
}
pre.prettyprint ul.modifiedlines li.linedeleted {
    list-style-type: none;
    background-color: #4c1414;
    text-decoration: line-through;
}

pre.prettyprint ul.modifiedlines li.lineadded {
    list-style-type: none;
    background-color: #3f4463;
}


pre.prettyprint, code.prettyprint {
    color: #FFF;
    background: #222;
    border: 1px solid #000;
    box-shadow: 10px 10px 0px #ccc;
    font-size: 11pt;
    font-family: "Lucida Console", Monaco, monospace;
    width: 95%;
    margin: auto auto 2em auto;
    padding: 1em;
    text-align: left;           /* override justify on body */
    /* this was disabled until 2016-08-26 but I don't know why */
    overflow: auto;             /* allow scroll bar in case of long lines - goes together with white-space: nowrap! */
    white-space: pre;        /* was nowrap, prevent line wrapping */
    line-height: 1.5em;
}

@media print {
    pre.prettyprint .str, code.prettyprint .str{color:#060}
    pre.prettyprint .kwd, code.prettyprint .kwd{color:#006;font-weight:bold}
    pre.prettyprint .com, code.prettyprint .com{color:#600;font-style:italic}
    pre.prettyprint .typ, code.prettyprint .typ{color:#404;font-weight:bold}
    pre.prettyprint .lit, code.prettyprint .lit{color:#044}
    pre.prettyprint .pun, code.prettyprint .pun{color:#440}
    pre.prettyprint .pln, code.prettyprint .pln{color:#000}
    pre.prettyprint .tag, code.prettyprint .tag{color:#006;font-weight:bold}
    pre.prettyprint .atn, code.prettyprint .atn{color:#404}
    pre.prettyprint .atv, code.prettyprint .atv{color:#060}
    pre.prettyprint, code.prettyprint {
        color: #000;
        background: #EEE;
        padding: 1em;
        overflow: visible;
    }

    pre.prettyprint ul.modifiedlines li.linemodified {
        background-color: #DDD;
    }
    pre.prettyprint ul.modifiedlines li.linedeleted {
        background-color: #CCC;
    }
    pre.prettyprint ul.modifiedlines li.lineadded {
        background-color: #EEE;
    }
}

.gman_flickr_thumbs { margin: 0 auto; max-width: 700px; padding: 0; overflow: hidden; }
.gman_flickr_thumbs li { list-style: none; float: left; margin: 5px; padding: 3px; background: #eee; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 2px #000; }
.gman_flickr_thumbs li a { }
.gman_flickr_thumbs li img { display: block; }
.gman_flickr_thumbs li a img { border: none;}


@media (max-width : 900px) {
    #sidebar {
        padding: 1em;
        color: black;
        position: inherit;
        left: auto;
        top: auto;
        font-size: medium;
    }
}

@media (max-width : 750px) {
    #header {
        height: 50px
    }
    #header>img.logo {
        width: 150px;
        right: 1em;
        top: 1em;
    }
    nav[role=navigation] label {
        width: 20px;
        height: 20px;
    }
    .container {
        padding: 0 1em 0 1em;
    }
    .post-title,
    .post-body>*,
    .post-nav,
    .comment-sep,
    .comments {
        max-width: 700px;
    }
}
@media (max-width : 500px) {
    .post-title {
        font-size: 18px;
        font-weight: bold;
        line-height: 20px;
    }
    .container {
        font-size: 16px;
    }
    .post-index-nav .post-tags a {
        font-size: small;
        padding: 0.0em 0.1em 0.0em 0.1em;
    }
    pre.prettyprint, code.prettyprint {
        font-size: 9pt;
    }
    h1 {
        font-size: 1.25em;
    }
    h2 {
        font-size: 1em;
    }
}
@media (max-width : 750px) {
    .post-body iframe,
    .post-body img {
        max-width: 600px !important;
    }
}
@media (max-width : 660px) {
    .post-body iframe,
    .post-body img {
        max-width: 500px !important;
    }
}
@media (max-width : 560px) {
    .post-body iframe,
    .post-body img {
        max-width: 400px !important;
    }
}
@media (max-width : 460px) {
    .post-body iframe,
    .post-body img {
        max-width: 300px !important;
    }
}
@media (max-width : 360px) {
    .post-body iframe,
    .post-body img {
        max-width: 260px !important;
    }
}


/*
     FILE ARCHIVED ON 05:32:17 Jan 23, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 20:17:47 Dec 05, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.506
  exclusion.robots: 0.12
  exclusion.robots.policy: 0.098
  esindex: 0.025
  cdx.remote: 13.189
  LoadShardBlock: 2083.225 (3)
  PetaboxLoader3.datanode: 2105.361 (5)
  PetaboxLoader3.resolve: 105.855 (3)
  load_resource: 176.617 (2)
*/