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; }
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}

.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; }

.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:4px 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 }
.oldpagetitle { position:absolute; top:64px; right:16px; max-width:400px; float:right; }
.subtitle { float:right; margin:0px 24px 0px 0px; font-size:0.9em; font-weight:bold; text-align:right;
width:300px }
.datestamp { color:#888; font-size:0.8em; }

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

.gameexample { padding:4px; font-size:0.9em;
margin:12px 10%; color:#222; border:2px solid #bbb; background:#eee }
.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 #000; 
font-size:0.7em; text-align:center;background:#ccc }

.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; }


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

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

}

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

.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; }

.pagetitle { margin:0px; }
.pagetitle h1 { margin:0px; }
}

@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; font-size:3em }

div.maincube { padding:8px 16px; font-size:0.9em;  }

}