/* reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer,
header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}

html, body { height:100%; width:100%; }

/* Disable selecting and copying text */
body {
  -webkit-touch-callout: none;  -webkit-user-select: none;
  -khtml-user-select: none;     -moz-user-select: moz-none;
  -ms-user-select: none;         user-select: none;
}

a { text-decoration:underline; cursor:pointer; }
b { font-weight: bold; }
i { font-style: italic; }
ol, ul { list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: 'xkcd-Mono';
  src: url('../../fonts/xkcd-Mono.woff') format('woff');
}

@font-face {
  font-family: 'xkcd_beanish-Regular';
  src: url('../../fonts/xkcd_beanish-Regular.ttf') format('truetype'),
       url('../../fonts/xkcd_beanish-Regular.otf') format('opentype'),
       url('../../fonts/xkcd_beanish-Regular.woff') format('woff');
}

body {
  font-family:'xkcd-Mono', Tahoma, Arial, sans-serif;
  font-variant: small-caps;
  font-size: 13px;
}

#sco { text-align: center; }
#prs { text-align: center; }

#sc3 { text-align: center; font-size:1.5em; }
#pr3 { text-align: center; font-size:1.5em; }

span.xb button {
  list-style-type:none;
  display: inline;

  background-color:#FFF;
  color: #000;

  font-size: 1.5em;
  font-weight: 600;
  font-family:xkcd-Mono, Tahoma, Arial, sans-serif;
  text-align:center;
  text-decoration: none;
  font-variant: small-caps;

  padding-top: 1.5px;
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 4px;
  margin: 0px;
  border: 1.5px solid #333;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 0 0 5px 0 gray;
  -moz-box-shadow: 0 0 5px 0 gray;
  -webkit-box-shadow: 0 0 5px 0 gray;  
}

span.xb a:hover {
  background-color: #999;
  color: #CCC;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

span.ab a {
  padding-top: 0px;
  padding-right: 3px;
  padding-left: 3px;
  padding-bottom: 3px;
  margin: 0px;
  border: 1.5px solid #000;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

span.ab a:hover {
  background-color: #CCC;
  color: #33F;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}