/* override logo */
#header {
    background-image: url('../images/gameki.png');
}

/* gameki-specific classes */
.sheet {
   padding: 7ex;
   position: relative;
   text-align: justify;
   border: thin solid black;
}
.sheet table.imageheader {
    width: 100%;
    border: none;
}
.sheet table.imageheader td, .sheet table.imageheader th {
    border: none;
}
.sheet table.imageheader td {
    width: 1px;
}
.sheet h1, .sheet table.imageheader th {
    font-size: 2em;
    text-align: center;
    border-top: thin solid black;
    border-bottom: thin solid black;
    padding: 1ex;
    margin-top: -1ex;
    margin-bottom: 2ex;
}

.card {
    position: relative;
    font-size: xx-small;
    font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
    border-collapse: collapse;
    margin: 5px;
}
table.card tr td {
    border: none;
    border-right: thin solid black;
}
table.card tr.body td {
    vertical-align: middle;
    text-align: center;
}
.head p, .foot p {
    margin: 0px;
}
table.card tr.head td {
    vertical-align: top;
}
table.card tr.foot td {
    vertical-align: bottom;
}
table.card tr td span:first-child {
    float: left;
}
table.card tr td span:last-child {
    float: right;
}
.card h2 {
    text-align: center;
}
.card p {
    text-indent: 0;
}

.white {
    background: white;
}
.green {
    background: lightgreen;
}
.blue {
    background: lightblue;
}
.yellow {
    background: #FFFF70;
}
.grey, .gray {
    background: lightgrey;
}
.pink {
    background: pink;
}
.orange {
    background: orange;
}
.purple {
    background: plum;
}
.red {
    background: salmon;
}

.packet {
    height: 1in;
}
table.packet tr.body td:first-child {
    width: 2in;
}
table.packet tr.body td {
    width: 4in;
}

.notebook > div {
    border: thin solid black;
    padding: 1in 5ex;
    height: 1in;
    position: relative;
}
.notebook > .front {
    width: 5in;
}

.badge {
    border: thin solid black;
    padding: .25in;
    position: relative;
    text-align: center;
}
.badge.dark {
    background: black;
    color: white;
}

.sign {
    border: thin solid black;
    padding: 1.5in .25in;
    position: relative;
}
.sign.big {
    width: 6in;
    min-height: 4in;
}
.sign .name {
    font-size: xx-large;
    font-weight: bold;
}
.sign h1 {
    border: thin solid black;
    text-align: center;
}
.sign .content {
    display: inline-block;
    font-size: large;
    padding: .25in;
    margin: 1in 0in;
}

.secret {
    border-top: medium dashed black;
    background: gray;
}