@charset "UTF-8";
article,aside,figure,footer,header,hgroup,menu,nav,section{display:block;}
body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:inherit;}
img{color:transparent;border:0;vertical-align:middle;-ms-interpolation-mode:bicubic;}
iframe {border:0;}

html,body {
  color:black; background-color:black;
  font-family: Times New Roman, Times, serif;
  height: 100%;
}
h1 { font-size: 300%; padding: 0.2em }
p { margin: 0.9em 0; line-height:1.35em; }
li { margin-left: 1.2em; }
.big_list>li { margin: 0.9em; margin-left: 1.2em; }
a:link { color:blue }
a:visited { color:purple }
.restore_link {text-decoration: underline;}
a:link .restore_link { color:blue }
a:visited .restore_link { color:purple }
img.background {
/* Using an img rather than "background-image:" because more browsers
render progressive JPEGs progressively for non-background images */
  position: absolute;
  position: fixed;
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
}
a.skip {
  position: absolute;
  left: 0; top: 0;
  z-index: -1;
}
/* for things that should be apparent to screen readers, but are unnecessarily verbose for using the page visually; refer to
  http://adaptivethemes.com/using-css-clip-as-an-accessible-method-of-hiding-content */
.invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

span.title,cite { font-style: italic; }

html.javascript_enabled .noscript {display: none;}
html.javascript_disabled .script_required {display: none;}


span.inline_separator {
  margin: 0 0.3em; }


div.comic_content_warning_box {
  height: 100%; }
html.content_warnings_disabled div.comic_content_warning_box {
  height: auto; }
html.content_warning_dismissed div.comic_content_warning_box {
  height: auto; }
div.comic_content_warning_text {
  margin: 0 auto;
  padding: 6.5em 0;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center; }
.content_warnings_disabled div.comic_content_warning_text {
  display: none; }
.content_warning_dismissed div.comic_content_warning_text {
  display: none; }
div.comic_content_warning_main_text {
  font-size: 120%;
  margin: 0 auto;
  max-width: 35em;
  border: 3px solid white;
  border-radius: 2em; }
div.comic_content_warning_details {
  margin: 0 auto;
  max-width: 35em; }
a.dismiss_content_warning {
  display: block;
  font-size: 200%;
  margin-top: 0.6em;
  padding: 0.15em;
  font-weight: bold; }

.metabar_content_warnings_disabled {
  display: none; }
html.content_warnings_disabled .metabar_content_warnings_disabled {
  display: inline; }
html.content_warnings_disabled .metabar_content_warnings_enabled {
  display: none; }
a.comic_disable_content_warnings {
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  padding: 0.5em; }
html.content_warnings_disabled a.comic_disable_content_warnings {
  display: none; }
div.comic_box_after_content_warning {
  position: relative; }
.remove_if_content_warnings_enabled {
  display: none; }
html.content_warnings_disabled .remove_if_content_warnings_enabled {
  display: block; }
html.content_warnings_disabled .remove_if_content_warnings_disabled {
  display: none; }
  
div.comic_and_nav {
  margin: 2em auto; }
div.comic_image {
  padding-bottom: 3em;
  display: inline-block; }

div.comic_transcript_inner {
  padding: 0 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold; }
div.comic_transcript_label {
  padding-bottom: 1.1em; }
.show_comic_transcript_button {
  display: none; }
.transcripts_hidden .show_comic_transcript_button {
  display: inline; }
.transcripts_hidden .hide_comic_transcript_button {
  display: none; }
  
.transcripts_hidden div.comic_transcript_box { min-height: 0; }
.transcripts_hidden p.comic_transcript_line { display: none; }
p.comic_transcript_line {
  margin: 0;
  padding-bottom: 0.9em;
  line-height: 1.2em; }

div.comic_annotation {
  max-width: 36.75em;
  margin: 3em auto;
}
  
div.comic_nav_bar {
  font-family: Arial, Helvetica, sans-serif; }
div.comic_nav_button {
  position: relative;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 50%; }
div.comic_nav_button a {
  display: block; }
                               div.comic_nav_button.content_warning { margin-bottom: 3em; }
html.content_warnings_disabled div.comic_nav_button.content_warning { margin-bottom: 0; }
.comic_nav_button_main {
  display: block;
  border-style: solid;
  border-color: transparent;
  border-top-width: 40px;
  border-bottom-width: 40px;
 }
span.comic_nav_button_main {
  font-size: 300%;
  font-weight: bold; }
span.comic_nav_content_warning {
  position: absolute;
  left: 9%;
  right: 9%;
  top: 100%;
  margin-top: -34px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 110%; }
.content_warnings_disabled span.comic_nav_content_warning {
  display: none; }
img.small_inline_image {height:1em; width: auto;}

.complete_comic {font-size: 140%; font-weight: bold;
border-style: solid; border-color: transparent; border-top-width: 59px;}

div.comic_metabar {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 0.5em 0;
  text-align: center; }

div.comic_archive {
  text-align: center; }
div.comic_archive h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 250%;
  padding: 0.2em; }
div.comic_archive p {
  padding-left: 5%;
  padding-right: 5%; }
div.comic_archive h2 {
  font-size: 200%;
  padding: 0.2em; }
div.comic_archive_chapter {
  padding: 1em 0; }
a.comic_archive_entry {
  display: inline-block; }

div.hidden_cw_box {
  border: 1px dashed black;
  padding: 0.5em; }
html.content_warnings_disabled div.hidden_cw_box.secondary {
  display: none; }
html.hidden_cws_revealed div.hidden_cw_box.secondary {
  display: block; }
a.reveal_cw_button, .fake_reveal_warning_button {
  font-size: 150%;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  display:none; }
html.content_warnings_disabled a.reveal_cw_button { display:block; }
html.content_warnings_disabled div.hidden_cws { display:none; }



html.voldemorts_children div.comic_archive {
  color: #996100; }
html.voldemorts_children a.comic_archive_entry {
  border: 1px solid transparent; }
html.voldemorts_children a.comic_archive_entry:hover {
  border-color: #ddaa00; }
html.voldemorts_children div.comic_content_warning_text {
  color: white; }
html.voldemorts_children .meta_controls_coloring {
  color: #e09d00; }
html.voldemorts_children .comic_metabar {
  color: #ccc19a; }
html.voldemorts_children .metabar_content_warnings_enabled {
  color: #fff1c0; }
html.voldemorts_children .metabar_content_warnings_enabled.content_warning {
  color: #ff5050; }
html.voldemorts_children .metabar_content_warnings_disabled {
  color: #989073; }
html.voldemorts_children img.comic_nav_button_main {
  background-color: #653c00;
  border-color: black; }
html.voldemorts_children div.comic_nav_button:hover img.comic_nav_button_main {
  background-color: #996100;
  border-color: black; }
html.voldemorts_children                                                      img.comic_nav_button_main.content_warning { background-color: #be2626; }
html.voldemorts_children                           div.comic_nav_button:hover img.comic_nav_button_main.content_warning { background-color: #ff5050; }
html.voldemorts_children.content_warnings_disabled                            img.comic_nav_button_main.content_warning { background-color: #653c00; }
html.voldemorts_children.content_warnings_disabled div.comic_nav_button:hover img.comic_nav_button_main.content_warning { background-color: #996100; }
html.voldemorts_children .comic_nav_content_warning {
  color: #ff5050; }
html.voldemorts_children div.comic_nav_button:hover .comic_nav_content_warning {
  color: #ff5050; }

html.voldemorts_children div.comic_transcript_inner {
  /*border: 1px dashed white;*/
  color: #ccc19a; }
html.voldemorts_children div.comic_transcript_inner a {
  color: #e09d00; }
html.voldemorts_children .post_content_section {
  background-color: #cccccc }
html.voldemorts_children .comment_body {
  background-color: #cccccc }
html.voldemorts_children span.big_quote_mark_inner {color: #f0f0f0;}
/*html.voldemorts_children div.all_comments:hover div.comment_body {
  background-color: #aaaaaa; }
html.voldemorts_children div.user_comment:hover>div.comment_body_hover_marker>*>div.comment_body {
  background-color: #cccccc; }*/
html.voldemorts_children .blog_post_metadata {
  background-color: rgba(204,204,204,.7) }

html.voldemorts_children .MailChimp_form {
background-color: black;
border-color: #653c00;

color: #996100;

}
html.voldemorts_children .MailChimp_form .email {
border-color: #996100;
background-color: black; color: white;}
html.voldemorts_children .MailChimp_form .button {
background-color:#653c00;}
html.voldemorts_children .MailChimp_form .button:hover {
background-color:#996100;}



html.voldemorts_children div.comic_transcript_inner .dialogue { font-weight: bold; }
html.voldemorts_children div.comic_transcript_inner .TITLE { color: #c07200; /*#412f16;*/ }
html.voldemorts_children div.comic_transcript_inner .TONKS { color: #bf98af; /*#7f6574;*/ }
html.voldemorts_children div.comic_transcript_inner .GRANGER { color: #8080ff; /*#6060c0;*/ }
html.voldemorts_children div.comic_transcript_inner .HARRY { color: #ff0000; }
html.voldemorts_children div.comic_transcript_inner .WIRELESS { color: #757575; }
html.voldemorts_children div.comic_transcript_inner .VOLDEMORT { color: #80ff80; }
html.voldemorts_children div.comic_transcript_inner .HARRYMORT { color: #ba823f; }
html.voldemorts_children div.comic_transcript_inner .LESTRANGE { color: #c8ff00; }
html.voldemorts_children div.comic_transcript_inner .SNAPE { color: #9bc09b; /*#809e80;*/ }
html.voldemorts_children div.comic_transcript_inner .DUMBLEDORE { color: #b900ff; /*#8000c0;*/ }
html.voldemorts_children div.comic_transcript_inner .deep_purple { color: #b900ff; /*#8000c0;*/ }
html.voldemorts_children div.comic_transcript_inner .ZABINI { color: #eec832; }
html.voldemorts_children div.comic_transcript_inner .bluish_green { color: #00ffa0; }
html.voldemorts_children div.comic_transcript_inner .grey { color: #8c8c8c; }
html.voldemorts_children div.comic_transcript_inner .pure_blue { color: #4040ff; /*#0000ff;*/ }
html.voldemorts_children div.comic_transcript_inner .bright_orange { color: #ffc800; }
html.voldemorts_children div.comic_transcript_inner .bright_green { color: #00ff00; }
html.voldemorts_children div.comic_transcript_inner .bright_red { color: #ff0000; }
html.voldemorts_children div.comic_transcript_inner .cyan { color: #00ffff; }
html.voldemorts_children div.comic_transcript_inner .pale_blue { color: #6483c4; }
html.voldemorts_children div.comic_transcript_inner .light_pink { color: #ff80c0; }
html.voldemorts_children div.comic_transcript_inner .dark_green { color: #4b984b; /*#326632*/; }



html.acobs div.bars_outer_box {
  background-color: #909090 /*#a00000*/; }
html.acobs div.comic_content_warning_text {
  color: black; }
html.acobs .meta_controls_coloring {
  color: blue; }
html.acobs div.comic_toggle_content_warnings {
  color: black; }

html.acobs div.comic_transcript_inner {
  color: black; }



html.paws div.bars_outer_box {
  background-color: #ffffff; }
html.paws div.comic_content_warning_text {
  color: black; }
html.paws .meta_controls_coloring {
  color: #55f; }
html.paws .comic_metabar {color:#555;}
html.paws div.comic_toggle_content_warnings {
  color: black; }

html.paws div.comic_transcript_inner {
  color: black; }
html.paws .complete_comic {color:#999;}



html.studio_art div.comic_image {padding-bottom: 0;}

html.studio_art div.bars_outer_box {
  background-color: #dddddd; }
html.studio_art div.comic_content_warning_text {
  color: black; }
html.studio_art .meta_controls_coloring {
  color: #55f; }
html.studio_art .comic_metabar {color:#555;}
html.studio_art div.comic_toggle_content_warnings {
  color: black; }

html.studio_art div.comic_transcript_inner {
  color: black; }
html.studio_art .complete_comic {color:#999;}


html.voldemorts_children div.comic_and_nav {
  width: 750px; }
html.voldemorts_children img.comic_image {
  width: 750px; }
  
html.voldemorts_children div.comic_nav_bar {
  width: 94%;
  margin: 0 3%;}

html.voldemorts_children .comic_nav_button_main {
  width: 250px;
margin: 0 auto;}


@media screen and (max-width:749px) {
html.voldemorts_children div.comic_and_nav {
  width: 100%; }
html.voldemorts_children img.comic_image {
  width: 100%; }
html.voldemorts_children .comic_nav_button_main {
  width: 71%;}
}

@media screen and (min-width: 1130px) {
  html.voldemorts_children div.comic_and_nav {
    width: auto;
    padding-left: 20px; }
  html.voldemorts_children div.comic_image {
    padding-bottom: 0;
    margin-right: -750px; }
    
  html.voldemorts_children div.comic_nav_bar {
    width: 700px;
    margin: 0 25px;}
    
  html.voldemorts_children div.comic_metabar {
    width: 750px; }
  html.voldemorts_children div.comic_annotation_outer {
    width: 750px; }

  html.voldemorts_children div.comic_transcript_outer {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin-left: 750px; }
  html.voldemorts_children.transcripts_hidden div.comic_and_nav {
    width: 940.0px;
    padding-left: 190.0px; }
  html.voldemorts_children.transcripts_hidden div.comic_transcript_outer {
    width: 190.0px; }
}
@media screen and (min-width: 1310px) {
  html.voldemorts_children div.comic_and_nav {
    width: 1310px; }
  html.voldemorts_children div.comic_transcript_outer {
    width: 560px; }
}




html.acobs div.comic_and_nav {
  width: 545px; }
html.acobs img.comic_image {
  width: 545px; }
  
html.acobs div.comic_nav_bar {
  width: 94%;
  margin: 0 3%;}

html.acobs .comic_nav_button_main {
  width: 182px;
margin: 0 auto;}


@media screen and (max-width:544px) {
html.acobs div.comic_and_nav {
  width: 100%; }
html.acobs img.comic_image {
  width: 100%; }
html.acobs .comic_nav_button_main {
  width: 71%;}
}

@media screen and (min-width: 925px) {
  html.acobs div.comic_and_nav {
    width: auto;
    padding-left: 20px; }
  html.acobs div.comic_image {
    padding-bottom: 0;
    margin-right: -545px; }
    
  html.acobs div.comic_nav_bar {
    width: 509px;
    margin: 0 18px;}
    
  html.acobs div.comic_metabar {
    width: 545px; }
  html.acobs div.comic_annotation_outer {
    width: 545px; }

  html.acobs div.comic_transcript_outer {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin-left: 545px; }
  html.acobs.transcripts_hidden div.comic_and_nav {
    width: 735.0px;
    padding-left: 190.0px; }
  html.acobs.transcripts_hidden div.comic_transcript_outer {
    width: 190.0px; }
}
@media screen and (min-width: 1105px) {
  html.acobs div.comic_and_nav {
    width: 1105px; }
  html.acobs div.comic_transcript_outer {
    width: 560px; }
}




html.paws div.comic_and_nav {
  width: 638px; }
html.paws img.comic_image {
  width: 638px; }
  
html.paws div.comic_nav_bar {
  width: 94%;
  margin: 0 3%;}

html.paws .comic_nav_button_main {
  width: 214px;
margin: 0 auto;}


@media screen and (max-width:637px) {
html.paws div.comic_and_nav {
  width: 100%; }
html.paws img.comic_image {
  width: 100%; }
html.paws .comic_nav_button_main {
  width: 71%;}
}

@media screen and (min-width: 1018px) {
  html.paws div.comic_and_nav {
    width: auto;
    padding-left: 20px; }
  html.paws div.comic_image {
    padding-bottom: 0;
    margin-right: -638px; }
    
  html.paws div.comic_nav_bar {
    width: 596px;
    margin: 0 21px;}
    
  html.paws div.comic_metabar {
    width: 638px; }
  html.paws div.comic_annotation_outer {
    width: 638px; }

  html.paws div.comic_transcript_outer {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin-left: 638px; }
  html.paws.transcripts_hidden div.comic_and_nav {
    width: 828.0px;
    padding-left: 190.0px; }
  html.paws.transcripts_hidden div.comic_transcript_outer {
    width: 190.0px; }
}
@media screen and (min-width: 1198px) {
  html.paws div.comic_and_nav {
    width: 1198px; }
  html.paws div.comic_transcript_outer {
    width: 560px; }
}




html.studio_art div.comic_and_nav {
  width: 750px; }
html.studio_art img.comic_image {
  width: 750px; }
  
html.studio_art div.comic_nav_bar {
  width: 94%;
  margin: 0 3%;}

html.studio_art .comic_nav_button_main {
  width: 250px;
margin: 0 auto;}


@media screen and (max-width:749px) {
html.studio_art div.comic_and_nav {
  width: 100%; }
html.studio_art img.comic_image {
  width: 100%; }
html.studio_art .comic_nav_button_main {
  width: 71%;}
}




div.top_bar {
  position: relative;
  display: inline-block;
  width: 100%; min-height:3em;
  font-family: Arial, Helvetica, sans-serif;
  background-color: black;
  background-image: url("/_resources/media/top-bar-background.ukm0_O4ptNbs2Ls.png");
  background-size: 100% 100%; }
.voldemorts_children div.top_bar {
  background-image: url("/_resources/media/top-bar-background-vc.6xOu7Kdwj8wjFuo.png"); }

div.top_bar_home {
  position:absolute;
  width:10.0em; height:3em; }
img.top_bar_home_image {
  vertical-align:top;
  display:inline-block;
  width:2.0em; height:3em;
  padding:0 0.5em }
span.top_bar_home_text {
  padding: 0.25em 0em;
  display:inline-block;
  width:6em; height:2.5em;
  color:black; }

div.top_bar_categories {
  margin-left:auto; margin-right:auto;
  max-width:47.6em;
  background-color: transparent; }
a.top_bar_category_link {
  display:inline-block;
  border-top:0.325em solid transparent;
  border-bottom: 0.325em solid transparent;
  border-right:0.65em solid transparent; }
a.top_bar_category_link.far_right {
  border-right:0; }
a:link.top_bar_category_link{ color:yellow }
a:visited.top_bar_category_link{ color:orange }
.voldemorts_children a:link.top_bar_category_link{ color:#b3921c }
.voldemorts_children a:visited.top_bar_category_link{ color:#9a5419 }
span.top_bar_category {
  position:relative; display:inline-block;
  width:9em; height:2.35em;
  text-align:center;
  background-color: #444444;
  border-radius:0.5em;
  vertical-align: bottom; } /* since it's an inline-block, we need this to stop it from creating a gutter for potential descenders */
span.top_bar_category.games {
  background-image: url("/_resources/media/green-caves-thumbnail.xME8N3U7Zb421wz.png");
  background-size:9em 2.35em; }
span.top_bar_category.stories {
  background-image: url("/_resources/media/NWIA_thumbnail.O0vP2UJ_GsizReT.png");
  background-size:9em 2.35em; }
span.top_bar_category.comics {
  background-image: url("/_resources/media/VC_112_thumbnail_top.mFQLUdRlMxI4fYM.png");
  background-size:9em 2.35em; }
span.top_bar_category.misc  {
  background-image: url("/_resources/media/voice-practice-tool-screenshot.7yat-UIfKNtg-_O.png");
  background-size:9em 2.35em; }

span.top_bar_category_text {
  position:absolute; display:block;
  bottom:0; right:0; width:5.0em;
  background-color:black;
  border-bottom-right-radius:0.5em;
  border-top-left-radius:0.5em;
  font-size:120%; font-weight:bold; text-decoration:underline; }
span.top_bar_blog_preview_text {
  border-radius:0.5em;
  display:block;
  height: 100%;
  width: 100%;
  padding: 0.1em 0.25em;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-weight:bold;
  overflow: hidden;
  text-align: left;
  background-color: #ddb;
  border-top: 0.25em solid #886;
  border-left: 0.25em solid #886;
  color: #886; }
.voldemorts_children span.top_bar_blog_preview_text {
  background-color: #777060;
  border-top: 0.25em solid #432;
  border-left: 0.25em solid #432;
  color: #432;
  }

@media screen and (max-width: 67.6em) {
  div.top_bar_categories {
    margin-left:10.0em; margin-right:auto;
  }
}
@media screen and (max-width: 58.25em) {
  div.top_bar_categories {
    margin-left:auto; margin-right:0.65em;
  }
  div.top_bar_home {
    width: 3.0em; }
  span.top_bar_home_text {
    display: none; }
}
@media screen and (max-width: 51.25em) {
  img.top_bar_home_image {
    width:1.0em; height:1.5em;
    padding:0.75em 0.25em }
}
@media screen and (max-width: 49.75em) {
  div.top_bar_categories {
    margin-left:1.5em;
    margin-right:0;
    max-width:none; }
  a.top_bar_category_link {
    width:20.0%;
    border-right:0 }
  span.top_bar_category {
    width:93.2642487046632%; }
}
@media screen and (max-width: 37.5em) {
  span.top_bar_category_text {
    font-size: 100%;
    font-size: 4.8vw;
    width: 100%;
    border-top-left-radius:0;
    border-bottom-left-radius:0.5em;
  }
}


div.bars_outer_box {
  min-height: 100%;
  position: relative;
}
div.bars_inner_box {
  padding-bottom: 5em;
}
@media screen and (max-width: 30em) {
  div.bars_inner_box { padding-bottom: 6em; } }
@media screen and (max-width: 20em) {
  div.bars_inner_box { padding-bottom: 7em; } }
@media screen and (max-width: 14em) {
  div.bars_inner_box { padding-bottom: 8em; } }
@media screen and (max-width: 13em) {
  div.bars_inner_box { padding-bottom: 9em; } }
@media screen and (max-width: 12em) {
  div.bars_inner_box { padding-bottom: 10em; } }

div.bottom_bar {
  position: absolute;
  bottom: 0;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  background-color: black;
  background-image: url("/_resources/media/top-bar-background.ukm0_O4ptNbs2Ls.png");
  background-size: 100% 100%; }
.voldemorts_children div.bottom_bar {
  background-image: url("/_resources/media/top-bar-background-vc.6xOu7Kdwj8wjFuo.png"); }
div.bottom_bar_inner {
  padding: 0.25em;
}
.bottom_bar_short {
  white-space: nowrap; }

address.eli_exmxaxixl {
  display: inline;
  font-style: normal; }


div.home_page_outer span.top_bar_category.games {
  background-image: url("/_resources/media/green-caves-screenshot.xh3mzIQWReVFF50.png");
  background-size: 24em 24em;
  background-position: center center;}
div.home_page_outer span.top_bar_category.comics {
  background-image: url("/_resources/media/comics-thumbnail.aUsaR5G1wmPuK_Y.png");
  background-size: auto;
  background-position: center center;}


div.home_page_buffer {
  position: relative;
  height: 50%; }
div.home_page_outer {
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: -8.8125em;
  height: 17.625em;
  max-width: 49.75em;
  margin-left: auto;
  margin-right: auto; }
div.home_page_categories {
  margin-left:auto; margin-right:auto;
  max-width:47.6em; }
div.home_page_bottom {
  margin-top: 0.5em;
  height: 4.5em;
  text-align: center; }
div.home_page_outer span.top_bar_category {
  height: 12em;
  background-size: 100% 100%; }
div.home_page_outer span.top_bar_category_text {
  font-size: 160%; }
  
  
div.home_page_buffer div.top_bar_home {
  top: 50%;
  margin-top: -8.40625em;
  width: 100%; }
div.home_page_buffer img.top_bar_home_image {
  display: block;
  margin: 0 auto;
  width:4.0em; height:6em; }
div.home_page_buffer span.top_bar_home_text {
  width: 100%;
  text-align: center;
  font-size: 150%;
  padding: 0; }
div.home_page_outer h2 {color: #776;font-size: 150%; font-weight: bold; margin-bottom: -0.2em;}
div.home_page_recent_updates {display: inline-block; font-size: 75%; background-color:#ffc; padding: 0.7em;border-radius:1.3em; margin-top:4em;}
div.home_page_outer div.stream_media_reference_outer {text-align: left; }
div.home_page_outer a.stream_media_reference {text-align: left; background-color: transparent; font-weight: normal;}

.feed_icon_14x14 {width:14px; height:14px;}
  
@media screen and (max-height: 34em) {
  div.home_page_buffer div.top_bar_home {
    top: 100%;
    margin-top: -16.90625em; }
  div.home_page_buffer {
    height: 17em; }
}
@media screen and (max-height: 26em) {
  div.home_page_buffer {
    position: absolute;
    height: 100%; }
  div.home_page_outer {
    position: absolute;
    bottom: 0; }
  div.home_page_buffer div.top_bar_home {
    position: relative;
    top: 0;
    margin-top: 0.3em; }
  div.home_page_buffer img.top_bar_home_image {
    display: inline-block;
    padding-left: 0.8em; }
  div.home_page_buffer span.top_bar_home_text {
    padding-left: 0.8em;
    width: inherit; }
}
@media screen and (max-height: 19.2em) {
  div.home_page_buffer div.top_bar_home {
    display: none; }
}
@media screen and (min-height: 20.8em) and (max-height: 26em) and (max-width: 19em) {
  div.home_page_buffer span.top_bar_home_text {
    width: 6em;
    text-align: left; }
}
@media screen and (max-height: 20.8em) and (max-width: 19em) {
  div.home_page_buffer img.top_bar_home_image {
    display: none; }
}
@media screen and (max-width: 15.5em) {
  div.home_page_buffer img.top_bar_home_image {
    display: none; }
}
  
@media screen and (max-width: 49.75em) {
  div.home_page_categories {
    margin-left:1.306532663316583%; }
  div.home_page_outer span.top_bar_category_text {
    width: 100%;
    border-top-left-radius:0;
    border-bottom-left-radius:0.5em; }
}
@media screen and (max-width: 28em) {
  div.home_page_outer span.top_bar_category_text {
    font-size: 120%;
    font-size: 5.6vw; }
  div.home_page_bottom_inner {
    font-size: 80%;
    font-size: 4vw; }
}
@media screen and (min-height: 17.625em) {
  div.home_page_outer div.bars_inner_box {
    padding-bottom: 0; }
}
@media screen and (max-height: 17.625em) {
  div.home_page_buffer {
    display: none; }
  div.home_page_outer {
    margin-top: 0;
    height: 100%;
    width: 100%; }
  div.home_page_categories {
    position: absolute;
    top: 0;
    bottom: 5em;
    right: 0;
    left: 0; }
  div.home_page_outer a.top_bar_category_link {
    height: 100%; }
  div.home_page_outer span.top_bar_category {
    height: 100%; }
  div.home_page_bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0; }
}


a.small_story {display: block; padding: 0.8em 0; color: black; text-decoration: none;}
a.small_story h2 {font-weight: bold; color: black;}
a.small_story .blurb {font-size:71%;}
.big_story .index_entry {padding-top: 0.8em; padding-bottom: 0.1em; font-weight: bold; font-size: 100%;}


div.blog_page_limits {
  position: relative;
  display: table;
  table-layout: fixed;
  margin-left:auto; margin-right:auto;
  width:83.5em; }


div.blog_left_margin {
  display: table-cell; }

div.blog_stream {
  display: table-cell;
  width: 45.5em; }

div.blog_middle_margin {
  display: table-cell;
  width: 2em; }
  
div.blog_right_bar {
  display: table-cell;
  vertical-align: top;
  width: 15em; }
div.blog_right_bar_inner {
  margin-top: 1.5em;
  padding: 1.3em;
  background-color: #bbbbbb;
  background-color: rgba(255,255,255,.7); }

div.blog_right_margin {
  display: table-cell;
  width: 2em; }

div.stream_media_reference_outer {
  margin-top:1em;
  text-align: center; }
div.stream_media_reference_outer + div.stream_media_reference_outer {
  margin-top: 0.125em; }
a.stream_media_reference {
  display: block;
  font-weight: bold;
  text-decoration: none;
  background-color: #bbbbbb;
  background-color: rgba(255,255,255,.7);
  text-align: center;
  display: inline-block;
  padding:0 0.6em;
  border-radius:0.7em;
  height: 1.2em;
  overflow: hidden;
  vertical-align: top; }
a.stream_media_reference img {
  width: 8.2em;

  vertical-align: top; }
a.stream_media_reference:hover {text-decoration: underline;}

div.post_content_section {
  margin-top:1em;
  padding:1.3em;
  background-color: white; }

div.skip_to_demoted_sidebar {display: none;
  background-color: #bbbbbb;
  background-color: rgba(255,255,255,.7);
  margin-top:1em;
  padding:0.6em;
font-weight: bold;
margin-left: 1.5em;
margin-right: 1.5em;
  text-align: center;}

@media screen and (max-width: 83.5em) {
  div.blog_page_limits { width: 100%; }
}
@media screen and (max-width: 66.5em) {
  div.blog_stream      { width: auto; }
  div.blog_left_margin { width: 2em; }
  
  div.blog_post h1 { font-size: 200%;}
}
@media screen and (max-width: 48em) {
  div.blog_left_margin { width: auto; }
  div.blog_stream      { width: 27em; }
}
@media screen and (max-width: 46em) {
  div.blog_left_margin { display: none; }
  div.blog_right_margin { width: auto; }
}
@media screen and (max-width: 44em) {
  div.blog_right_margin { display: none; }
  div.blog_middle_margin { width: auto; }
}
@media screen and (max-width: 42.5em) {
  div.blog_middle_margin { display: none; }
  div.blog_page_limits   { display: block; }
  div.blog_stream        { display: block; width: auto; }
  div.blog_right_bar     { display: block; width: auto; }
  div.post_content_section { padding:0.9em; }
  div.blog_right_bar_inner { padding:0.9em; }
  
  div.skip_to_demoted_sidebar {display: block;}
}
  
a.post_title_link { color:black; text-decoration:none; }
div.blog_post h2 {
  font-size: 180%;
  font-weight: bold;
  padding: 0.1em;
  padding-left: 1em; }
div.blog_post h3 {
  font-size: 140%;
  font-weight: bold;
  padding: 0.1em;
  padding-left: 1em; }
div.blog_post h4 {
  font-size: 120%;
  font-weight: bold;
  padding: 0.1em;
  padding-left: 1em; }
div.blog_post p {
  text-indent: 2em; }
div.blog_post_metadata_outer {
  padding: 0 0.8em;
  margin-bottom:1em; }
div.blog_post_metadata {
  font-size: 90%;
  padding: 0.75em;
  background-color:#bbbbbb;
  background-color:rgba(255,255,255,.7); }

a.continue_reading {
  display: block;
  text-indent: 2em;
  padding-bottom: 1.2em; }

h2.comments_title {
  font-size: 200%;
  font-weight: bold;
  padding-top: 0.2em;
  text-align: center; }
div.comment_body_outer {
  padding-top:0.5em;
  /*padding-left: 1.8em;*/ }

div.user_comment.indent_children>div.comment_hover_box {  border-left:0.2em solid #333333;
  padding-left:0.4em;
  margin-left: 1.2000000000000002em; }
div.comment_body {
  font-size: 111%;
  text-align: left;
  background-color: white;
  padding:0.5em 0.9em; }
div.comment_header {
  padding-bottom: 0.5em; }
span.reply_to_comment {
  display: none; }
html.javascript_enabled span.reply_to_comment {
  display: inline; }
div.make_reply_box {
  padding-left: 1.8em; }
a.direct_comment {
  display: none;
  font-size: 150%;
  font-weight: bold;
  padding-top: 0.4em;
  text-align: center; }
html.javascript_enabled a.direct_comment {
  display: block; }
textarea.make_reply_input {
  width: 90%; }
  
/*div.comments_section:hover>h2.comments_title:not(:hover) {
  border-left: 2px solid red;
  margin-left: -2px;
  border-top-left-radius: 5% 100%; }
div.comment_hover_box:hover>div.whole_comment_hover_marker:not(:hover) {
  border-left: 2px solid red;
  margin-left: -2px; }
div.user_comment:hover>div.comment_body_hover_marker {
  border-left: 2px solid red;
  margin-left: -2px; }
div.all_comments:hover div.comment_body {
  background-color: #dddddd; }
div.user_comment:hover>div.comment_body_hover_marker>*>div.comment_body {
  background-color: white;
  border: 2px solid red;
  margin: -2px;
  border-left: 1.8em solid red;
  margin-left: -1.8em; }*/

a:link.blog_end_link { color:yellow; }
a:visited.blog_end_link { color:orange; }
div.blog_end_links_2 {
  clear:both;
  margin-top:0.25em;
  text-align:center; }
a.blog_end_link.nav {
  display: inline-block;
  font-size: 200%;
  padding: 0.4em 0.2em; }
a.blog_end_link.nav.right {
  float:right; }

div.blog_index {
  padding: 0.4em 0; }
div.index_entry {
  font-size: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
div.blog_right_bar a {

  text-decoration: none; }
div.blog_right_bar a:hover {
  text-decoration: underline; }
div.index_page_entry {
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 0.8em; 
  padding-left:0.4em;
padding-bottom:0.1em;   }
a.sidebar_standalone_link {
  padding: 0.4em 0;
  display: block; }
a.random_post {
  display: none; }
a.random_post.enabled {
  display: block; }

a.Patreon_link,.MailChimp_form {
padding: 0.6em 0.8em;

background-color: white;
border-radius:0.6em;
border:0.15em solid #555;
position: relative;}
.blog_right_bar a.Patreon_link, .blog_right_bar .MailChimp_form {
  margin:0.5em -0.65em;}

a.Patreon_link img {
display: inline-block;
margin-right:-2em;
vertical-align: middle;
width:2em; }
a.Patreon_link span {
display: inline-block;
vertical-align: middle;
padding-left:2.4em;}
a.Patreon_link:hover {
background-color:#ff7;
border-color:#442;}
a.Patreon_link:hover span {text-decoration: underline;}

a.blog_Patreon_appeal {
  display: block;
  padding-top: 0.2em;
  padding-bottom: 1.0em;
  padding-left: 1.4em;
  padding-right: 1.4em;
  font-size: 111%;
}

.MailChimp_form input {width: 100%; margin: 0.2em 0;}
.MailChimp_form .button {border: 0 none; border-radius:0.25em; height:  2em; cursor: pointer; transition: all 0.23s ease-in-out 0s; background-color: #777; color: white;}
.MailChimp_form .button:hover {background-color: #444;}

.long_story_navbar {display: flex; justify-content: space-around; align-items: center; padding: 0.2em 0; }
.long_story_navbar>.button {
  font-size: 160%;
  color: #777;
  background-color: #ddd;
  background-image: linear-gradient(to bottom,#fff,#bbb);
  background-repeat: repeat-x;
  padding: 0.1em 0.45em;
  border: 0.05em solid black;
  border-color:#aaa #888 #555 #aaa;
  border-radius: 0.25em;
}
.long_story_navbar>a.button {
  color: black;
  text-decoration: none;
}
.long_story_navbar>a.button:hover {
  background-color: #bbb;
  background-image: linear-gradient(to top,#ddd,#999);
  border-color:#888 #777 #555 #888;
}
@media screen and (max-width: 66.5em) {
  .long_story_navbar>.button { font-size: 100%; }
}

div.transcript_block {border: 1px solid black;}
div.transcript_header {padding:0.5em;}
div.transcript_content {padding:0.5em; border-top:1px dashed black;}
  
/*span.inline_quote {background-color:#f0f0f0; color:#404040; border-radius:0.5em; }
a:link span.inline_quote { background-color:#f0f0ff; color:#4040ff; }
a:visited span.inline_quote { background-color:#f8f0f8; color:#804080; }*/
div.block_quote_outer {margin:0.9em 0;}
blockquote {padding: 0.25em; background-color:#f0f0f0; color:#404040;  margin-left: 2.5em; margin-right: 2.8em; margin-top: 0; margin-bottom: 1em; }
p.reply_input_info { padding-left: 0.5em; }
span.big_quote_mark_outer { width: 2.5em; height: 0; float: left; margin-top: -0.5em; }
span.big_quote_mark_inner { font-size: 5em; color: #d0d0d0; }
div.footnotes { margin-top: 2em; }
a.footnote_link { color: black; }

.scrutiny { background-color: #c0ffff; color: black; text-decoration: underline; }
.skepticism { background-color: #ffc0c0; }

html.restricted_user .hidden_from_restricted_users {display: none;}


div.category_page_bottom { clear:both; }
a.exhibit, div.exhibit {
  display: block;
  clear:both;
  background: white;
  background: rgba(255,255,255,0.9);
  margin: 3em 1em;  
  margin-top: 7em;
  text-align: center;
  text-decoration: none; }
.exhibit.no_image {margin-top:4em;}
a.exhibit.fadeout {
  position: relative;
  overflow: hidden; }
a.exhibit.fadeout:link { color:#4488ff; }
a.exhibit.fadeout:visited { color:#aa33ff; }
img.exhibit_fadeout {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
div.exhibit_blurb {
  position: relative;
  padding: 0.5em;
  color: black;
  font-size: 140%; }
div.exhibit_blurb>h1 {
  font-size: 180%;
  font-weight: bold; }
div.exhibit_start_reading {
  position: relative;
  display: block;
  padding-bottom: 0.6em;
  padding-top: 0.2em;
  font-size: 250%;
  white-space: nowrap;
  text-decoration: underline; }
a.exhibit.fadeout>div.exhibit_start_reading {
  margin-top: -2em; }

.exhibit p {margin: 0 0; padding:0.3em 0;}

img.exhibit {
  display: block;
  position: relative;
  z-index: 1;
  padding: 1em;
  background-color: rgba(255,255,255,0.3);
  margin-top: -6em;
  margin-bottom: 2em; }
img.exhibit.left {
  margin-left: 2em;
  float: left; }
img.exhibit.right {
  margin-right: 2em;
  float: right; }
img.exhibit.vc {
  width: 300px;
  height: 400px;
  border-radius: 2em 8em; }
img.exhibit.paws {
  border-radius: 1.5em 1.5em; }
img.exhibit.acobs {
  border-radius: 1.5em 1.5em;
  margin-left: 1em; }
img.exhibit.nwia {
  width: 20em;
  height: 10em;
  margin-top: -3em;
  border-radius: 2em 4em; }
img.exhibit.generic.left {
  width: 300px;
  height: 300px;
  border-radius: 2em 8em; }
img.exhibit.generic.right {
  width: 300px;
  height: 300px;
  border-radius: 8em 2em; }
@media screen and (max-width: 45em) {
  a.exhibit, div.exhibit {
    margin-bottom: 2em;
    margin-left: 0;
    margin-right: 0; }
  img.exhibit {
    padding: 0.8em;
    margin-bottom: 1em; }
  img.exhibit.left { margin-left: 0; }
  img.exhibit.right { margin-right: 0; }
  div.exhibit_start_reading {
    font-size: 200%; }
}
@media screen and (max-width: 33em) {
  img.exhibit { padding: 0.5em; margin: -0.5em; }
  img.exhibit.left { display: inline; float: none; margin: 0; }
  img.exhibit.right { display: inline; float: none; margin: 0; }
  a.exhibit, div.exhibit { margin-top: 2em; }
}
@media screen and (max-width: 25em) {
  img.exhibit.left { width: 95%; height: auto; }
  img.exhibit.right { width: 95%; height: auto; }
}

.orphaned_page_link {display: block}

.fake_warning_link {font-size: 71%; margin:0.4em 0; position: relative; z-index: 0;}
.fake_reveal_warning_button {color: blue; text-decoration: underline;}
html.javascript_enabled .fake_warning_link {display: inline-block;}
html.javascript_enabled .fake_reveal_warning_button {display: block;}
html.javascript_enabled .comic_warnings_list {display: none;}

.debug {display: none;}
html.debug_mode .debug {display: block; display: initial;}
html.debug_mode .not_debug {display: none;}