body { min-width:auto; width:auto; margin:1em; margin-top:0px; background-color:black; }
h2 { font-family:serif; font-variant:small-caps; color:rgba(255,255,255,1.0); text-align:center; margin-top:-0.25em; margin-bottom:-0.25em; font-size:4em; }
p { margin-top:0; }
hr { width:3em; }

.head { width:100%; height:auto; }
.foot { text-align:center; font-size:small; font-style:italic; clear:right; }
.foot a { color:#fff; }
.start { font-variant:small-caps; }
/* .navlink { } */
.tl { padding-left:0.25em; }
.tr { padding-right:0.1em; }
.tb { padding-bottom:0.25em; }
.postdate {
  font-size:smaller;
  font-weight:100;
  padding-left:8px;
}
.section { background-color:rgba(255,255,255,0.6); border-radius:5px; margin-top:0.5em; padding-top:1px; }
figcaption { font-size:xx-small; text-align:center; }
figure { margin-left:0.5em; }

#foothead { margin-top:4em; color:white; }
#title { position:absolute; top:0px; left:0px; z-index:-2000; width:100%; }
#main { display:flex; margin-top:180px; flex-direction:column; }
#onecol { display:flex; margin-top:180px; flex-direction:column; width:100%; }
#col1 { background-color:rgba(255,255,255,0.6); border-radius:5px; flex-grow:618; flex-basis:0; }
#c2x { background-color:rgba(255,255,255,0.6); border-radius:5px; flex-grow:1000; margin-left:0em; margin-top:0.5em; flex-basis:0; }
#cover { width:180px; height:272px; margin-right:1em; margin-top:0.25em; }
#r2c1 { background-color:rgba(255,255,255,0.6); border-radius:5px; margin-top:0.5em; padding-top:1px; }
#nav { background-color:rgba(255,255,255,0.6); margin-left:-1em; }
#navlinks { margin-left:1em; text-align:right; }
#r2c1 img { max-width:50%; height:auto; margin-left:0.5em; }
.section img { max-width:50%; height:auto; margin-left:0.5em; overflow-x: auto; }
#footimg { width:640px; max-width:100%; }
.section figure img { max-width:100%; margin-left:0em; }
#r2c1 figure img { max-width:100%; margin-left:0em; }
.subscribe { clear:right; }

.pingponggallery>div>img { margin:1em; max-width:100%; flex-shrink:0; }
.pingponggallery>* { display:flex; align-items:center; }
.pingponggallery :nth-child(odd) { flex-direction:column-reverse; }
.pingponggallery :nth-child(even) { flex-direction:column-reverse; }

.spoiler { display: none; border: dashed red; }
.inline-spoiler { display: none; }

@media (min-width:720px) {
	#main { flex-direction:row; margin-top:280px; }
	#onecol { margin-top:280px; }
	#c2x { margin-left:0.5em; margin-top:0em; }
	.tl { padding-left:0.5em; }
	.tb { padding-bottom:0.5em; }
	.pingponggallery :nth-child(odd) { flex-direction:row-reverse; }
	.pingponggallery :nth-child(even) { flex-direction:row; }
}
@media (min-width:1081px) {
	body { min-width:700px; width:70%; margin:2em auto; margin-top:0px; }
	h2 { margin-bottom:0em; }
	#main { margin-top:480px; }
	#onecol { margin-top:480px; }
	.tl { padding-left:1em; }
	.tr { padding-right:1em; }
	.tb { padding-bottom:1em; }
}
@media (min-width:1601px) {
	#main { margin-top:540px; }
	#onecol { margin-top:540px; }
}
body { background:url("i/bgtile-720.jpg"); background-repeat:repeat-y; background-size:100%; }
@media (min-width:721px) { body { background:url("i/bgtile-1366.jpg"); background-repeat:repeat-y; background-size:100%; } }
@media (min-width:1367px) { body { background:url("i/bgtile-1920.jpg"); background-repeat:repeat-y; background-size:100%; } }

/*** v2 ***/

section { display:flex; align-items:center; max-width:100%; }
section > figure { width:auto; height:auto; flex-shrink:0; margin:auto 0; }
section > figure img { max-width:100%; max-height:100%; margin:auto 0; }
section div { width:100%; flex-shrink:1; }
article.v2 section figure { margin: 1em; }
article.v2 section div { margin: 1em; }
article.v2 section div > p { clear: left; }
article.v2 section:first-child div > p:first-of-type:first-letter {
  color: #903; 
  font-family: Georgia;
  font-size: 280%;
  line-height: 280%;
  padding-top: 0px;
  padding-right: 4px;
  padding-left: 3px;
  padding-bottom: 4px;
  float: left;
}

/* @media (max-width:720px) { */
section > figure { max-width:80%; }
section { flex-direction:column; }
/* } */
@media (min-width:720px) {
	section > figure { max-width:40%; width:auto; height:auto; flex-shrink:0; margin:auto 0; }
	article.v2 section:nth-child(odd) { flex-direction:row; }
	article.v2 section:nth-child(even) { flex-direction:row-reverse; }
}
@media (min-width:1081px) {
	section > figure { max-width:60%; }
}