body, html
{
    margin: 0;
    padding: 0;
    color: #000;
    background: #c7cfe6;
    text-align: left;
    font-family: Helvetica;
}

#wrap
{
    margin: 0 auto;
    width: 688px;
    background: #FFF;
}

#header
{
    background: #E7EEF6;
    height: 175px;
}

#header img
{
    float: right;
}

#header h1
{
    float: left;
    height: 135px;
    margin: 20px;
    font-size: 28px;

}

#footer
{
    clear: both;
    background: #E7EEF6;
    text-align: center;
}

#footer li
{
    list-style-type: none;
    display: inline;
    padding-right: 30px;
}

#login
{
    text-align: center;
}

#scores
{
    float: left;
    width: 338px;
    display: block;
    padding-bottom: 10px;
}

#game
{
    width: 338px;
    float: left;
    padding-bottom: 10px;
}

#footer
{
    clear: both;
}

#board
{
    /* disable selection for FF and chrome. In IE selection is disabled
    with javascript */
    -khtml-user-select: none;
    -moz-user-select: none;
}


.tile
{
    width: 80px;
    height: 80px;
    color: Black;
    background-color: #6982C2;
}

.largetxt
{
    font-size: 48px;
}

.letter
{
    text-align: center;
    margin: 10px;
    padding-left: 5px;
    font-size: 48px;
}

.points
{
    float: right;
    font-size: 20px;
    padding-right: 5px;
    margin: 0px;
}

.selected-tile
{
    background-color: Pink;
}

.highlight
{
    background-color: Yellow;
}

#aboveboard
{
    height: 60px;
}

#timer
{
    float: right;
}

#current_word
{
    float: left;
    font-size: 35px;
}

#current_score
{
    text-align: center;
}

.list
{
    float: left;
}

input::-webkit-input-placeholder {
        color:    #999;
}
input:-moz-placeholder {
        color:    #999;
}