body { margin: 0; font: 13px/normal "Segoe UI", "Lucida Sans Unicode", Corbel, Optima, sans-serif; }
a { color: #066; }
a:hover { color: #000; }
#all { float: left; clear: left; margin-bottom: 20px; overflow-x: hidden; }
#navigation { list-style: none; margin: 20px 20px 0; padding: 0; }
#navigation li { float: left; margin: 0; padding: 0; }
#navigation li a { display: block; float: left; text-indent: -20000em; height: 55px; background-image: url(images/navigation.png); outline: none; }
#navigation #nav_home a { width: 143px; background-position: 0px 0px; }
#navigation #nav_home a:hover { background-position: 0px 55px; }
#navigation #nav_classic a { width: 159px; background-position: -143px 0px; }
#navigation #nav_classic a:hover { background-position: -143px 55px; }
#navigation #nav_colour a { width: 180px; background-position: -302px 0px; }
#navigation #nav_colour a:hover { background-position: -302px 55px; }
#navigation #nav_help a { margin-left: 80px; width: 45px; background-position: -481px 0px; }
#navigation #nav_help a:hover { background-position: -481px 55px; }
#header { text-align: right; width: 707px; padding: 15px; height: 220px; clear: both; }
body.home #header { background: url(images/logo_simple.png) left top no-repeat; }
body.colour #header { background: url(images/logo_colour.png) left top no-repeat; }
body.classic #header { background: url(images/logo_classic.png) left top no-repeat; }
body.colour #ie6 #header { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
     src='/images/logo_colour.png', sizingMethod='crop'); width: 667px; }
body.classic #ie6 #header { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
     src='/images/logo_classic.png', sizingMethod='crop'); width: 667px; }
#header p { margin-top: 200px; }
#header, #game { margin: 20px 0; }
#score { border: 1px solid #ccc; border-collapse: collapse; float: left; margin-bottom: 20px; }
#score td, #score th { padding: .2em 1em .2em .5em; border: solid #ccc; width: 30px; }
#score td { border-width: 1px 0 0; text-align: center; color: #999; cursor: pointer; }
#score td.final { color: #000; cursor: default; }
#score th { text-align: left; border-width: 1px 1px 0; width: 85px; color: #333; font-weight: normal; }
#ie6 #score th { width: 105px; }
#score .scoring th { font-variant: small-caps; color: #fff; border-width: 0 0 1px; }
body.classic #score .scoring th { background: #033; }
body.colour #score .scoring th { background: #CA4404; }
#score .scoring th.scoring_cell { text-align: center; width: 30px; }
#ie6 #score .scoring th.scoring_cell { width: 30px; }
#score thead th, #playarea h2, #keeps h2, #messagearea h2 { font-variant: small-caps; font-size: 15px; font-weight: normal; color: #fff; margin: -1px -11px 10px; line-height: 30px; padding: 0 .5em; }
body.classic #score thead th, body.classic #playarea h2, body.classic #keeps h2, body.classic #messagearea h2 { background: #033; border: solid #033; border-width: 1px 1px 0; }
body.colour #score thead th, body.colour #playarea h2, body.colour #keeps h2, body.colour #messagearea h2 { background: #CA4404; border: solid #CA4404; border-width: 1px 1px 0; }
#centre { float: left; }
#messagearea { clear: left; }
#messages { height: 105px; overflow: auto; background: #fff; border: 1px solid #ccc; padding: 10px; color: #333; }
#messages dl { margin: 0; padding: 0; }
#messages dt, #messages dd { margin: 0; padding: 0; display: inline; }
#messages dt { font-weight: bold; padding-right: .5em; }
#playarea, #keeps, #messagearea { float: left; padding: 0 10px 20px; background: #eee; border: 1px solid #ccc; margin: 0 0 20px 20px; width: 410px; }
#ie6 #playarea, #ie6 #messagearea { margin-left: 10px; }
#playabledice { height: 80px; }
#playarea p { clear: left; margin: 0; padding: 0 20px; }
#playarea #rollcount { float: right; text-align: right; padding: 0 20px; line-height: 30px; }
#keeps { float: left; width: 80px; height: 440px; }
.die { height: 38px; width: 38px; float: left; text-align: center; line-height: 40px; margin: 20px; cursor: pointer; color: #fff; }
.die .ieonly { display: none; }
#ie6 .die { display: inline; }
#ie6 .die .ieonly { display: block; }
#ie6 .die img { display: none; }
.die_red { background: #900; }
.die_green { background: #390; }
.die_blue { background: #039; }
.die_yellow { background: #C90; }
.die_purple { background: #400080; }
.die_blank { background: #000; }
a.button { border-left: 2px solid #777; border-top: 2px solid #777; border-right: 2px solid #555; border-bottom: 2px solid #555; background: #666; color: #fff; text-decoration: none; padding: 4px 10px; margin: 0 10px 0 0; display: block; float: left; }
a.button:active { border-left: 2px solid #555; border-top: 2px solid #555; border-right: 2px solid #777; border-bottom: 2px solid #777; padding: 6px 8px 2px 12px; }
#stats { background: #022; color: #fff; padding: 5px 20px; float: right; border: 3px solid #fff; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
#stats img { float: right; padding: 10px; border: 3px solid #fff; margin: 20px 20px 20px 0; background: #222; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; box-shadow: 0 0 15px #fff; -moz-box-shadow: 0 0 15px #fff; -webkit-box-shadow: 0 0 15px #fff; }
dl#faq dt { margin: 1em 0; font-weight: bold; }
dl#faq dd { margin: 0 0 0 2em; }
form { float: left; }