/* 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;
    width: 6.5in;
    height: 2in;
    border-collapse: collapse;
    margin: 5px;
}
.card.large {
    width: 7.2in;
    height: 3.1in;
}
table.card tr.body td {
    border: none;
    border-right: thin solid black;
    vertical-align: middle;
    text-align: center;
    width: 50%;
}
.head p, .foot p {
    margin: 0px;
}
table.card tr.head td {
    border: none;
    vertical-align: top;
}
table.card tr.foot td {
    border: none;
    vertical-align: bottom;
}
table.card tr.head td:nth-child(even),
table.card tr.foot td:nth-child(even) {
    text-align: right;
    border-right: thin solid black;
}
.card h2 {
    text-align: center;
}

.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;
    width: 2.6in;
    height: 1.5in;
    position: relative;
    text-align: center;
}
.badge.dark {
    background: black;
    color: white;
}

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

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