/**
   Resets
*/
body {
  font-family: Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 10px;
  line-height: 1.5;
  color: #444;
  overflow-x: hidden;
  margin: 0;
  background: rgb(29,31,33);
  height:auto;
}
  
  input,select,textarea, button { 
    font-family: Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }
 
* {margin: 0;padding: 0;border: 0;}
:focus {outline: 0;}

/*  for HTML5 deficient browsers  */
  article, aside, figure, figure img, figcaption, hgroup,
  footer, header, nav, section {
    display: block;
  }
  figure {position: relative;}
  figure img {width: 100%;}

/**
   Some UA specific things
*/

/**
   Mobile Webkit 
*/
* {
 -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
 -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
 -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
 -webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */
}

/* if you set the user select to none above, you should reactivate it for inputs, etc. */
input, textarea,.selectable {
 -webkit-user-select: text;
}

/**
   set bonus tiles margins to those appropriate for mobile device
*/
#board tr td.c2L span.blank::before {margin-top:0px; margin-left: -.25em; }
#board tr td.c2W span.blank::before {margin-top:0px; margin-left: -.25em; }
#board tr td.c3L span.blank::before {margin-top:0px; margin-left: -.25em; }
#board tr td.c3W span.blank::before {margin-top:0px; margin-left: -.25em; }
#board tr td.c4L span.blank::before {margin-top:0px; margin-left: -.25em; }
#board tr td.c4W span.blank::before {margin-top:0px; margin-left: -.25em; }
#board tr td.c5L span.blank::before {margin-top:0px; margin-left: -.25em; }
#board tr td.c5W span.blank::before {margin-top:0px; margin-left: -.25em; }
#board td { height:3.5em; height:3.5em; }
/* #board { width:100%; left:0px; right:0px; bottom:0px;top:0px; height:100% } */
#rack { height:4em; width:30em; }
#rackWrap { width: 30em; left:-.5em; } 
.racktileWrap { width:4em; } 
.racktile { margin:0px 0px 0px 3px; }
.points { top:.25em; }
table#board { width:30em; }
#leftColumn { display: none; }
#main { margin-top: 2em; width: 100%; }
/**
BlackBerry patch (get it?)
------------------
override shadows its shadows render opaque and do not inheret the rounded corners of their target element 
*/

.blackberry * {
 -webkit-box-shadow: none !important;
 box-shadow: none !important;
}

/**
@Default / Pocket Sized Devices 
30em / 480px and up
*/

 
/**
@Tablets
37.5em / 600px and up
*/

@media only screen and (min-width: 37.5em) {
  
  body {
    font-size: 1em;
  }
  
}

/**
@Desktops / Desktop replacements
64em / 1024px and up
*/

@media only screen and (min-width: 64em) { 
  
  body {

  }
  
}

/**
@High Pixel Density devices
*/

@media 
  only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-device-pixel-ratio: 2) {
  
}
#main {
   font-size:10px;
   height:47em;
   overflow:hidden;
   -webkit-transform: translateZ(0);
}

#boardWrap, #options, #gameover, #segue, #pause, #start, .alert {
   left:0px;
   top:0px;
   width:32em;
   height:47em;
   padding-top:0px;
   z-index: 101;
}
.alert, #pause2, #start, #pause, #segue, #gameover {
}

table#board {
   width:30em;
   height:40em;
}
#board td { 
   height:3.25em;
   width:3.5em;
}
.tile {
   box-shadow:none;
}

#rack .tile {
}

#board .tile {
   height:1.25em;
   width:1.35em;
}
#scoreWrapWrap { top:12em; }
#footer { font-size:1.5em; bottom:.6em; height:1.5em; width:22em; }
#footer .footitem { width:7em; }
.active {
   z-index:1;
}
#options {
}