html {
 margin: 0;
 padding: 0;
}

body {
 width: 280px;
 margin: 0 auto;
 padding: 20px;
 color: #333;
}

h1 {
 margin: 0;
 border-bottom: 1px solid #999;
 padding: 0 0 5px;
 line-height: 1;
 font-size: 100%;
 text-align: center;
}

h2 {
 margin: 0;
 font-size: 100%;
}

h2#next {
 margin: 20px 0 0;
 border-top: 1px solid #ccc;
 padding: 20px 0 0;
}

p {
 margin: 0 0 20px;
 font-size: 80%;
}

table {
 width: 100%;
 margin: 0 0 20px;
 border-collapse: collapse;
 padding: 0;
}

th, td {
 width: 50%;
 margin: 0;
 border: 1px solid #999;
 padding: 5px;
 line-height: 1;
}

th {
 background: #eee;
}

table, x:-moz-any-link {
 border-collapse: separate;
 border-spacing: 0;
 border-top: 1px solid #999;
 border-left: 1px solid #999;
 border-right: none;
 border-bottom: none;
}

th, x:-moz-any-link {
 border-top: none;
 border-left: none;
 border-right: 1px solid #999;
 border-bottom: 1px solid #999;
}

td, x:-moz-any-link {
 border-top: none;
 border-left: none;
 border-right: 1px solid #999;
 border-bottom: 1px solid #999;
}

input#answer {
 width: 80px;
 ime-mode: disabled;
}

ul {
 margin: 20px 0;
 padding: 0;
}

li {
 margin: 0 0 0 15px;
 padding: 0;
 font-size: 80%;
}

address {
 margin: 20px 0;
 border-top: 1px solid #999;
 padding: 20px 0 0;
 text-align: center;
 font-style: normal;
 font-size: 80%;
}

a:link,
a:visited {
 text-decoration: none;
 color: #333;
}

a:hover,
a:focus,
a:active {
 text-decoration: underline;
 color: #00f;
}

p.more {
 margin: 20px 0;
 border-top: 1px solid #ccc;
 padding: 20px 0 0;
 text-align: center;
}

p.rank {
 font-size: 200%;
 text-align: center;
 color: #090;
}

p#rank-F { color: #090; }
p#rank-E { color: #0C0; }
p#rank-D { color: #009; }
p#rank-C { color: #00C; }
p#rank-B { color: #900; }
p#rank-A { color: #C00; }
p#rank-S { color: #F00; }

p.twitter {
 margin: 10px 0 20px;
}

p.tagline {
 margin: 5px 0 20px;
 line-height: 1;
 text-align: center;
}