/*
 * File:  photos.css
 * This is the photos style sheet for this site
 */

/* Rotating photo styles */
.rotate-container     { display:flex; flex-flow:row nowrap; justify-content:center; padding-top:10px; padding-bottom:10px; }
.rotate-text          { display:flex; flex-direction:column; justify-content:center; width:400px; }
.rotate-img           { display:flex; flex-direction:row; align-items:center; justify-content:center; width:350px; }
.rotate-animation     { display:flex; flex-direction:column; align-items:center; justify-content:center; width:324px; height:324px; margin:0 auto; position:relative; }
.rotate-animation img { border:3px solid black; opacity:0; position:absolute; }

/* The thm and get tables */
table.photo-thm,
table.photo-get,
table.photo-cluster { background-color:#EEEEEE; border:1px solid black; border-collapse:collapse; margin:0 auto; font-size:8pt; width:100%; }
table.photo-thm td,
table.photo-get td,
table.photo-cluster td { border:1px solid black; border-collapse:collapse; padding:5px 2px 5px 2px; vertical-align:middle; white-space:nowrap; }
table.photo-thm td  { width:20%; }
table.photo-thm th,
table.photo-get th,
table.photo-cluster th { background-color:#DDDDDD; border:1px solid black; border-collapse:collapse; padding:5px; vertical-align:middle; white-space:nowrap; }
img.photo-thm       { border:1px solid #aaa; border-radius:3px; padding:3px; }
img.photo-thm:hover { box-shadow:0 0 3px 3px rgba(0, 140, 186, 0.5); }

/* Display photo styles */
table.display-action          { margin:0 auto; }
table.display-action td       { padding:3px 20px 3px 20px; text-align:center; }
table.display-caption         { margin:0 auto; width:510px; }
table.display-caption td      { color: black; font-family:arial; white-space:nowrap; }
table.display-caption .left   { font-size:10pt; text-align:left; width:25%; }
table.display-caption .center { font-size:14pt; text-align:center; width:50%; }
table.display-caption .right  { font-size:10pt; text-align:right; width:25%; }
.display                      { border:2px solid #222222; margin-bottom:5px; margin-left:auto; margin-right:auto; }