/* background-color:#1a327a;*/
body {
    background-color:rgb(26,50,122);
    padding:0px;
    margin:0px;
}

a, p, li, td {
    color: #cccccc;
    font-family: sans-serif; 
    font-weight: bold;
}

a {
    color: white;
}


table {
    border:solid white 0px;
}

td {
    border:solid white 0px;
}


.odd td {
    background-color: #cccccc;
    color : #333333;
}

td.game-number {
    background-color:#333333;
}
.even td {
}

#gamesList {
    margin:0px auto;
}


.button, input, textarea, select {
    border:2px solid white;
    color : #000000;
    font-family : sans-serif; 
    font-weight : bold; 
    text-decoration: none;
    background-color: #cccccc;
    margin:0px;
}

/* Chrome :focus gets an extra grey border */
.button:hover, input:focus, textarea:focus, select:focus {
    border: solid rgb(136,159,230) 6px;
    /* reduce margin to take into account the wider border */
    margin-left:-4px;
    margin-top:-4px;
    margin-bottom:-4px;
}

.popup {
    position:absolute;
    top:40px;
    left:40px;
    border: 2px solid #333333; 
    background-color:#cccccc;
}

.popup p {
    color: #333333;
    margin:5px;
}

.popup a {
    background-color: red;
    text-decoration: none;
}

.details {
    position:absolute;
    padding:20px;
    top:0px;
    margin:20px;
    background-color:#ffff80;
    border: 2px solid #333333; 
    width:400px;
}

.details p {
    color: #333333;
}

#gameDetails:hover {
    background-color:#ffff80;
    color: #333333;
}


.timeWhite {
    background-color:#ffffff;
    color:#333333;
    text-align:center;
}
.timeBlack {
    background-color:#333333;
    text-align:center;
}

.point, .hoshi, .black, .white, .corner_tl, .corner_tr, .corner_bl, .corner_br, .edge_t, .edge_b, .edge_l, .edge_r, .highlight {
    float: left;
    display: block;
}

/* without the display:block, chrome still reserves some height at the top of the page */
.preload {
    width:0px;
    height:0px;
    display:block;
}


#goban {
    /* background-color:#d1a452;*/
    background-color:rgb(209,164,82);
    float:left; 
}



#tab {
    position:relative;
}


.clear {
    clear:both;
}

#sidebar {
    float:left;
    width:130px;
    padding-left:10px;
}

#navbar {
    padding-top: 10px;
    padding-bottom: 10px;
    margin:0px;
}
/* TODO /main page with a "Game NNN" button wraps, is it the word spacing between anchors? */


.navbutton {
    margin-left:0px;
    margin-right:10px;
    padding-left:5px;
    padding-right:5px;
    text-decoration: none;
    color: #333333;
    background-color:#cccccc;
    border: solid white 2px;
}

.navbutton:hover {
    border: solid rgb(136,159,230) 6px;
    /* reduce margin to take into account the wider border */
    margin-left:-4px;
    margin-right:6px;
}

/* to line up the Home button */
#sidebar #navbar {
    padding-left:10px
}

#navprogress {
    margin:10px;
}

#sidebar p {
    font-weight: bold;
    margin:0px;
}
#movelist a {
    text-decoration: none;
    color: #cccccc;
    margin:0px;
    font-weight: bold;
}
#movelist div {
    clear:both;
}


.ad {
    float:right;
    height:250px;
    width:300px;
    background-color:#888888;
    text-align: center;
}

.ad p {
    color: #333333;
}

.form {
    border: solid white 1px;
    padding: 5px;
}
.form-item {
    clear:both;
}

.about {
    float:right;
    color: #cccccc;
    font-weight: normal;
}
.form-label {
    float:left;
    width:200px;
}
.form-label p {
    margin-top:10px;
    margin-bottom:0px;
}
.form-entry {
}
.login-pic {
    width:160px;
    height:120px;
}