/* for ARC 4.203 gallery      2025 by TN */


/* comment must be done this way, not by two slashes like javascript. */
/* Include this in the head section of the heml page 

       <link rel="stylesheet" href="this_style_sheet_file.css">

   You can override the definition in HTML, by just adding 
   <style> section AFTER calling the the above link.
*/

#body_1    {
  color: white; /* text font color */
  background-COLOR: black;
  margin:  0px;  /* for body, distance from body border to browser edge */
  padding: 0px;  /* for body, distance from div_outer to body border    */
}

a:link    { color: #F99333; }
a:visited { color: #F43311; }
a:hover   { color: #FF6666; } 
a:active  { color: #FF6666; }

#div_outer {
  text-align: center;
  background-color: black;
}

#div_inner {
  width: 1260px;   /* wDO */
  margin: auto     ;
  text-align: left ;
  background-color: black;
}

#div_project_page {
  display: inline-block; 
  width: 1040px  ;
  margin:  0px;
  padding: 0px; 
  background-color: black;
}

#table_project_page {
  margin:  0px;
  padding: 0px;
  border:  0px; 
  display:inline-block ; 
/*  break-after: avoid;     chrome does not see this... */
  background-color: black;
}

#td_drop_list {
  width :208px;        /* wDL */
}


#iframe_drop_list { 
  margin-left: 0px;
  border:none;
  padding-top: 120px; 
  height:700px;
  width :190px;

  overflow: hidden; /* Hides any overflowing content and prevents scrolling */
}

#iframe_header{  
  height:70px ;
  border: 0px ;
  padding-top: 20px;
  width: 1000px;
}

#iframe_footer{
  height: 400px   ;
  overflow: hidden;
  border: 0px     ;
  width: 1000px   ;
}

#td_credit {                  /* # is id-based specification */ 
  width:320px;            /* wCredit */
  padding: 0px 20px; 
  margin : 0px;
  vertical-align:bottom ;
  font-size: 14px;
  color:white;
}

#td_title, #td_brief {    /* wTitle */
  padding-right: 10px
}

#td_small_canvas {
  text-align:center;
  background-color: black ; 
}

#td_big_canvas {
  text-align:center; 
  padding:0px      ;   
  height:400px     ;   
  background-color: black ;
/*  position: relative;
    display: none;     */
}

#td_spacer_h2 {                  /* spacer between big_canvas and thumb_row */
  padding:2px 0px; 
  font-size:6px
}

#span_debug_size {
  color: grey;
}

.td_thumb_row {
  width: 1000px;
  text-align:center;
  vertical-align:top;
}

.img_thumb {
  width: 158px ;
  border: 1px solid grey;
}

/* To craft the thumbnail layout, use below and separate td and img specs. */
.td_thumb_alt {
  border: 1px solid grey;
 }

.img_thumb_1 {
    width: 100px ;  /* 154px fills height */
  }

.img_thumb_2 {
    width: 120px ;
  }

.img_thumb_3 {
   width: 248px ;
 }


.tester {
   color; cyan            ;
   background-color-green ;
   border: 2px solid cyan ;
}


/* end of css style document */