/* Auto-generated by webalbumgenerator.py, edits will be lost */
v\:*        { behavior:url(#default#VML); }

body        { font-family: sans-serif; }
#main       { font-size: small; background: #f0f0f0; border: #c0c0c0 solid 1px; }
#navbar td  { padding: 0 1ex; }

/* albums */

#tdalbums td { text-align: center; vertical-align: bottom; padding: 5px; }
#tdalbums .divimg { border: #c0c0c0 solid 1px; padding: 5px; background: white; }
#tdalbums img { border: #c0c0c0 solid 1px; background: white; }
#tdalbums .divtitle { margin: .5em; }


/* index style */

#images div { float: left; margin: 5px; height: 108px; }
#images a img { border: #c0c0c0 solid 1px; }
/*#images div.inner { height: 108px; display: table-cell; vertical-align: bottom; }   NOT WORKING IN IE... */
#tdalbuminfo{ vertical-align: top; text-align: left; }
#albuminfo  { background: white; border: #c0c0c0 solid 1px; padding: 1ex; }
#albuminfo div { margin-bottom: 1em; }
#albuminfo_titlepic { border: #c0c0c0 solid 1px; padding: 5px; text-align: center; }
#albuminfo div div { margin-bottom: .5em; }
.navdiv a         { border: #ffffff solid 1px; text-decoration: none; padding: 2px 3px; margin: 0; }
.navdiv span      { border: #ffffff solid 1px; padding: 2px 3px; margin: 0; }
.navdiv a.navsel  { border: #c0c0c0 solid 1px; background: #f0f0f0; }
.navdiv a:hover   { text-decoration: underline; background: #f0f0f0; }


/* photo style */

#tdimage    { width: 800px; padding: 0 1ex 1ex 1ex; }
#divimage   { width: 800px; height: 600px; display: table-cell; vertical-align: middle; }
#divimage img { border: #c0c0c0 solid 1px; }
#divdivimage { width: 800px; }
#image      { border: #c0c0c0 solid 1px; }
/*#tdimage div  { padding: .2ex 0; }*/
.thumb      { text-align: center; margin: 1ex; width: 160px; }
.thumb img  { border: #c0c0c0 solid 1px; cursor: pointer; }
#copyright  { font-size: x-small; text-align: right; }
#info       { width: 320px; background: white; border: #c0c0c0 solid 1px; padding: 1ex;
              vertical-align: top; text-align: left; }
#info_map   { margin-top: 1em; display: none; }
#map        { border: #c0c0c0 solid 1px; }
#info_bottom{ margin-top: 1em; }
#exif       { height: 20em; width: 300px; overflow: auto; }
.infotable th    { font-size: small; text-align: left; }
.infotable td    { font-size: small; vertical-align: top; }
.infotable td.info_key   { padding-left: 1ex; width: 40% }


/* slide show */
#ssimage                { width: 100%; height: 100%; }
#ssimage #divdivimage   { width: 100%; height: 100%; }
#ssbrowse #ssdivbrowse  { display: none; }
#ssbrowse:hover #ssdivbrowse        { display: block; }