@charset "utf-8";

/* CSS Document */

* {font-family:Arial, Helvetica, sans-serif; color:#555; margin:0; padding:0; border-radius:8px;}

body {padding:10px;}
nav ul {display:inline-block; list-style:none;}
nav ul li {float:left; margin:4px 8px; padding:4px 8px; border:1px solid #555;}
nav a {text-decoration:none; font-weight:bold; display:block; }
nav li:hover {background-color:#DDD;}
hr {margin-bottom:16px;}
section {clear:both;}
img {border-style:none;}
button {min-width:170px; width:170px; max-width:200px; text-align:center; padding:6px; margin:6px 0; font-weight:bold;}
button:hover {background-color:#DDD;}
button:active {background-color:#555; color:#FFF;}
footer {margin:10px 0;}
#debug {background-color:#fff;	border:1px solid #555; position:absolute; z-index:100000; top:10px; left:320px; min-width:320px;padding:10px;}


#wrapper {max-width:1000px; margin:0 auto;}
#cards img {cursor:pointer;}
#playerHand, #openHand {border:1px solid #CCC; max-width:100%; padding:4px; margin-bottom:6px;}
#playerHand {height:500px;}
#cards img {float:left; margin:4px;}
#selectCard {padding:16px; border:4px solid #CCC; position:fixed; z-index:1000; top:16px; left:50%; background-color:#FFF; visibility:hidden;}
#cardCost {margin-left:4px; padding-left:4px; border-left:1px solid #999; border-radius:0;}
.floatL {float:left;}
.clear {clear:both; max-height:0px;}

h1 {font-size:36px;}
article h1 {font-size:28px;}
h1, h2, h3, h4, h5, h6 {font-family:'Roboto',Arial,Helvetica,sans-serif; font-weight:900; color:#002776;}
body {padding:4px 20px 20px 20px;}
p, a {margin-bottom:12px;}