/* ----------------- */
/* Logical Chess CSS */
/* ----------------- */

body {background-color: #000000;}

a.lightondark:link {font-family: Arial; color: #FFFFFF; font-size: 1em; font-weight: bold;}
a.lightondark:visited {font-family: Arial; color: #FFFFFF; font-size: 1em; font-weight: bold;}
a.lightondark:hover {font-family: Arial; color: #0099FF; font-size: 1em; font-weight: bold;}
a.lightondark:active {font-family: Arial; color: red; font-size: 1em; font-weight: bold;}

a.darkonlight:link {font-family: Arial; color: #000000; font-size: 1em; font-weight: bold;}
a.darkonlight:visited {font-family: Arial; color: #000000; font-size: 1em; font-weight: bold;}
a.darkonlight:hover {font-family: Arial; color: #0099FF; font-size: 1em; font-weight: bold;}
a.darkonlight:active {font-family: Arial; color: red; font-size: 1em; font-weight: bold;}

a.list:link {font-family: Arial; color: #000000; font-size: 1em; font-weight: bold;}

/* Unfortunately the visit list style below does not work, because most (possibly all) browsers ignore the visited state of javascript links. */
/* a.list:visited:after {content: " You have visited this link."; font-family: Arial; color: #000000; font-size: 1em; font-weight: bold;} */

a.list:hover {font-family: Arial; color: #000000; font-size: 1.2em; font-weight: bold; text-decoration: none;}
a.list:active {font-family: Arial; color: red; font-size: 1.2em; font-weight: bold; text-decoration: none;}

a.designer:link {color: #FFFFFF; font-size: 1em; line-height: 150%; font-style: italic;}
a.designer:visited {color: #FFFFFF; font-size: 1em; text-decoration: none; line-height: 150%; font-style: italic;}
a.designer:hover {color: #0099FF; font-size: 1em; text-decoration: none; line-height: 150%; font-style: italic;}
a.designer:active {color: red; font-size: 1em; text-decoration: none; line-height: 150%; font-style: italic;}

a.titlehomelink:link {color: #FFFFFF; font-size: 46pt; text-decoration: none; line-height: 150%;}
a.titlehomelink:visited {color: #FFFFFF; font-size: 46pt; text-decoration: none; line-height: 150%;}
a.titlehomelink:hover {color: #0099FF; font-size: 46pt; text-decoration: none; line-height: 150%;}
a.titlehomelink:active {color: red; font-size: 46pt; text-decoration: none; line-height: 150%;}

font.subtitle {color: #FFFFFF; font-size: 20pt; font-weight: bold; line-height: 150%;}
font.designer {color: #FFFFFF; font-size: 1em; line-height: 150%; font-style: italic;}
font.darkonlight {font-family: Arial; color: #000000; font-size: 1em; font-weight: bold;}
font.lightondark {font-family: Arial; color: #FFFFFF; font-size: 1em;}
code.darkonlight {font-family: Courier New; color: #000000; font-size: 1em; font-weight: bold;}
code.detail {font-family: verdana,helvetica,arial,sans-serif; color: #000000; font-size: .8em;}

p.first:first-letter {font-size: 300%; float: left;}

.signature {color: #003300; font-style: italic; text-align: right; font-size: 1em; font-weight: bold;}

table.board {border-collapse: collapse;}
 td#boardcell {border: 9px solid black; border-style: double;}

table.piecebuttons {border-collapse: collapse;}
 td#pbcell {border-right: hidden; border-left: hidden; border-top: solid; border-bottom: solid; padding: 10px; text-align: center;}