/* tags */
body  { font-family: garamond; margin: 0; text-align: center; }
table { text-align: center; }
td    { vertical-align: top; text-align: center; }
a     { color: black; text-decoration: none; border-bottom: dashed black 1px; font-weight: bold; }
a.nav { border-bottom: 0; }
h2    { margin-top: 0px; margin-bottom: 10px; }
h4    { margin: 0px 0px 5px 0px; }
/* sections */
#page      { width: 800px; margin-left: auto; margin-right: auto; border: solid black 1px; }
#title     { font-size: 48px; background: black; color: white; padding-left: 10px; text-align: left; }
#navbar    { font-size: 16px; padding-left: 10px; border-top: solid black 1px; border-bottom: solid black 1px; text-align: left; }
#footer    { background: black; color: white; }
#deck      { margin-left: auto; margin-right: auto; margin-top: 10px; background: #000066; border: solid black 1px; }
#container { background: #f1f1f1; border-collapse: collapse; }
#sidebar   { text-align: left; border-left: dashed black 1px;padding: 15px; }
#instructions { background: white; padding: 5px; border: solid black 1px; }
#players   {  margin-left: auto; margin-right: auto; }
#board     { margin-left: auto; margin-right: auto; }
/* classes */
.result      { padding: 3px; text-align: center; }
.card        { font-size: 22px; text-align: center; border: solid black 1px; background: white; width: 45px; height: 70px; padding: 3px; margin-left: 5px;}
.blank_card  { text-align: center; font-size: 12px; font-weight: bold; }
.mini_card   { font-size: 20px; text-align: center; border: solid black 1px; background: white; width: 30px; height: 50px; padding: 2px; }
.small       { font-size: 12px; font-weight: bold; }

/* suit classes and colors */
.h { color: #ff0000; }
.d { color: #ff0000; }
.s { color: #000000; }
.c { color: #000000; }