body
{
    font: 14px Georgia, serif;
    background-color: black;
    color: #001100;
    padding: 0;
    margin: 5px;
}
div
{
    padding: 0;
    margin: 0;
}
button
{
    cursor: pointer;
}
.shadow, button
{
    -moz-box-shadow: 5px 5px 5px #030;
    -webkit-box-shadow: 5px 5px 5px #030;
    box-shadow: 5px 5px 5px #030;
}

/****************************************************************************/
/* App */
/****************************************************************************/
 #app
{
    width: 100%;
    margin: auto;
    position: relative;
    background-color: #005500;
    background: -webkit-linear-gradient(top, #008800, #003300);
    background: -moz-linear-gradient(top, #008800, #003300);
    background: -ms-linear-gradient(top, #008800, #003300);
}
#header
{
    height: 20px;
    background-color: Blue;
    border-bottom: solid 2px black;
    background: -webkit-linear-gradient(left, #1a82f7, #2F2727);
    background: -moz-linear-gradient(left, #1a82f7, #2F2727);
    background: -ms-linear-gradient(left, #1a82f7, #2F2727);
    margin-bottom: 5px;
}
#header h1
{
    color: Black;
    font-size: 16px;
    float: left;
    margin: 0 3px;
    padding: 0;
}
#header h2
{
    font-size: 10px;
    float: right;
    vertical-align: top;
    margin: 2px 8px;
}
#header h2 a
{
    color: #009900;
}
/****************************************************************************/
/* Game */
/****************************************************************************/
#game
{
    padding: 10px;
}
.total-area
{
    font-size: 150%;
    font-weight: bold;
    color: black;
    text-transform: capitalize;
}
.card
{
    background-image: url(cards.png);
    background-position: -159px -492px;
    background-repeat: no-repeat;
    width: 78px;
    height: 123px;
    float: left;
    margin: 5px;
    -moz-box-shadow: 5px 5px 5px #030;
    -webkit-box-shadow: 5px 5px 5px #030;
    box-shadow: 5px 5px 5px #030;
}
.card-area
{
    height: 130px;
    border: solid 2px yellow;
    border-radius: 10px;
    margin: 15px;
    padding: 5px 10px;
    background-color: #005500;
    background: -webkit-linear-gradient(left, #007700, #005500);
    background: -moz-linear-gradient(left, #007700, #005500);
    background: -ms-linear-gradient(left, #007700, #005500);
}
#status
{
    color: #001100;
    font-size: 150%;
    background-color: lightblue;
    margin: 15px;
    border: solid 2px black;
    border-radius: 5px;
    padding: 5px;
}
#actions
{
    clear: both;
    padding: 5px;
    margin: 15px;
}
#actions button
{
    height: 2em;
    padding: 0 1em;
    border: solid 2px black;
    border-radius: 5px;
    background-color: cadetblue;
    color: #002200;
    font-weight: bold;
    font-size: 150%;
    margin-right: .5em;
}
#bet-amount
{
    font-size: 130%;
}
#bet
{
    width: 3em;
    margin-left: 5px;
    font-size: 100%;
}
#chips
{
    margin-top: 1em;
    margin-left: 1em;
    font-size: 150%;
    color: black;
    font-weight: bold;
}
#options-button, #reset-button
{
    float: right;
}
#game-stats
{
    margin-left: 2em;
}
#game-stats a
{
    color: black;
    text-decoration: none;
}

/****************************************************************************/
/* Options */
/****************************************************************************/
.overlay-panel
{
    position: absolute;
    display: none;
    padding: 1em;
    background-color: white;
    background-color: rgba(255, 255, 255, 0.95);
    border: 2px solid Black;
    border-radius: 15px;
    box-shadow: 3px 3px 3px #000;
    font-size: 100%;
}
.overlay-panel h2
{
    font-size: 150%;
    margin-top: 5px;
}
/****************************************************************************/
/* Options */
/****************************************************************************/
#stats-panel span
{
    font-weight: bold;
}
#stats-panel p
{
    margin: 0;
}
#stats-panel button
{
    margin: 10px auto;
}

#copyright
{
    font-size: 80%;
    text-align: center;
    color: #005500;
}