html, body {
  margin: 0;
  padding: 0;
  background: #060;
  background-image: url("../images/bg4.gif");
  background-repeat: repeat;
  font-size: 15px;
}

div {
  width: auto;
  line-height: 0;
}

#console, #console_control {
  line-height: 1.1em;
}

table#page_layout {
  width: 100%;
}

td#left_column_layout {
  width: 28em;
  text-align: center;
  vertical-align: top;
}

td#right_column_layout {
  width: auto;
}

#console, #console_control_label, #console_control a {
  margin-left: 1em;
}

#console, #console_control {
  text-align: left;
}

#console {
  text-align: left;

  margin-top: 3em;
  margin-bottom: .5em;

  padding: .75em;

  width: 90%;
  height: 350px;
  
  border: 1px solid black;
  background: #080808;
  color: #fff;
  
  font-family: monospace;

  overflow: scroll;
  overflow: -moz-scrollbars-vertical;
}

#console_control_label {
  text-align: left;
  text-transform: lowercase;
  font-variant: small-caps;
  letter-spacing: 1px;
  margin-bottom: .25em;
  font-weight: bold;
  color: #ccc;
}

#console_control a {
  display: block;
  text-align: center;
  text-decoration: none;
  border: 1px solid black;
  height: 1.3em;
  width: 85%;

  font-size: .85em;
  font-family: arial, helvetica, serif;
  text-transform: lowercase;
  font-variant: small-caps;
  padding:.15em;
  margin-bottom: .25em;
}

#console_control a:link, #console_control a:visited {
  background: #fff;
  color: #000;
}

#console_control a:hover {
  background: #ff9;
  background: #0c0;
  color: #000;
  border-color: #030;
}

/*  ////////////////////////////////////////////////////
                        CARDS
////////////////////////////////////////////////////  */

img.card {
  display: inline;
  margin: 0;
  margin-right: 3px;
}



/*  ////////////////////////////////////////////////////
                        ROWS
////////////////////////////////////////////////////  */

  /***************************************************
   *
   * There are five rows, set up like this:
   *
   *  Row #1:                  DEALER
   *  Row #2:  PLAYER 3                     PLAYER 1
   *  Row #3:  PLAYER 4                     PLAYER 2
   *  Row #4:                  HUMAN
   *
   ***************************************************/

#row1, #row2, #row3, #row4 {
  margin-top: 1%;
}

#row1 {
  margin-top: 2%;
  width: 100%;

  /* Center */
  text-align: center;
}

#row2 {
  width: 100%;
}

#row3 {
  width: 100%;
}

#row4 {
  width: 100%;

  /* Center */
  text-align: center;
}


/*  ////////////////////////////////////////////////////
                        PLAYERS
////////////////////////////////////////////////////  */

  /***************************************************
   *
   * There are five rows, set up like this:
   *
   *  Row #1:                  DEALER
   *  Row #2:  PLAYER 3                     PLAYER 1
   *  Row #3:  PLAYER 4                     PLAYER 2
   *  Row #4:                  HUMAN
   *
   ***************************************************/

#dealer, #human, #player1, #player2, #player3, #player4 {
  text-align: center;
  padding: .5em;
}

#dealer h2, #human h2, #player1 h2, #player2 h2, #player3 h2, #player4 h2 {
  font-size: 1em;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: .2em;
  color: #333;
  color: #fff;
  
  margin-top: 1.25em;
}

#human h2 {
}

.cash {
  font-size: .8em;
  letter-spacing: .2em;
  display: block;
  margin-top: 1.25em;
  /* background-color: #aaa; */
  color: #d6d6d6;

  /* Needed to not cutoff text in MSIE 6 since line height is 0 */
  margin-bottom: .5em;
}

#dealer { 
  width: 255px;

  /* Center */ 
  margin-left: auto;
  margin-right: auto;
}

#player1 { 
  width: 102px;
  float: right;

  /* Right */
  margin-right: 10%;
}

#player2 { 
  width: 102px;
  float: right;

  /* Right */
  margin-right: 10%;
}

#player3 { 
  width: 102px;

  /* Left */
  margin-left: 10%;
}

#player4 { 
  width: 102px;

  /* Left */
  margin-left: 10%;
}

#human { 
  width: 102px;

  /* Center */ 
  margin-left: auto;
  margin-right: auto;
}

#footer {
  width: auto; 
  border: 1px dashed black;
  border-left: 0;
  border-right: 0;
  margin-top: 2%;
  margin-bottom: 2em;
  padding: 1em;
  padding-top: .25em;
  padding-bottom: .25em;
  background: #fff;
} 

#footer h1 {
  line-height: 1em;
  margin-top: .25em;
  margin-bottom: 0;
  font-family: arial, helvetica, sans-serif;
  font-size: 2em;
  margin-left: 2%;
}

#footer h2 {
  font-size: 1em;
  margin-top: .5em;
  font-weight: normal;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: .1em;
  margin-left: 2%;
}