body,div,p,blockquote,ol,ul,dl,li,dt,dd,td,th,h1,h2,h3,h4,b,i,br 
{ font-family: futura,helvetica,sans-serif; color: #000; 
}

#puzzletitle { font-size: 28px; font-weight: bold; font-family: 'EB Garamond',Bookman, TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif;   }
#puzzledate { font-size: 18px; font-family: 'EB Garamond',Bookman, TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif;  margin-bottom:8px;}

.navarrow { font-size:18pt; font-weight:bold;  }
a:hover.navarrow { text-decoration: none;}

a.logo { color: #4924C8; text-decoration: none; font-family: "Arial Black",Helvetica; font-size: 50px; font-weight: bold;}

h2 a:hover, h3 a:hover {
  color: #4924C8;
  text-decoration: none;
}

a, a:link { color: #4924C8; }
li a:link { color: #4924C8;  }
a:visited { color: #c82449; !important }
li a:visited { color: #c82449; !important  }
a:hover {
  color: #00A;
  text-decoration: underline;
}


div.logo { background:#FFFFFF; background-image: url(/img/kz_whitelogo_wood.png); background-repeat: no-repeat; 
             background-position: 0px 0px;}
div.menu-row { font-size:14px; }
.site-header { text-align: center; margin-bottom:12px; margin-top:12px; width:100%; margin-left:auto; margin-right:auto; }
.site-header-desktop div.menu-row { text-align: center;  margin-top:12px; }

body {  margin:0; padding:0; }

div#outercontainer { 
  margin:0; padding:0; overflow-x:hidden;
  margin-right: auto;
  margin-left: auto;
  width: 90%;
  max-width:960px;
  position:relative;
  }
#ballooncontainer { display:none; position:absolute; top:20px; left:20px; 
                      border:4px solid black; background-color:white; font-size:18px; padding:20px; border-radius:12px; 
                      opacity: .9; max-width:94.5%; }
h2 { color: #000; }
h3 { color: #000; }
h1 { color: #000; }
a.mdiv { color: #444; text-decoration: none; }
a.mdiv:hover { color: #444; text-decoration: underline; }
a.hdr { color: #000088; text-decoration: none; }
a.hdr:hover { color: #000088; text-decoration: underline; }

table  {
      border-collapse: collapse;
      border:none;
  }
table td, table th  {
      padding: 0;
      border-style:none;
  }
td.keycell {
    font-size: 36px;
    vertical-align:middle;
    color: #555;
    width:60px;
    height:60px;
    text-align: center;
    cursor:pointer;
    border-style:none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none; 
    }
td.markcell {
    font-size: 18px;
    width:60px;
  }
table#keynumbers, div#keynumbers_small, div#keyspacer {
    float:left;
  }
div#keyspacer { width:270px; text-align:center; }

div#keycontainer { width: 628px; margin:10px auto; position:absolute;}
div#keycontainer_small { width: 300px; margin:10px auto;}
td.markmode { font-size: 18px; }
td.selected {
    background-color: #000;
    color:#FFF;
  }
td#kcm.selected {
    background-color: #700;
    color:#FFF;
  }

.tool { cursor: pointer; }

div#pcaption { font-size: 18px; color: #004; padding-left: 5%; padding-right: 5%; padding-top:32px; 
                font-family: 'EB Garamond',Bookman, TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; }
div#estatus { font-size: 24px; color: #400; text-align: left; width:500px; margin: 0 auto; }
div.puzzlebuttons { }
.nav-btn, .tool-btn, .dropdown-toggle.nav-btn { background-color: #FFF; margin: 0; }
.nav-btn { width: 48px; padding-top:2px;}
.nav-btn img { width: 24px; }
.nav-btn.disabled { opacity:0.25; }
.tool-btn { width: 25%; padding-top:5px; padding-bottom:5px;}
.tool-btn.selected { border: 3px solid #CFC; background-color:#EEE; }
.key-btn { background-color: rgba(255,255,255,0); width:80px; margin: 12px; font-size: 40px;}  
/* .last-btn { margin-right:0px; } */
.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;
}
#pagetitle { font-size: 120%; margin:6px auto; }
.brand { font-family: 'Unkempt', arial, sans-serif; color: #000000; font-size: 120%; font-weight:700;}

#calculator td .calc-btn { background-color:#CFC; margin:6px 6px; width:40px; height:40px;}
#calculator td .calc-btn:first-of-type {  margin-top:18px; }
#calculator #calc_ans { background-color:#CCF; text-align:right; border-radius: 3px; padding:0 8px; height:40px; margin:6px; }
#myCalculator .modal-dialog { width: 248px; }
#op-feedback { color: #77F; }

#mySettings .modal-dialog { width: 340px; }
#myNavigation .modal-dialog { width: 300px; }

.footer-box { margin-top:20px; margin-bottom:0;}
.fine-print { font-size:.8em; margin-bottom:2em;}
.privacy-links a { font-size:.8em; line-height: .8em; text-align:center;}
.privacy-links .span12 { text-align:center; }