body,table,th,td,a{font-family:DIN, Helvetica, Arial, sans-serif}
body{color:#000; font-size:75%; background-color:#222; margin:5px 0 0; padding:0 10px; text-align: right; }
body.thumb{background-color:#444}
a{outline:none}
a:link,a:visited{color:#ddd;text-decoration:none}
a:visited{color:#bbb}
a:active,a:hover{color:#fff;text-decoration:underline}
a:hover{-moz-border-radius:2px;-webkit-border-radius:2px;color:#fee;background-color:#a00}
h1{ color:#fff; text-align:right; margin:0;font-size: 810%; line-height:1; padding-right:30px}
img{border:none}
table{border:none;border-collapse:collapse;margin-left:auto;margin-right:auto}
td{text-align:center}
td.thumbs{ color:#FFF; font-size:12px; width:10em; vertical-align:baseline; padding:10px 20px 5px }
td.thumbs img{ border:1px solid #666; opacity:1; -webkit-transition:opacity 1s linear; margin-bottom: 0.5em; }
td.thumbs img:hover{opacity:0.7}
td.thumbs a:hover img{border:1px solid #999}
td.thumbs div{padding-top:10px}
.navi{color:#828282;font-size:12px;padding:5px;text-align:center}
.navi a:link,.navi a:visited{color:#999;margin:10px}
.navi a:hover{background-color:#930;color:#fff;text-decoration:none}
#index{margin:1em 0 3em 0;display:block}
#index a:link{color:#777}
#index a:hover{text-decoration:none;background:#333}
#des{ line-height:2; color:#999; margin:1em 0 1em; width:50em; float: right; padding-right:30px }
#footer{ font-size:10px; padding-right:5px; text-align:center;  color:#222; padding-top:5px }
#thumbBody #footer{float:right; text-align:right}
#footer a:link,#footer a:visited{color:#222}
#footer a:hover{color:#fff;text-decoration:none}
#rolls{ -moz-border-radius:10px; -webkit-border-radius:10px; display:block; clear:both; background-color:#000; padding:20px}
#rolls table{margin-right: 0}
#frame{padding:20px;margin-top:5px;color:#eee;margin-right:auto;margin-left:auto}
#frame span{display:block;margin-bottom:10px;border:1px solid #272727}
#frame div{background:url(/photo/load.gif) no-repeat center bottom}
#back strong{color:#fff}