body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background-color: #333333; color: #57757f; font: 8pt "trebuchet ms",arial,helvetica,sans-serif; }
img { border: none; }
a { color: #e58613; text-decoration: none; outline: none; }

/* */
#debug { position: absolute; top: 2px; left: 2px; z-index: 1000; }
/* */

.clear { clear: both; }

#loading { position: absolute; top: 0; left: 0; width: 100%; height: 39px; margin: 0; padding: 0; text-align: right; z-index: 1; }
#background { position: absolute; top: 0; left: 0; width: 100%; height: 460px; margin: 0; padding: 0; background-color: #b0e7f9; }
#title { position: absolute; top: -12px; left: 4px; margin: 0; padding: 0; }

#gallery { position: absolute; top: 20px; left: 0; width: 780px; height: 440px; margin: 0; padding: 0; overflow: hidden; visibility: hidden; }
#gallery .sort { width: 100%; text-align: right; }
#gallery .sort a { font-weight: bold; color: #57757f; }

#album { height: 410px; overflow: auto; }
#album h1 { margin: 0; padding: 0; font-size: 8pt; font-weight: bolder; color: #e58613; }
#album span { margin: 0; padding: 0; font-size: 8pt; }
#album .item { float: left; width: 150px; margin: 0; padding: 0; overflow: hidden; }

#thumbnail { position: absolute; top: 20px; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; background-color: #b0e7f9; visibility: hidden; }
#thumbnail .close { margin: 0 5px 0 0; padding: 0; text-align: right; }
#thumbnail h1 { margin: 0 2px; padding: 0; font-size: 12pt; font-weight: bolder; color: #e58613; }
#thumbnail span { margin: 0 2px; }

#preview { width: 780px; height: 380px; overflow: auto; }
#preview .item { float: left; width: 122px; height: 122px; margin: 2px; padding: 0; overflow: hidden; }

.tip { width: 150px; z-index: 1; color: #ffffff; background-color: #57757f; border-radius: 0.5em; -moz-border-radius: 0.5em; }
.tip-title { font-weight: bolder; font-size: 11px; margin: 0; padding: 8px 8px 4px; }
.tip-text { font-size: 11px; padding: 4px 8px 8px; }