body {
background: black;
color: #0f0;
font-family: monospace;
}

a {
text-decoration: none;
color: #fff;
border-bottom: 1px solid #ff5;
}

a:hover,
a:focus {
/* color: #0f0; */
text-decoration: none;
border-bottom: none;
}

#page {
width: 700px;
margin: auto;
opacity: 1;
}

body.loading #page {
opacity: 0.2;
}

#masthead h1 a {
margin-left: 1.7em;
font-variant: small-caps;
color: #0f0;
}

#masthead h1 a:hover,
#masthead h1 a:focus {
/* text-decoration: underline; */
}

#masthead p {
text-align: center;
}

form {
width: 500px;
margin: auto;
border: 1px solid;
padding: 2em;
}

input {
width: 350px;
}

button[type="submit"] {
cursor: pointer;
}

span.loading {
width: 56px;
height: 21px;
text-indent: -9999px;
overflow: hidden;
background: url('/throbber.gif') no-repeat;
display: none;
position: absolute;
top: 250px;
left: 50%;
margin-left: -28px;
}

body.loading span.loading {
display: block;
}

#page, #results {
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-ms-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
}

#results .links {
text-align: center;
padding: 0;
margin: 0;
}

#results .links li {
display: inline-block;
margin: 1em;
}

table tr:nth-child(odd) th,
table tr:nth-child(odd) td {
background: #111;
}

table a {
border-bottom: none;
}

table a:hover,
table a:focus {
border-bottom: 1px solid #ff5;
}

.theme-properties {
display: block;
margin: 1em;
/* white-space: pre; */
}

.theme-properties > div {
/*
http://www.tightcss.com/centering/center_variable_width.htm
*/
position: relative;
overflow: hidden;
/* background: cyan; */
}

.theme-properties > div > div {
float: left;
position: relative;
left: 50%;
/* background: yellow; */
}

.theme-properties > div > div table {
float: left;
position: relative;
left: -50%;
/* background: red; */
}

.theme-properties img.thumbnail {
display: block;
margin: auto;
}

.theme-properties th {
text-align: right;
padding-right: 1em;
}