@font-face {
  font-family: 'Averia Serif Libre';
  src: url('/css/AveriaSerifLibre-Bold.ttf')  format('truetype')
}

body
{
  margin:0px;
  font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
  color:#011;
  background-color:#fff;
  background-position: top left;
  background-repeat: no-repeat;
  padding:84px 0px 0px 0px;
}

.main
{
  padding:8px;
  border:3px solid #ddd;
  font-size:1.2em;
  margin:16px 32px;
}

table.index
{ margin:16px 32px; }



div.maincube
{
  padding:48px;
  border:3px solid #ddd;
  font-size:1.1em;
  margin:16px;
}

div.cube
{
  padding:0px;
  border:3px solid #ddd;
  font-size:1.0em;
  margin:16px;
}
h2 { color:#666; font-size:1.3em; }
h3 { color:#666; font-size:1.1em; margin:16px 24px}
div.cube h2 { padding:3px 8px; text-align:right; background:#eee; margin:0px; }
div.cube h3 { padding:3px 8px; text-align:left; background:#f6f6f6; margin:2px 0px 0px 0px; }
div.cube ul { margin:16px 16px 16px 32px; padding:8px 16px; }

.leftcol { float:left; width:47%; padding:0px 0px 0px 16px;}
.rightcol { float:right; width:47%; padding:0px 16px 0px 0px; }

.twitter { position:absolute; top:24px; right:32px; border:3px solid #ddd; background:#fff;
width:25%; padding:8px;;}

.twitterstamp { color:#999; font-size:0.7em }

.datashadow { color:#999; font-size:0.7em; text-align:center; margin:8px}
.footline { color:#999; font-size:0.7em; text-align:center; margin:32px 8px 8px 8px}

.content { border:3px solid #ddd; margin:16px 32px; padding:16px; }

.content h2 { padding:8px; background:#eee; margin:-16px -16px 0px -16px; }
.content h3 { padding:4px; margin:0px; }
.content p { padding:0px 16px; margin:8px; }

.warning { padding:8px; font-style:italic; }

.onebigpage { border:3px solid #ddd; margin:16px 32px; padding:16px 16px 48px 16px; clear:both }
.onebigpage p { padding:0px 16px; margin:8px; }
.onebigpage ul { padding:0px 16px 0px 40px; margin:8px; }
.further { border:3px solid #ddd; margin:16px 48px; padding:16px; font-size:0.8em;}

.onebigpage li { padding:0px 0px; }

.rootlink { height:170px; width:630px; margin:-84px 0px 0px 0px; border:0px}
.test{ position:absolute; top:0px; left:0px; border:0px; display:block}
.pagetitle{float:right; margin:-12px 24px 0px 0px; text-align:right; }
.pagetitle h1 { margin:0px 20px 0px 0px; font-family: 'Averia Serif Libre', serif; font-size:3em; line-height:90% }
.oldpagetitle { position:absolute; top:64px; right:16px; max-width:400px; float:right; }
.subtitle { float:right; margin:8px 24px 0px 0px; font-size:0.9em; font-weight:bold; text-align:right;
max-width:400px; }
.datestamp { color:#888; font-size:0.8em; }

blockquote { font-style:italic; margin:8px 16px; color:#444; border:1px solid #ccc; padding:8px }

.gamelist { margin:0px; padding:0px; list-style-type: none; }
.gamelist li { border:2px solid #888; background:#eee; padding:16px; margin:16px 4px; list-style:none; border-radius: 5px; }
.gamelist li h3 { padding:0px; margin:0px; font-size:1.2em; font-style:italic; line-height: 1.5em; }
.gamelist li p { padding:8px 24px; margin:0px; }

.subgame li { border:0px; list-style:disc; padding:0px; margin:0px;}

.gamelist .gameexample { background:#fff; }

.gameexample { padding:12px; font-size:0.9em; margin:12px 10%; color:#222; border:2px solid #bbb; background:#eee }
.gameexample h3 { margin:0px 0px 16px 0px; text-align:center; font-size:1.2em; border-bottom:1px solid #ddd; }

.widepic { width:90%; max-width:600px }

.sidefloat {float:right; margin:8px 8px 8px 24px; width:300px; }
.sidefloatthin {float:right; margin:8px 8px 8px 24px; width:200px; }

.figure { float:right; margin:8px; border:1px solid #000; font-size:0.7em; text-align:center;background:#ccc }

.figure200 { float:right; margin:8px 8px 8px 24px; border:1px solid #777; 
font-size:0.8em; text-align:center;background:#ccc; padding:0px; }

.footnote { font-size:0.7em; color:#444; padding:0px; margin:0px 10% 8px 10%; text-align:center; clear:both}

.ktop1 { background-image:url('/images/main/ktop1.jpg'); }
.ktop2 { background-image:url('/images/main/ktop2.jpg'); }
.ktop3 { background-image:url('/images/main/ktop3.jpg'); }
.ktop4 { background-image:url('/images/main/ktop4.jpg'); }
.ktop5 { background-image:url('/images/main/ktop5.jpg'); }
.ktop6 { background-image:url('/images/main/ktop6.jpg'); }
.ktop7 { background-image:url('/images/main/ktop7.jpg'); }
.ktop8 { background-image:url('/images/main/ktop8.jpg'); }
.ktop9 { background-image:url('/images/main/ktop9.jpg'); }
.ktop10 { background-image:url('/images/main/ktop10.jpg'); }
.ktop11 { background-image:url('/images/main/ktop11.jpg'); }
.ktop12 { background-image:url('/images/main/ktop12.jpg'); }
.ktop13 { background-image:url('/images/main/ktop13.jpg'); }
.ktop14 { background-image:url('/images/main/ktop14.jpg'); }
.ktop15 { background-image:url('/images/main/ktop15.jpg'); }
.ktop16 { background-image:url('/images/main/ktop16.jpg'); }
.ktop17 { background-image:url('/images/main/ktop17.jpg'); }
.ktop18 { background-image:url('/images/main/ktop18.jpg'); }
.ktop19 { background-image:url('/images/main/ktop19.jpg'); }
.ktop20 { background-image:url('/images/main/ktop20.jpg'); }
.ktop21 { background-image:url('/images/main/ktop21.jpg'); }
.ktop22 { background-image:url('/images/main/ktop22.jpg'); }
.ktop23 { background-image:url('/images/main/ktop23.jpg'); }
.ktop24 { background-image:url('/images/main/ktop24.jpg'); }
.ktop25 { background-image:url('/images/main/ktop25.jpg'); }
.ktop26 { background-image:url('/images/main/ktop26.jpg'); }
.ktop27 { background-image:url('/images/main/ktop27.jpg'); }
.ktop28 { background-image:url('/images/main/ktop28.jpg'); }
.ktop29 { background-image:url('/images/main/ktop29.jpg'); }
.ktop30 { background-image:url('/images/main/ktop30.jpg'); }
.ktop31 { background-image:url('/images/main/ktop31.jpg'); }
.ktop32 { background-image:url('/images/main/ktop32.jpg'); }
.ktop33 { background-image:url('/images/main/ktop33.jpg'); }
.ktop34 { background-image:url('/images/main/ktop34.jpg'); }
.ktop35 { background-image:url('/images/main/ktop35.jpg'); }
.ktop36 { background-image:url('/images/main/ktop36.jpg'); }
.ktop37 { background-image:url('/images/main/ktop37.jpg'); }
.ktop38 { background-image:url('/images/main/ktop38.jpg'); }
.ktop39 { background-image:url('/images/main/ktop39.jpg'); }
.ktop40 { background-image:url('/images/main/ktop40.jpg'); }


.sideimage200 { display:none; }
.sideimage400 { display:none; }
.sideimagelarge {  display:block; }

.floatcard { float:right; box-shadow: 8px 8px 4px rgba(40,0,0,0.2); border:1px solid #999; margin:8px 32px; border-radius: 12px; 
background:#fff}
.tiltright { transform: rotate(1deg);}
.tiltleft { transform: rotate(-1deg);}

.redemp { color:#f00; }




a.polaroid { display:inline-block; width:200px; border:4px solid #fff; margin:0px; padding:0px;
font-size:0.8em; text-decoration:none; color:#222; margin:8px; font-family:courier,monospace;
background-color:#fff;
  -webkit-box-shadow: 3px 3px 5px 6px rgba(40,0,0,0.2);
  -moz-box-shadow:    3px 3px 5px 6px rgba(40,0,0,0.2);
  box-shadow:         3px 3px 5px 6px rgba(40,0,0,0.2);
}
a.polaroid img { height:200px; width:200px; overflow:hidden; object-fit:cover }

.polaroid:hover {
transform: scale(1.05);
}

.lbubble { margin:4px auto 4px 4px; width:40%; background:#ffd; padding:8px; border:1px solid #333; border-radius:5px; }
.rbubble { margin:4px 4px 4px auto; width:40%; background:#eee; padding:8px; border:1px solid #333; border-radius:5px; }

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

.sideimagelarge { display:none; }
.sideimage400 { display:block; }
.sideimage200 { display:none; }

}

@media screen and (max-width: 800px) {

.floatcard { width:200px; height:271px; float:none; display:block; margin:16px auto}
.sideimagelarge { display:none; }
.sideimage400 { display:none; }
.sideimage200 { display:block; }

}

@media screen and (max-width: 480px) {

.figure200 { float:none; width:200px; margin:8px auto; padding:0px; 
border:1px solid 
#000; 
font-size:0.7em; 
text-align:center;background:#ccc }

.main { padding:4px; margin:8px; }
.onebigpage { margin:4px; padding:4px 4px 32px 4px; }
.onebigpage p { padding:0px 8px; margin:16px 4px; line-height:150% }
li { line-height:150% }
h2 {  margin:24px 12px 16px 12px}
h3 {  margin:16px 12px}

.pagetitle { margin:0px; }
.pagetitle h1 { margin:0px; font-size:2em; }
.subtitle { font-size:0.8em; padding:6px 0px 0px 0px; max-width:100% }

.lbubble { width:75%; }
.rbubble { width:75%; }

}

@media screen and (max-width: 700px) {
.sidefloat {float:none; margin:12px 10%; width:auto; }
.sidefloatthin {float:none; margin:12px 10%; width:auto; }

.leftcol { float:none; width:auto; padding:0px; }
.rightcol { float:none; width:auto; padding:0px; }

.ktop { background-image:url('/images/main/ktopsmall.jpg'); }
.rootlink { height:82px; width:300px; margin:-84px 0px 0px 0px; border:0px}
body { padding:50px 0px 0px 0px; }
.pagetitle h1 { margin:0px 20px; font-family: 'Averia Serif Libre', serif; }

div.maincube { padding:8px 16px; font-size:0.9em; }
.gameexample { padding:8px; margin:24px 10%; }

.gamelist li { padding:16px; margin:16px -12px; }
.subgame li { padding:0px; margin:0px;}

}