/*
ul {
  defaults
  1em = one of current font size
  padding: top right left bottom
  border: 1px solid #000;
  margin: 2em
  width: 10em;
  padding: 5px
  list-style: initial;
  padding: .5em .5em .5em .5em .5em;
}
*/

div ul {
    float:left
    list-style:none
}

button.cell {
  padding: .5em;
  width: 3em;
  color: #ffffff;
  text-shadow: 1px 1px 1px #000;

  border: solid thin #882d13;
  -webkit-border-radius: .7em;
  -moz-border-radius: .7em;
  border-radius: .7em;
  -webkit-box-shadow: 2px 2px 3px #999;
  box-shadow: 2px 2px 2px #bbb;

  background-color: #ce401c;
  background-image:
    linear-gradient(to bottom, #e9ede8, #ce401c, #8c1b0b 40%);
}

button.alive {
  padding: .5em;
  width: 3em;
  color: #ffffff;
  text-shadow: 1px 1px 1px #000;

  border: solid thin #2d8813;
  -webkit-border-radius: .7em;
  -moz-border-radius: .7em;
  border-radius: .7em;
  -webkit-box-shadow: 2px 2px 3px #999;
  box-shadow: 2px 2px 2px #bbb;

  background-color: #40ce1c;
  background-image:
    linear-gradient(to bottom, #e9ede8, #40ce1c, #1b8c0b 40%);
}

button.dead {
  padding: .5em;
  width: 3em;
  color: #ffffff;
  text-shadow: 1px 1px 1px #000;

  border: solid thin #882d13;
  -webkit-border-radius: .7em;
  -moz-border-radius: .7em;
  border-radius: .7em;
  -webkit-box-shadow: 2px 2px 3px #999;
  box-shadow: 2px 2px 2px #bbb;

  background-color: #ce401c;
  background-image:
    linear-gradient(to bottom, #e9ede8, #ce401c, #8c1b0b 40%);
}



button.shiny {
  padding: .5em;
  width: 15em;
  color: #ffffff;
  text-shadow: 1px 1px 1px #000;

  border: solid thin #882d13;
  -webkit-border-radius: .7em;
  -moz-border-radius: .7em;
  border-radius: .7em;
  -webkit-box-shadow: 2px 2px 3px #999; 
  box-shadow: 2px 2px 2px #bbb;

  background-color: #ce401c;
  background-image:
    linear-gradient(to bottom, #e9ede8, #ce401c, #8c1b0b 40%);
}

button.shiny:hover {
  padding: .5em;
  width: 15em;
  color: #ffffff;
  text-shadow: 1px 1px 1px #000;

  border: solid thin #882d13;
  -webkit-border-radius: .7em;
  -moz-border-radius: .7em;
  border-radius: .7em;
  -webkit-box-shadow: 2px 2px 3px #999;
  box-shadow: 2px 2px 2px #bbb;

  background-color: #ce401c;
  background-image:
    linear-gradient(to bottom, #fee, #622, #411 40%);
}

button {
  padding: .5em;
  width: 15em;
  color: #ffffff;
  text-shadow: 1px 1px 1px #000;

  border: solid thin #882d13;
  -webkit-border-radius: .7em;
  -moz-border-radius: .7em;
  border-radius: .7em;
  -webkit-box-shadow: 2px 2px 3px #999; 
  box-shadow: 2px 2px 2px #bbb;

  background-color: #ce401c;
  background-image:
    -webkit-gradient(linear, left top, left bottom,
                     from(#e9ede8), to(#ce401c),color-stop(0.4, #8c1b0b));
}

a {
  padding: .3;
  width: 10em;
  color: #ffffff;
  text-shadow: 1px 1px 1px #000;

  border: solid thin #882d13;
  -webkit-border-radius: .7em;
  -moz-border-radius: .7em;
  border-radius: .7em;
  -webkit-box-shadow: 2px 2px 3px #999;
  box-shadow: 2px 2px 2px #bbb;

  background-color: #ce401c;
  background-image:
    -webkit-gradient(linear, left top, left bottom,
                     from(#e9ede8), to(#ce401c),color-stop(0.4, #8c1b0b));
}

a:hover {
  padding: .5em;
  width: 15em;
  color: #ffffff;
  text-shadow: 1px 1px 1px #000;

  border: solid thin #882d13;
  -webkit-border-radius: .7em;
  -moz-border-radius: .7em;
  border-radius: .7em;
  -webkit-box-shadow: 2px 2px 3px #999;
  box-shadow: 2px 2px 2px #bbb;

  background-color: #ce401c;
  background-image:
    -webkit-gradient(linear, left top, left bottom,
                     from(#ffccbb), to(#cc2090),color-stop(0.4, #8c1b0b));
}