@font-face {
    font-family: 'fomt';
    src: url('font.eot');
    src: url('font.eot?#iefix') format('embedded-opentype'),
         url('font.woff2') format('woff2'),
         url('font.woff') format('woff'),
         url('font.ttf') format('truetype'),
         url('font.svg#comfortaaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media (min-width:1080px){
 .main {
    position: absolute;
    right: 550px;
    margin-left: auto; margin-right:auto;
    left: 5px;}
 .archive3 {
    position:absolute;
    right:5px;
    left:710px;
    margin-left:auto;
    margin-right:auto;
    top:160px;
    font-family:sans-serif;
    font-size:13px;
    border:2px solid #FFA366;
    max-width:400px;
    text-align:center;
    background-color:
    #FFFFFF;
    margin-bottom:30px
    }
 .archive2 {
   display:none
 }
}

@media (max-width: 1080px) {
.main {margin-left:15px;margin-right:15px}
  .archive3 {font-family:sans-serif;font-size:13px;border:2px solid #FFA366;
             position: relative;top: -72px;
             width:400px;text-align:center}
  .archive {
    display: none;
  }
  .archive2 {
    display:block;
    position: relative;top: -62px;padding-bottom: 10px;
  }
  .blart,.puart,.archive3{margin-right:auto;margin-left:auto}
  h1 {width:unset}
}

@media (max-width:850px) {
  .nav a {display:block;font-size:20pt}
  .nav a:first-of-type {padding-top:20px}
  .nav a:last-of-type {padding-bottom:20px}
  a.subscribeo, .flags {display:none}
  a#subscribelink {display:block}
  .centart,
  .main, h1,
  .blart, .puart,
  .blheadimage,
  .blheadtext,
  .navi,
  .wherewrap,
  .blheadboth {width:unset}
}
@media (min-width:850px) {
  .centart,
  .main, h1,
  .blart, .puart,
  .blheadimage,
  .blheadtext,
  .navi,
  .wherewrap,
  .blheadboth {width:700px;}
  a#subscribelink {display:none}
}
.blheadimage {height:350px;background-position:center!important; background-size:cover!important;border:2px solid #FFA366;border-radius:10px 10px 0px 0px;border-bottom:none}
.blheadtext {padding-bottom:15px;padding-top:2px;border:2px solid #FFA366;border-radius:0px 0px 10px 10px;border-top:none}
.blheadboth {padding-bottom:15px;padding-top:2px;border:2px solid #FFA366;border-radius:10px}


.orangedate {color:#FFA366;width:70px;margin-left:20px;display:inline-block;font-family:fomt;font-size:12px;font-weight:bold}
.nav {font-size:18px}

.main {margin-top:5px;padding-bottom:72px}

#flow {width:500px;margin-left:auto;margin-right:auto;font-size:14px}
#flow .flowroom {border:2px solid #FFA366;padding:5px;width:450px;
                 font-family:sans-serif;padding-left: 20px}
#flow .flowline {border-right:2px solid #FFA366;width:225px;height:8px}

body {margin:0px;font-family:sans-serif}

body.centered .archive3 {font-family:sans-serif;font-size:13px;
                         border:2px solid #FFA366;width:400px;
                         text-align:center}
body.centered .archive {display: none;}
body.centered .archive2 {display:block}
.centart, body.centered .archive3{margin-right:auto;margin-left:auto}
body.centered h1 {width:100%}
body.centered .main {position:unset}

ul {text-align:left;font-family:sans-serif;font-size:14px;line-height:1.4em}
td {font-family:sans-serif;font-size:14px;line-height:1.4em}


a,
a:link,
a:active,
a:visited {text-decoration:none;color:#0D298B}
a:hover {color:#2EA3D0}
.foot a,
.foot a:link,
.foot a:active,
.foot a:visited {text-decoration:none;color:#FFA366}
.foot a:hover {color:#2EA3D0}

.head  {position:relative;z-index:8;background-color:#000000;top:0;right:0;
        left:0;text-align:center;font-size:28px;color:#FFA366;
        font-family:fomt,Arial,sans-serif;padding:20px}
.head strong{color:#2EA3D0;font-weight:normal}

.nav   {position:relative;z-index:6;right:0;left:0;text-align:center;
        font-family:fomt,Arial,sans-serif;background-color:#000000;padding-bottom:20px}
a.subscribeo {text-align:center;font-family:fomt,Arial,sans-serif;padding:20px}
.nav a,
.nav a:link,
.nav a:visited,
.nav a:active,
a.subscribeo,
a.subscribeo:link,
a.subscribeo:visited,
a.subscribeo:active {text-decoration:none;color:#FFA366}
.nav a,
a.subscribeo,
a.title,
a.title h2,
.xmas a,
.xmas a strong,
a.title h3 {-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;
            -webkit-transition:.5s;transition:.5s}
.nav a:hover,a.subscribeo:hover {color:#2EA3D0}

.xmas   {position:relative;z-index:6;margin:0 auto;max-width:550px;padding:2px;
         text-align:center;font-size:13px;font-family:fomt,Arial,sans-serif;
         background-color:#FFFFFF;border-right:3px solid black;
         border-left:3px solid black;border-bottom:3px solid black}
.xmas a,
.xmas a:link,
.xmas a:visited,
.xmas a:active          {text-decoration:none;color:#FF0000;font-weight:normal}
.xmas a strong,
.xmas a:link strong,
.xmas a:visited strong,
.xmas a:active strong,
.xmas a:hover           {text-decoration:none;color:#00A300;font-weight:normal}
.xmas a:hover strong    {text-decoration:none;color:#FF0000;font-weight:normal}


.foot,.hid {position:fixed;text-align:center;right:0px;left:0px;font-size:10px;
            font-family:fomt;color:#FFA366;background-color:#000000;}
.hid {padding:2px}
.foot strong,
.hid strong {color:#2EA3D0;font-weight:normal}
.foot {bottom:0;height:24px;line-height:24px}
.hid {top:0;z-index:2;position:fixed}

img#imgimg:hover {cursor:zoom-out}
a.zoom:hover {cursor:zoom-in}
a.zoom.left {float:left}
a.zoom.right {float:right}

.code {font-family:monospace;text-align:left;border:2px solid #777777;
       margin-left:15px;margin-right:15px;padding:4px; margin-top:20px; margin-bottom:20px}
.code.notop{padding-top:0}

a.title,
a.title:link,
a.title:visited,
a.title:active {color:#2EA3D0;text-decoration:none}
a.title:hover,
a.title:hover h2,
a.title:hover h3,
a:hover h4 {color:#FFA366}

h1,
h2,
h3,
h4 {color:#2EA3D0;text-align:center;font-family:fomt;font-weight:normal;
    margin:0;margin-top:10px}
.blart h3 {margin-top:40px}
.puart.in-blog h3 {margin-top:10px}
.ans h4 {margin-top:0}
.blart h2,
.blart h3,
.blart h4 {margin-bottom:0px}
.blart.blist h2,
.blart.blist h3,
.blart.blist h4 {margin-bottom:0px}
h1 {font-size:32px}
h2 {font-size:24px}
h3 {font-size:18px}
h4 {font-size:14px}

.bldat {margin:0px;font-family:fomt;height:16px;text-align:center;
        font-size:12px;color:#FFA366;position:relative;top:-8px;
        margin-bottom:-7px}
.bldat strong {background-color:#FFFFFF;font-weight:bold}
.adventpuzzle {margin:5px}
.puart,
.blart {margin-top:20px;margin-bottom:30px;text-align:center}
.puart.in-blog {width:unset;margin-bottom:10px}
.centart {margin-top:20px;margin-bottom:30px;text-align:center}
.blue-box {text-align:center;border-bottom:2px solid #2EA3D0;
           border-top:2px solid #2EA3D0;padding:3px}
.blart {border-top:2px solid #FFA366}
.archive3 .paragraph,
.puart .paragraph,
.blart .paragraph,
.centart .paragraph
.adventpuzzle .paragraph {text-align: justify; text-indent: 20px;
                          font-family:sans-serif;font-size:14px;
                          line-height:1.4em}
.archive3 .paragraph {padding:5px;text-indent:-28px;margin-left:28px}
li {text-align: justify; text-indent: 0px;font-family:sans-serif;
    font-size:14px;line-height:1.4em}
.blue-box .paragraph {font-family:sans-serif;font-size:14px;line-height:1.4em}
.blart .tags,
.blart .tags a,
.blart .tags a:link,
.blart .tags a:visited,
.blart .tags a:active,
.puart .tags,
.puart .tags a,
.puart .tags a:link,
.puart .tags a:visited,
.puart .tags a:active {margin:0px;font-family:fomt;text-align:center;
                       font-size:10px;color:#FFA366;font-weight:bold;
                       margin-top:5px}
.blart .tags a:hover,
.puart .tags a:hover {color:#2EA3D0}

.paragraph.script {text-indent:-40px}
.paragraph.author {font-style:italic; margin-bottom:25px!important}

.puart .more,
.puart .more a,
.puart .more a:link,
.puart .more a:visited,
.puart .more a:active,
.blart .more,
.blart .more a,
.blart .more a:link,
.blart .more a:visited,
.blart .more a:active {margin:0px;font-family:fomt;text-align:center;
                       font-size:12px;color:#2EA3D0;font-weight:bold;
                       margin-top:5px}
.blart .more a:hover,
.puart .more a:hover {color:#FFA366}
.imageblockatt {display:inline-block}
.imageblockatt {font-family:sans-serif;text-align:right;font-size:7px;
                color:#777777}
.imageblockatt a.zoom {display:block}
.imageblockatt a,
.imageblockatt a:link,
.imageblockatt a:visited,
.imageblockatt a:active {color:#777777}
.imageblockatt a:hover {color:#FFA366}

.imageblock.imgdefault {float:center}
.imageblock.imgleft,
.imageblock.imgright {margin-top:30px}
@media (min-width:700px){
  .imageblock.imgleft {float:left;margin-right:30px}
  .imageblock.imgright {float:right;margin-left:30px}
}
@media (max-width:700px){
  .imageblock.imgleft, .imageblock.imgright {float:center}
}
.blheadtext .attr {font-family:sans-serif;text-align:right;font-size:10px;
                color:#777777}

blockquote {color:#444444;font-family:sans-serif;font-size:14px}
blockquote .attr {font-size:12px;text-align:right;margin-top:5px}
blockquote .attr::before {content:"~~ "}


blue-box .paragraph,
.puart .paragraph,
.blart .paragraph,
.blart textarea {margin-top:8px;margin-bottom:8px}
.source {font-size:11px;color:#777777;margin-top:8px}
.blart .edit {font-family:sans-serif;color:#777777}
.blart .caption,
.puart .caption,
.blart .edit,
.blart .note,
.puart .note,
.adventpuzzle .note {font-size:11px;font-family:sans-serif;color:#777777}
.blart .caption,
.puart .caption {text-align:center}
.blart .edit,
.blart .note,.puart .note {text-align:justify;margin-top:8px}
.adventpuzzle .note {margin-top:0px;text-align:center}

.blart.noline, .puart.noline {border-top:0px}


table,
tr,
thead,
td {border:1px solid #777777;border-collapse:collapse}
thead td,
td.hd{font-size:11px;font-weight:bold}
td.g{background-color:#777777}
table {text-align:center;margin-left:auto;margin-right:auto}

table.grid td,
 table.grid tr, table.grid {border:0px}
table.grid td {font-size:16px;width:20px;height:20px}
table.grid td.bsq {border:1px solid black;font-size:14px}
table.grid td.red{background-color:#FFBBBB}

table.biggrid td,
 table.biggrid tr, table.biggrid {border:0px}
table.biggrid td {width:60px;height:40px}
table.biggrid td.rowend {width:100px;text-align:left;padding-left:3px}
table.biggrid td.rowend.wide {width:250px;}
table.biggrid td.bsq {border:2px solid black}

.linkcard {border:0;margin:0;padding:0;font-family:fomt;text-align:center;font-size:10px;color:#FFA366;
vertical-align:top;padding-bottom:10px;display:inline-block;max-width:175px}
.linkcard img {padding-bottom:5px}

.navi {border-top:2px solid #2EA3D0;margin-top:10px;
       text-align:center;margin-left:auto;margin-right:auto}
.navi2 {margin:0px;font-family:fomt;height:16px;text-align:center;
        font-size:12px;color:#2EA3D0;position:relative;top:-8px;
        margin-bottom:-7px;float:center;}

.navi2 strong {background-color:#FFFFFF;font-weight:bold}
.navi2 a,
.navi2 a:link,
.navi2 a:active,
.navi2 a:visited {text-decoration:none;color:#2EA3D0}
.navi2 a:hover {color:#FFA366}

.archive {
    position:absolute;
    right:5px;
    left:710px;
    margin-left:auto;
    margin-right:auto;
    top:160px;
    font-family:sans-serif;
    font-size:13px;
    border:2px solid #FFA366;
    max-width:400px;
    text-align:center;
    background-color:#FFFFFF;
    padding-bottom:30px
}
.arch {border-top:2px solid #FFA366;margin-top:10px;text-align:center}
.arch2 {
    margin:0px;
    font-family:fomt;
    height:14px;
    text-align:center;
    font-size:14px;
    color:#FFA366;
    position:relative;
    top:-9px;
    margin-bottom:-12px
}
.arch2 strong {background-color:#FFFFFF;font-weight:bold}
.archy {margin:3px}

.archive2 {font-family:sans-serif;font-size:13px;border:2px solid #FFA366;
           width:400px;text-align:center;margin-left:auto;margin-right:auto}

.ans, .in-blog {border:2px solid #FFA366;padding:3px}
.in-blog .ans {border:none;border-top:2px dashed #FFA366}
h4.extension {border-top:2px solid #FFA366;margin-top:10px;padding-top:5px;
              margin-right:-3px;margin-left:-3px}

.replies {padding-left:50px}
.sudo-comment,.comment,.new-comment {margin-top:-20px;padding-top:20px}
.commentbg {border-top:2px solid #FFA366;margin-top:22px;
            font-family:sans-serif;font-size:14px;color:#333333;
            text-align:justify;padding-left:5px;padding-right:5px}
.commentbg .attr, .commentbg .reactions {text-align:right;color:#999999;font-size:14px}
.commentbg .reactions {padding-top:2px;padding-bottom:8px}
.comdat {margin:0px;font-family:fomt;height:16px;text-align:center;
         font-size:12px;color:#FFA366;position:relative;top:-12px;
         margin-bottom:-8px;}
.comdat a,
.comdat a:active,
.comdat a:visited,
.comdat a:link {color:#FFA366}
.comment .comdat strong {font-weight:bold;
    background:linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 70%,#B1DEEF 90%,#B1DEEF 100%);
                        }
.sudo-comment .comdat strong {font-weight:bold;
    background:linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 70%,#DEEFB1 90%,#DEEFB1 100%);
                             }
.new-comment .comdat strong {font-weight:bold;
    background:linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 70%,#FFF066 90%,#FFF066 100%);
                            }
.comment .commentbg {background-color:#B1DEEF}
.sudo-comment .commentbg {background-color:#DEEFB1}
.new-comment .commentbg {background-color:#FFF066}
.comment .add {padding:5px}

.comment:target .commentbg, .sudo-comment:target .commentbg {
    background-color:#FFA366}
.comment:target .comdat strong,
.sudo-comment:target .comdat strong {font-weight:bold;
    background:linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 70%,#FFA366 90%,#FFA366 100%);
                                    }


.head a,
.head a:link,
.head a:visited,
.head a:active,
.hid a,
.hid a:link,
.hid a:visited,
.hid a:active {text-decoration:none;color:#FFA366}
.head a strong,
.head a:link strong,
.head a:visited strong,
.head a:active strong,
.hid a strong,
.hid a:link strong,
.hid a:visited strong,
.hid a:active strong {text-decoration:none;color:#2EA3D0}

.head a:hover,
.hid a:hover {color:#2EA3D0}
.head a:hover strong,
.hid a:hover strong {color:#FFA366}
.head a:hover,
.head a:hover strong,
.hid a:hover,
.hid a:hover strong {-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;
                     -webkit-transition:.5s;transition:.5s}

.ref {font-size:9px;color:#777777;margin-top:1px;line-height:10px;
      text-align:left;text-indent:-30px;margin-left:30px}

a.invisible,
a.invisible:hover,
a.invisible:link,
a.invisible:active,
a.invisible:visited {font-size:inherit;color:inherit}

table.invisible,table.invisible tr,table.invisible td {border:0}
table.invisible.padded td {padding:3px}

a.puzzy {font-family:sans-serif;font-size:14px}

span.icode {font-family:mono}


.paragraph.small {text-indent:-10px;margin-left:10px;font-size:10px;
                  margin-top:5px;margin-bottom:-5px}

.paragraph.item {text-indent:-20px;padding-left:35px;
                 padding-right:15px;
                 margin-left:10px;
                 margin-top:10px;margin-bottom:0px;}
.paragraph.item::before {
  content: "\2022"; color: #FFA366; font-weight: bold; display: inline-block; width: 0px; margin-left: 5px;
}

.linktome:target
.paragraph.item::before {
  content: "\2192"; width: 25px;
  font-size: 45px; vertical-align: middle;
}
.linktome:target
.paragraph.item {font-weight:bold}

.linktome {margin-top:-50px;padding-top:50px;}
/*
.linktome:target .wrapper {background-color:#FFA366;padding:7px;
                           padding-top:2px;padding-bottom:12px;
                           margin-left:-7px;margin-right:-7px;margin-top:4px}
*/

.boxed-right {width:50%; border:2px solid #FFA366; float:right;padding:6px;
              margin:6px}

img.imgif {max-width:650px;max-height:400px}


/*ADVENT*/
.adventhide {text-align:right;font-size:12px;margin-bottom:-17px;
             font-family:sans-serif}
.adventnumber {font-family:fomt;text-align:left;margin-bottom:-10px;
               font-size:14px;color:#2EA3D0}
.advent {border:2px solid #FFA366;width:620px;height:420px;margin-left:40px}
.advent.ad2016 {background:url('/img/advent/advent2016.png');}
.advent.ad2017 {background:url('/img/advent/advent2017.png');}
.advent.ad2018 {background:url('/img/advent/advent2018.png');}
.advent.ad2019 {background:url('/img/advent/advent2019.png');}
.advent.ad2020 {background:url('/img/advent/advent2020.png');}
.advent.ad2021 {background:url('/img/advent/advent2021.png'); display: grid;background-size: cover;
                width:fit-content;height:fit-content;margin:auto}
.advent.ad2022 {background:url('/img/advent/advent2022.png'); display: grid;background-size: cover;
                width:fit-content;height:fit-content;margin:auto}
.advent.ad2023 {background:url('/img/advent/advent2023.png'); display: grid;background-size: cover;
                width:fit-content;height:fit-content;margin:auto}
.advent a {position:relative;color:black}
.door {color:white}
.door.solved.final, .door.solved.grey, .door.solved.purple, .door.solved.red, 
.door.solved.blue, .door.solved.green, .door.solved.orange, .door.solved.white,
.door.solved.pink {color:black}
.advent a:hover {color:#2EA3D0}

.advent a.final:hover .door {color:#A2A0A0}


.advent a.grey:hover .door,   .paragraph.grey                {color:#555555}
.advent a.purple:hover .door, .paragraph.purple, .namepurple {color:#7F1A99}
.advent a.red:hover .door,    .paragraph.red,    .namered    {color:#9F2929}
.advent a.blue:hover .door,   .paragraph.blue,   .nameblue   {color:#046C94}
.advent a.green:hover .door                                  {color:#8DA748}
                              .paragraph.green,  .namegreen  {color:#4d6802}
.advent a.orange:hover .door, .paragraph.orange, .nameorange {color:#C15D1C}
.advent a.white:hover .door                                  {color:#AAAAAA}
                              .paragraph.white               {color:#555555}
.advent a.pink:hover .door,   .paragraph.pink                {color:#FF00AE}

.door {border:2px solid white;top:-110px;font-family:monospace;font-size:16px;
       width:110px;height:70px;margin:5px 0px 0px 5px;float:left;padding:2px}
.door:not(.solved){line-height:70px}
.door:not(.solved):hover {background-image:url("/img/doorbg.png");
                          font-weight:bold}
.door.solved {font-family:sans-serif;font-size:11px!important}
.door.solved a {color:black}

.door.solved.final {background-color:#FFFFFF;font-size:45px!important}

.door.solved.grey   {background-color:#AAAAAA}
.door.solved.purple {background-color:#E57EFF}
.door.solved.red    {background-color:#EF8888}
.door.solved.blue   {background-color:#2EA3D0}
.door.solved.green  {background-color:#DEEFB1}
.door.solved.orange {background-color:#FFA366}
.door.solved.white  {background-color:#FFFFFF}
.door.solved.pink   {background-color:#FF85D8}

.advent_solved_num {font-size:8px;font-family:monospace}
.advent_puzzle {position:absolute;border:2px solid black;margin:5px;
                width:605px;height:405px;z-index:1;background-color:#FFFFFF;
                display:none}
.puzzle_contents {margin-top:-5px}

/* 2018 */
.advent.ad2018 .door {color:black;line-height:normal!important}
.advent.ad2018 .door {border:1px dashed black;top:-112px;font-size:16px;
                      width:112px;height:72px}
.advent.ad2018 .door:not(.solved) {line-height:18px;padding-right:93px;
                                   width:21px}
.door:not(.solved):hover {background-image:url("/img/doorbg-new.png");
                          color:white}
.advent.ad2018 .door.solved {border:1px solid black}
.advent.ad2018 .door.solved a {color:black}

/* 2019 */
.advent.ad2019 .door {color:white;line-height:normal!important}
.advent.ad2019 .door {border:1px dashed white;top:-112px;font-size:16px;
                      width:112px;height:72px}
.advent.ad2019 .door:not(.solved) {line-height:18px;padding-right:93px;
                                   width:21px}
.door:not(.solved):hover {background-image:url("/img/doorbg-new.png");
                          color:white}
.advent.ad2019 .door.solved {border:1px solid white;color:black}
.advent.ad2019 .door.solved a {color:black}

/* 2020 */
.advent.ad2020 .door {color:white;border:1px dashed white;top:-112px;font-size:16px;
                      width:112px;height:72px}
.advent.ad2020 .door:not(.solved) {line-height:72px;padding-right:0px;
                                   width:114px;test-align:center; text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;}
.advent.ad2020 a.final:hover .door,
.advent.ad2020 .door:not(.solved):hover {background-color:rgba(255,255,255,0.8);background-image:unset;
                          color:black;background-opacity:0.5; text-shadow: none !important}
.advent.ad2020 .door.solved {border:1px solid white;color:black;background-color:#FFA366}
.advent.ad2020 .door.solved a {color:black}

/* 2021 */
.advent.ad2021 .door {color:white;border:none;top:-112px;font-size:16px;
                      width:112px;height:72px;margin:6px}
.advent.ad2021 a.door {border: 1px dashed white;margin:5px}
.advent.ad2021 .door:not(.solved) {font-weight:normal;line-height:72px;padding-right:0px;
                                   width:114px;test-align:center; text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;}
.advent.ad2021 .door:not(.solved):hover {background-color:transparent;background-image:unset;
                     color:white;background-opacity:0; text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;}

.advent.ad2021 a.door:not(.solved):hover {font-weight:bold;background-color:rgba(255,255,255,0.8);background-image:unset;
                          color:black;background-opacity:0.5; text-shadow: none !important}

.advent.ad2021 a.door.solved.final {font-size:45px!important}

.advent.ad2021 .door.solved {border:1px solid white;color:black;background-color:#FFA366}
.advent.ad2021 a.door.solved {color:black}
.advent a {position:unset}
.advent.ad2021 a.door.solved {font-family:sans-serif;font-size:11px!important}
.advent_puzzle {position:unset;margin:10px;grid-column: 1/6; grid-row: 1/6;padding:10px;padding-top:3px;overflow-y:scroll}
.puzzle_contents {margin-top:-5px}
.adventnumber {margin-bottom:5px}

/* 2022 */
.advent.ad2022 .door {color:white;border:none;top:-112px;font-size:16px;
                      width:112px;height:72px;margin:6px}
.advent.ad2022 a.door {border: 1px dashed white;margin:5px}
.advent.ad2022 .door:not(.solved) {font-weight:normal;line-height:72px;padding-right:0px;
                                   width:114px;test-align:center; text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;}
.advent.ad2022 .door:not(.solved):hover {background-color:transparent;background-image:unset;
                     color:white;background-opacity:0; text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;}

.advent.ad2022 a.door:not(.solved):hover {font-weight:bold;background-color:rgba(255,255,255,0.8);background-image:unset;
                          color:black;background-opacity:0.5; text-shadow: none !important}

.advent.ad2022 a.door.solved.final {font-size:45px!important}

.advent.ad2022 .door.solved {border:1px solid white;color:black;background-color:#FFA366}
.advent.ad2022 a.door.solved {color:black}
.advent.ad2022 a.door.solved {font-family:sans-serif;font-size:11px!important}

.advent.ad2022 .door.solved.grey   {background-color:#AAAAAA}
.advent.ad2022 .door.solved.final   {background-color:#FFFFFF}
.advent.ad2022 .door.solved.red    {background-color:#EF8888}
.advent.ad2022 .door.solved.blue   {background-color:#2EA3D0}
.advent.ad2022 .door.solved.orange {background-color:#FFA366}

/* 2023 */
.advent.ad2023 .door {color:white;border:none;top:-112px;font-size:16px;
                      width:112px;height:72px;margin:6px}
.advent.ad2023 a.door {border: 1px dashed white;margin:5px}
.advent.ad2023 .door:not(.solved) {font-weight:normal;line-height:72px;padding-right:0px;
                                   width:114px;test-align:center; text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;}
.advent.ad2023 .door:not(.solved):hover {background-color:transparent;background-image:unset;
                     color:white;background-opacity:0; text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;}

.advent.ad2023 a.door:not(.solved):hover {font-weight:bold;background-color:rgba(255,255,255,0.8);background-image:unset;
                          color:black;background-opacity:0.5; text-shadow: none !important}

.advent.ad2023 a.door.solved.final {font-size:45px!important}

.advent.ad2023 .door.solved {border:1px solid white;color:black;background-color:#FFA366}
.advent.ad2023 a.door.solved {color:black}
.advent.ad2023 a.door.solved {font-family:sans-serif;font-size:11px!important}

.advent.ad2023 .door.solved.final   {background-color:#FFFFFF}

/* Back to non-Advent */

.flags {position:fixed;right:2px;bottom:1px}

.mytext {font-family:sans-serif;font-size:14px;line-height:1.4em}
.mytext.myc {text-align:center}
.mytext.myr {text-align:right}
.mytext.myl {text-align:left}

.lifetable, .lifetable td {border:1px solid #FFA366;border-collapse:collapse;
                           margin:0;padding:0}
.lifetable td {height:20px;width:20px;font-size:8px}
.lifetable td.black {background-color:#2EA3D0}

#puzzle_contents a {
    text-decoration: underline !important;
}

.codename strong {
    background-color: white;
    font-weight: normal;
    color: #777777;
    font-family: sans
}
.codename {
    font-size:14px;
    text-align: center;
    height:20px;
    margin-top:-10px;
    margin-bottom:-4px
}

img.icon {height:24px;width:24px;vertical-align:middle;object-fit:none}

img.icon.ms {object-position:-24px 0px;}
img.icon.twitter {object-position:-48px 0px;}
img.icon.mathstodon {object-position:-72px 0px;}
img.icon.bsky {object-position:0px -96px;}
img.icon.github {object-position:-96px 0px;}
img.icon.oeis {object-position:-120px 0px;}
img.icon.euler {object-position:-144px 0px;}
img.icon.parkrun {object-position:-168px 0px;}
img.icon.geocache {object-position:-192px 0px;}
img.icon.paper {object-position:-48px -48px;}
img.icon.erdos {object-position:-72px -48px;}
img.icon.bacon {object-position:-96px -48px;}
img.icon.sabbath {object-position:-120px -48px;}
img.icon.erdosbacon {object-position:-144px -48px;}
img.icon.erdosbaconsabbath {object-position:-168px -48px;}
img.icon.ctan {object-position:-192px -48px;}
img.icon.stackex {object-position:-48px -72px;}
img.icon.calendar {object-position:-72px -72px;}
img.icon.reply {object-position:0px -72px;}
img.icon.reply:hover {object-position:-24px -72px;}

img.icon.heart {object-position:-96px -72px;}
a img.icon.heart:hover,
img.icon.heart.bold {object-position:-96px -96px;}
img.icon.thumbs {object-position:-120px -72px;}
a img.icon.thumbs:hover,
img.icon.thumbs.bold {object-position:-120px -96px;}
img.icon.laugh {object-position:-144px -72px;}
a img.icon.laugh:hover,
img.icon.laugh.bold {object-position:-144px -96px;}
img.icon.scorp {object-position:-168px -72px;}
a img.icon.scorp:hover,
img.icon.scorp.bold {object-position:-168px -96px;}
img.icon.scroggs {object-position:-192px -72px;}
a img.icon.scroggs:hover,
img.icon.scroggs.bold {object-position:-192px -96px;}

img.icon.ENG {object-position:0px -24px}
img.icon.FRA {object-position:-24px -24px}
img.icon.GER {object-position:-48px -24px}
img.icon.NOR {object-position:-72px -24px}
img.icon.WAL {object-position:-96px -24px}
img.icon.SCO {object-position:-120px -24px}
img.icon.CHI {object-position:-144px -24px}
img.icon.UNK {object-position:-168px -24px}
img.icon.CAT {object-position:0px -48px}
img.icon.USA {object-position:-24px -48px}


.spoiler {color:#333333;background-color:#333333;}
.spoiler:hover {background:transparent}

img.quote1, img.quote2 {display:block;width:113px;height:100px}
img.quote1 {margin-bottom:-100px}
img.quote2 {margin-top:-100px;z-index:-10;float:right;position:relative;}


table.crossnumber td {width:39px;height:39px;padding:2px}
table.crossnumber,table.crossnumber td {border:1px solid black}
table.crossnumber {margin-top:10px;margin-bottom:10px}

table.crossnumber td {text-align:left;vertical-align:top;font-size:7pt}
table.crossnumber.answer td {text-align:center;vertical-align:middle;
                             font-size:12pt}

table.timetable td {width:100px}

td.pb {background-color:#FFA366}
table.race td {padding:1px 4px}

.seriestable {max-width:600px;border:2px solid #FFA366;margin-top:10px;padding:3px;
font-family:sans-serif;font-size:14px;line-height:1.4em;margin-left:auto;margin-right:auto}
.seriestable .side, .seriestable .mid {display:inline-block;vertical-align:middle}
.seriestable .side {max-width:175px}
.seriestable .mid {max-width:250px}

.seriestable.tube {border:none;box-shadow:
0 0 0 3px #FFD300,
0 0 0 6px #00782A;
margin-top:15px;margin-bottom:15px
}

.seriestable.matrix {border:6px double #2EA3d0}
.seriestable.my {border:6px solid #004BFF}




.where {width:60px;display:inline-block;vertical-align:bottom;position:relative;left:-50px;margin-right:-60px}
table.brace td, table.brace tr, table.brace {border:none;border-collapse:initial}
td.brace {min-width:15px;padding:0;margin:0}
td.brace.r, td.brace.l {border-left:2px solid #2EA3D0;border-bottom:2px solid #2EA3D0;
                        border-bottom-left-radius:10px}
td.brace.r {border-top:2px solid #2EA3D0;border-top-left-radius:10px}
td.vert {text-align:center;vertical-align:middle;white-space:nowrap;width:20px;max-width:20px;}
td.vert div {-moz-transform: rotate(-90.0deg);  /* FF3.5+ */
               -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
          -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
         margin-left: -20em;margin-right: -20em;}

img.pane {vertical-align:bottom}

table.chessb {
    margin:4px
}
table.chessb td {
    width:18px;
    height:18px;
    border:1px solid black;
    padding:0
}

img {max-width:100%}