/* Emacs settings: -*- mode: Fundamental; tab-width: 4; -*-

////////////////////////////////////////////////////////////////////////////
//                                                                        //
// Minesweeper: stylesheet                                                //
//                                                                        //
// Copyright 1998-2009, Andrew D. Birrell                                 //
//                                                                        //
////////////////////////////////////////////////////////////////////////////

*/
body {
    background-color: #666666;
    background-image: none;
    color: #ffffff;
    margin: 16px;
    border: 0px;
    padding: 0px;
    text-align: left;
}
a:link      { color: #ccccff }
a:active    { color: #993333 }
a:visited   { color: #ccccff }
a:hover     { color: #ffff00 }
h2 {
    text-align: center;
}
td.linkBars {
    background-color: #ffffff;
}
table.sq {
    margin-left: 16px;
    background-color: #666666;
    color: #000000;
    float: right;
    cursor: default;
}
td.score {
    margin: 0px;
    border: #eeeeee 1px outset;
    padding: 0px;
    background-color: #cccccc;
    vertical-align: middle;
    font-weight: bold;
}
td.sq {
    margin: 0px;
    border: #eeeeee 1px outset;
    padding: 0px;
    width: 20px;
    height: 20px;
    background-color: #cccccc;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
}
div.counter {
    margin: 10px;
    border: #eeeeee 1px inset;
    padding-right: 3px;
    width: 1.8em;
    background-color: #000000;
    color: #ff6666;
    font-size: 24px;
    line-height: 1;
    text-align: right;
}
table.smiley {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2px;
    margin-bottom: 2px;
    border: #eeeeee 1px inset;
    padding: 0px;
}
#mines {
    float: left;
}
#timer {
    float: right;
}
td.smiley {
    border: #eeeeee 2px outset;
    padding: 6px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}
#smiley {
    vertical-align: middle;
}