/* IMAGE PREVIEW GALLERY: STYLES - LT DARK */

@import url("../sys/styles_core_table.css");                                       /* essential structural styles */




/* IMAGE PREVIEW GALLERY - COLORS & KEY-SPACINGS __________________________________________________________ */



/* ........................................................................................................ */
/* [1] change the thumbnail spacing, preview frame size or, spacing above/below whole preview gallery */
/* ........................................................................................................ */


div#kpl_ovw_content              { width: 80%; margin-top:10px; margin-bottom: 10px; }   /* MAIN WIDTH */

div#kpl_ovw_thumbnailed-links a  { margin: 2px; }						                      /* THUMBS */

img#kpl_ovw_preview              { border-width: 15px; padding: 10px; }



/* ........................................................................................................ */
/* [2] change the colors to suit the page style containing the preview gallery */
/* ........................................................................................................ */


div#kpl_ovw_content                              { background-color: black; }
div#kpl_ovw_content                   td         { background-color: black; }

div#kpl_ovw_thumbnailed-links a       img        { border-color: black;   }
div#kpl_ovw_thumbnailed-links a:hover img        { border-color: black; }
div#kpl_ovw_thumbnailed-links a:hover img.look   { border-color: #989000; }
div#kpl_ovw_thumbnailed-links a:hover img.link   { border-color: black; }

img#kpl_ovw_preview        { background-color: black;    border-color: #252525; }

div#kpl_ovw_caption        { background-color: #1C1C1C;  border-color: #405040; color: white; 
                             font-weight: normal; text-align: center; 
                             line-height: 80%; }			                               /* caption text */
div#kpl_ovw_caption span   { font-size:   70%; }			                               /* caption text */


div#kpl_ovw_nav a:link         { color: #606060; background-color: black; }
div#kpl_ovw_nav a:visited      { color: #606060; background-color: black; }
div#kpl_ovw_nav a:hover        { color: #EDEDF4; background-color: #404040; border-color: black; }
div#kpl_ovw_nav a:active       { color: white;   background-color: #808000; border-color: #808000; }

/* ........................................................................................................ */