* {padding:0px; margin:0px}

#paintings {margin:20px; font-family:sans-serif; color:white;} /* for paintings */
.bio {
        margin:20px; font-family:sans-serif; color:black; max-width:800px; margin:auto}
.exhibits {
        margin:20px; font-family:sans-serif; color:black; max-width:800px; margin:auto}
.contact {
        margin:20px; font-family:sans-serif; color:black; max-width:800px; margin:auto}

.menu-bar {margin:auto; margin-top:30px; margin-bottom:10px;
           padding:10px; text-align:center; 
           background-color:rgba(224, 219, 204, 0.5);}
.menu-bar ul {list-style: none;}
.menu-bar li {display:inline; padding:7px; margin-left:15px; margin-right:15px;
              position:relative; line-height:1.5;
              color:#694d36}
.menu-bar li img {vertical-align:middle}
.menu-bar a:link { text-decoration: none; color:#694d36}
.menu-bar a:visited { text-decoration: none; color:#694d36}

.title {clear:both; margin:auto; padding-top:10px; padding-bottom:10px; text-align:center; }
.title p {margin-top:1ex;}
.title h3 {margin-top:2ex; }
.title img {vertical-align:middle; margin-left:10px}

.menu-list {position:absolute; right:50%; background:#e0dbcc; visibility:hidden}
.menu-list a {display:block; padding:5px; font-family:sans-serif; }
.menu-list a:link { text-decoration: none; color:#694d36}
.menu-list a:visited { text-decoration: none; color:grey}

.thumbnails {display:block; margin-left:50px; margin-bottom:10px}

.cell {float:left; width:350px; height:350px;
       display:flex; justify-content:center; align-items:center;
       z-index:0;}
.cell .group { display:block; text-align:center; }
.cell img {border:3px solid #cecece;}
.cell img:hover {cursor:pointer; cursor: hand}
.cell h3 {display:inline}
.cell p {display:inline}

#overlay {position:absolute; left:0; top:0; z-index:100;
          visibility:hidden;}
#overlay #large {position:absolute; left:0; top:0; border:solid 10px #101010}
#overlay #buttons {position:fixed; margin:10px}
#overlay .action {margin:10px; background:#cecece80}
#overlay img {cursor:zoom-in}

#busy {position:fixed; left:50%; top:50%; z-index:200; visibility:hidden;}
#busy img {position:relative; left:-50%; top:-50%}

.action:hover {cursor:pointer; cursor: hand}

.bio p {margin-bottom:1em}

.exhibits dt {float:left}
.exhibits dd {margin-left:7em; margin-bottom: 1em}
.exhibits h2 {margin-bottom: 1em}

.contact h2, h3 {margin-bottom: 1em}