body { margin-top: 0px  }
input.vote { background: #bfb; border: none; padding: 3px; margin: 3px; cursor: pointer; font-weight: bold}
ul { margin: 0px; margin-bottom: .5em }
h3 { margin: 0px; font-size: 16px }


#instructions { display: table }
/* * { border: solid 1px } */
body > img { float: left }
body { font-family: arial }
.h1 { text-shadow: #777 5px 5px 5px; color: black; text-decoration: none }
.x { text-decoration: none }
#buttons, #buttons2, #thumbnails { text-align: center }
#overlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #000 }
#overlay { opacity: .8 }
div.votes { opacity: .7 }
div.votes { filter: alpha(opacity=70); }


#overlay { filter: alpha(opacity=80); }
#frame { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; }
.outer { display: table; width: 100%; height: 100%; overflow: scroll }
.inner { display: table-cell; vertical-align: middle; text-align: center; }
/*
#frame { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; overflow: scroll;
display: table-cell; vertical-align: middle;
line-height: 100% }
#frame img { vertical-align: middle }
*/

/*
#frame { position: fixed; overflow: auto; top: 50%; left: 50%;  margin: auto;
width: 800px; height: 800px;
text-align: center; vertical-align: middle; display: table-cell; }
/*
 position: fixed; top: 0px; left: 0px; text-align: center; width: 100%; height: 100% }
#frame img { vertical-align: middle; margin: auto; position: relative; top:-50%; left:-50%; }
*/
#thumbnails { margin: 1em; }
img.thumbnail, #thumbnails img { border: inset .25em white; padding: .5em; margin: .5em; cursor: pointer;
vertical-align: middle; }