/* styles by Ryan Hinkel */

body {font-family: 'Helvetica', 'Arial', san-serif;}
#info h1 a{font-size: 24px; color: #484040;margin:2px 0;line-height:21px;position:static;padding:20px 0;text-decoration:none;height:auto;}
h2 {margin:8% 0 0 10%;text-align:left; font-family:Georgia;font-weight:normal;font-style:italic;text-decoration:none;font-size:18px;color:#555;}

#info {position: fixed; right:0; bottom:0; padding:20px;text-align:right;z-index:1100;background-color:rgba(255,255,255,0.9);}
#info a {display:block; font-size:10px; padding: 4px 0 0 10px; color:#333;height:15px;}

.photo {background-color:#eeeef1;margin:20px 0 0 10%;width:411px;height:408px;padding:8px 0 0 8px;position:relative;}
.photo a {position:absolute;top:8px;left:8px;padding-top:120px;text-align:center; width:403px;height:300px;z-index:1000;font-family:Georgia;text-decoration:none;font-size:24px;}
.photo a span {font-size: 14px; font-style: italic;}


.photo a#viewer {position:absolute;top:8px;left:8px;background-color: rgba(0,0,0,.3); width:403px;height:400px;z-index:1000;padding:0;}

.photo img {position:absolute;top:8px;left:8px;}

#level1 img{margin:0;}
#level2 img{margin:0 8px 8px 0;}
#level3 img{margin:0 4px 4px 0;}
#level4 img{margin:0 1px 1px 0;}

a.selected {display:block;}
a.selected img {background-color: #fff;}
a {outline:none;color:#595352;}