body {
    background-color: #F8F8F8;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2em;
    margin: 15px;
}

h1, p {
    color: #333;
}
.widgets {
    color: #333;
    padding-top: 2pt;
    float: left;
}

#gameStart {
    font-size: 12pt;
    margin-left: 10pt;
}

#gameboard {
    color: #2d3330;
    margin-top:10pt;
    border: solid 2px black;
    border-bottom: solid 5px black;
    display: table;
}

.rowstyle {
    height: 25px;
}

.clickable {
    font-weight: bolder;
}

.unchecked {
    background-color:#f0e5ff;
    display: table-cell;
    width: 20px;
    height:20px;
    border:4px outset #cccccc;
    text-align: center;
    vertical-align: middle;
}
.checked {
    background-color:#f0e5ff;
    display: table-cell;
    width: 26px;
    height:25px;
    border:1px solid #cccccc;
    text-align: center;
    vertical-align: middle;
}

.flagged {
    background: url("../images/flag.png") center no-repeat;
}

.bomb {
    background: url("../images/bomb.png") center no-repeat;
}

.badflag {
    background: url("../images/badflag.png") center no-repeat;
}

@media all and (max-width: 500px) {
    .badge {
        margin-left: 0px;
    }
}