*, *::before, *::after {
      box-sizing:border-box;
      font-family:inherit;
   }

   body { 
      height:100%;
      width:100%;
      margin:0 0 0 0;      
      background-color:white;
      border-top:5px #C17913 solid;      
      padding-left:0px;
      padding-right:0px;
      padding-top:40px;
      padding-bottom:20px;
      
      font-family:Verdana,sans-serif; /* default for site */
      font-size:14px;
      line-height:24px;
   }


/* Basic Font Control */

   a       { color:#3778e9; text-decoration:none; }
   a:hover { text-decoration:none; }
   a img   { border:none; }
   
   
   p, div.p { 
   
      margin-bottom:10px; 
      
   } /* no particular spacing implied */
   
   figcaption {
      
      font-family:Tahoma;
      font-size:12px;
      letter-spacing:1px;
      line-height:24px;
      color:#333333;
      
      background-color:#F9F9F9;
      padding:10px;
      padding-left:20px;
      padding-right:20px;
      border-radius:5px;
      
   }
   
   hr { 
      background:#C17913;
      color:#C17913;
      border-color:#C17913;
      margin-top:20px; 
      margin-bottom:20px; 
      height:4px; 
      border-radius:4px; 
      display:block;  
   }
   
   li { padding-bottom:6px; }
   
   .underline { text-decoration:underline; }
   .italic    { font-style:italic; }
   .bold      { font-weight:bold; }
   
   .tiny         { font-size:10px; }
   .xsmall       { font-size:11px; letter-spacing:0.5px; }
   .small        { font-size:12px; }
   .medium       { font-size:14px; }
   .large        { font-size:17px; }

   .gray,.grayed { color:#666666 !important; }
   .grayer       { color:#cccccc; }
   
   .display_none  { display:none; }
   .display_block { display:block; }
   
   .black { color:black; }
   
   .commented {
      
      display:inline-block;
      
      font-family:Georgia;
      font-size:14px;
      font-weight:bold;
      background-color:#51be63;
      color:white;
      
      width:min-content;
      text-align:center;
      position:absolute;
      top:3px;
      right:0px;
      padding-left:6px;
      padding-right:6px;
      border-radius:3px;
   }
      .commented a { color:white; text-decoration:none; }
   .responded { 
   
      display:inline-block;
   
      font-family:Georgia;
      font-size:14px;
      font-weight:bold;
      background-color:#f2c268;
      color:white;
      
      width:min-content;
      text-align:center;
      position:absolute;
      top:3px;
      right:0px;
      padding:0px;
      padding-left:5px;
      padding-right:5px;
      border-radius:3px;
   }
      .responded a { color:white; text-decoration:none; }
   
   div.littles    { float:right; }
   div.littles a  { color:gray; font-size:x-small; font-variant:small-caps; }
   

/* index */	

   img#rss_btn { position:absolute; top:20px; right:12px; }
   div#rss_info {
      width:250px; 
      display:none;
      border:2px #F1F1F1 solid;
      padding:8px;
      color:black;
      font-size:12px;
      text-align:center;
      line-height:20px;
      margin-bottom:50px;
   }
      div#rss_info a       { font-weight:bold; color:black; text-decoration:none; }
      div#rss_info a:hover { color:orange; }
      
   div#cart_info {
      display:none;
      width:300px; 
      
      position:fixed;
      top:150px;
      z-index:99;
      margin-left:-30px;

      border:2px #3778e9 solid;
      background-color:white;
      border-radius:10px;
      padding:14px;
      color:black;
      font-family:Georgia,sans-serif;
      font-size:16px;
      font-variant:small-caps;
      letter-spacing:2px;
      text-align:center;
      line-height:20px;
      margin-bottom:50px;
   }
   
   img#contents         { position:relative; margin-bottom:-16px; z-index:1; }
   img#featured         { position:relative; margin-bottom:-16px; z-index:1; }
   img#JL_photo         { margin-bottom:25px; border-radius:7px; } /* in bio section */
   img#search_btn       { float:right; border:none; }
   img#site_logo        { margin-bottom:20px; }
   img#santa_cruz       { border-radius:7px; margin-bottom:20px; opacity:0.9; }
   img#feature_thumb    { margin-bottom:10px; border-radius:10px; max-width:190px; }
   img#casting_darts    { margin-top:-25px; margin-bottom:20px; }
   img#conspiracy       { margin-top:10px; margin-bottom:15px; border-radius:8px; }
   img#heavy_planet     { width:227px; margin-top:15px; margin-bottom:20px; }
   img#in_these_parts   { border-radius:5px; width:223px; outline:2px black solid; margin-top:10px; margin-bottom:20px; }
   img#history_ofthe_future { margin-top:10px; }
   img#gibbon           { margin-top:10px; }
   div#gibbon_caption   { margin-top:0px;
      width:88%; 
      padding:4px; 
      background-color:#272727;
      border-radius:10px;
      color:#F1F1F1;
      font-family:Georgia;
      font-variant:small-caps;
      font-size:16px;
      letter-spacing:0.5px;
      margin-bottom:10px;
   }     
      div#gibbon_caption a { color:white; }
   img#upon_the_earth   { margin-top:30px; margin-bottom:30px; }
   img#plantation       { margin-left:12px; margin-top:0px; }
   img#combat_space     { margin-left:25px; margin-top:20px; margin-bottom:30px; }
   img#mayhem_usa       { margin-right:0px; margin-top:-30px; margin-bottom:20px }
   img#man_cave         { margin-top:10px; margin-bottom:30px }
   img#btg              { margin-top:20px; margin-bottom:20px; }
   img#last_logo        { margin-top:20px; }
   input#view_btn       { margin-top:5px }

   
   table#main { margin-left:30px; margin-right:30px; }
   td.display_left  { 
      padding-right:25px; 
      width:680px;
      max-width:680px;
      /* overflow-x:hidden; */
   }
   td.display_right { 
      width:1px; 
      margin-left:10px; 
      margin-bottom:20px; 
   }   

   div#main {
      width:1000px; 
      text-align:left;
   }
   

   div#nav_panel div, div#nav_panel img { display:block; }
   
   
   
   div.box {
      margin-top:0px;
      color:#666666;
      font-size:12px;
   }
   
   div#rando_comment {
      font-family:Georgia,serif;
      font-size:18px;
      line-height:28px;
      margin-bottom:30px;
      padding-left:40px;
      padding-right:40px;
      padding-top:10px;
      padding-bottom:15px;
      text-align:right;
      word-spacing:3px;
      letter-spacing:0.5px;
   }
   div#rando_comment:first-letter { font-size:26px;padding-right:1px; }
   
   div#rando_author {
      font-family:Georgia,serif;
      font-size:18px;
      color:#333333;
      margin-top:20px;
      
   }
      
   div.guide1 { /* "Contents" */
   
      display:inline-block;
      font-family:Verdana,sans-serif;
      font-size:14px;
      text-align:left; 
      margin-bottom:20px; 
      border:1px #FAC376 solid; 
      border-bottom:5px #FAC376 solid; 
      padding:8px; 
      padding-left:4px;
      padding-bottom:0px;
      
      font-size:normal;
      width:240px;
   }
      div.online_writing_label {
         font-size:x-small;
         letter-spacing:2px;
         font-variant:small-caps;
         margin-bottom:2px;
      }
      
      span.small-caps { font-variant:small-caps; }
      
      div.options {
         padding:10px;
         padding-left:10px;
         padding-right:10px;
         font-size:13px;
         font-family:Georgia,serif;
         font-weight:bold;  
         line-height:23px;
      }
         div.options a       { color:#FA7D00; text-decoration:none; }
         div.options a:hover { color:black; text-decoration:none; }
         
         img.ext_site {
            display:inline-block;
            position:relative;
            top:4px;
            margin-top:-10px;
            opacity:0.6;
         }
         
      div.online_writing_container {
         padding:5px;
         padding-left:10px;
         padding-right:10px;
         background-color:#F9F9F9;
         font-size:13px;
         font-family:Georgia,serif;
         font-weight:bold;
         line-height:23px;
      }
         div.online_writing_container a { color:#d45151; text-decoration:none; }
         div.online_writing_container a:hover { color:black; text-decoration:none; }
   
      select#t { width:100%; margin-top:8px; background-color:white; padding:3px; }
   
      
      div.special_mode {
         margin-top:5px;
         border-top:1px #F1F1F1 solid;
         padding-top:5px;
         font-family:Georgia,serif;
         font-size:normal;
         color:#333333;
      }
      div.special_mode a { 
         color:#697e8b; 
      }
      
   div.podcasts { /* these are in the sidebar, never renamed _sidebar , etc. */    
   
      margin-top:10px;
      margin-bottom:25px;

   }
      div.podcasts a { color:#333333; } /* color:#00bd4b; } */
      div.podcast { 
         background-color:white;
         font-family:Verdana,sans-serif;
         font-size:11px;
         line-height:12px;
         margin-bottom:15px;
         text-align:center;
         width:240px;
      }
      div.podcast img {
         border-radius:10px;
         height: 100%;
         width: 100%;
         margin-bottom:4px;
      }
    
   div.podcast_page { /* these are available under podcasts */
      
      margin-top:10px;
      text-align:center;
      overflow:visible;
   }

      div.podcast_fullsize {
         
         text-align:left;
         margin-top:25px;
         margin-bottom:25px;
         font-family:Verdana,sans-serif;
         font-size:12px;
         line-height:20px;
         color:black;
         display:flex;
         justify-content:center;
         width:100%;

      }
      div.podcast_fullsize_orphan {

         margin-top:25px;
         margin-bottom:25px;
         font-family:Verdana,sans-serif;
         font-size:11px;
         line-height:20px;
         color:black;
         border:1px #cccccc solid;
         border-radius:15px;
         padding:20px;
         text-align:left;
      }
         div.podcast_fullsize img {          
            border-radius:10px; 
            width:230px;
            margin-right:20px;
         }   
         div.podcast_fullsize_video_title, div.podcast_title {
           
            font-family:Verdana,sans-serif;
            font-size:14px;
            padding-bottom:2px;
            border-bottom:1px #cccccc solid;
            margin-bottom:5px;
         } 
         span.channel_title { font-variant:small-caps; color:brown; }
         span.pub_display { 
            font-family:monospace;
            font-size:12px; 
            color:#666666;
         }
         span.podcast_display { 
            color:#c46060; 
            font-family:Verdana,sans-serif;
            font-size:14px;
         }
         div.podcast_fullsize_img { order:1; }
         div.podcast_fullsize_data { order:2; flex-grow:3; font-size:inherit; line-height:inherit; }
      
         div.paginator_top {
            
            width:100%;
            line-height:35px;
            font-family:Georgia;
            font-size:x-large;
            margin-top:25px;
            margin-bottom:50px;
            
         }
         div.paginator_bottom {

            width:100%;
            line-height:35px;
            font-family:Georgia;
            font-size:x-large;
            margin-top:25px;
         }
         .podcast_menu {
            font-family:Verdana,sans-serif;
            font-size:14px;
            font-variant:small-caps;
            letter-spacing:0px;
         }
            .podcast_menu a { text-decoration:none; }
         div.podcastrow {

            text-align:left;
         }
            

   div.guide2 { /* "Featured" */
   
      display:inline-block;
      font-family:Verdana,sans-serif;
      font-size:14px;
      text-align:left; 
      border:1px #1396C1 solid; 
      border-bottom:none; 
      padding:8px;
      font-size:inherit;
      width:240px;
   }
      div.guide2   a       { color:#1396C1; text-decoration:none; }
      div.guide2   a:hover { color:#1EBDF1; }    
      div.guide2b { /* "Featured" footer */
         width:240px;
         padding-left:8px;
         padding-right:8px;
         text-align:center; 
         margin-bottom:20px; 
         border:1px #1396C1 solid; 
         border-top:none; 
         font-size:10px;
         color:black; 
         background-image:url(https://www.jameslafond.com/img/bgtile4.gif); 
         background-repeat:repeat;
      }
      ul.guide li { 
         margin-left:-5px;
         font-size:12px; 
      }
   
      div.featured { /* Wraps feature thumb & title */
         margin-bottom:10px; 
         font-size:12px;
         padding-top:10px;      
         padding-bottom:5px; 
         border-bottom:1px #1396C1 solid; 
         line-height:20px;
         color:black;
      }
         div.featured img { margin-bottom:5px; }
         div.featured_title {
            font-family:Georgia,serif;
            font-size:18px;
            padding-top:10px;
            padding-bottom:8px;
            color:#1396C1;
         }
         div.featured_subtitle {
            font-family:Georgia,serif;
            font-size:14px;
            line-height:20px;
            color:#1396C1;
         }         
         div.summary { 
            font-family:monospace;
            font-size:12px;
            line-height:18px;
            margin-bottom:15px; 
            text-align:center; 
            padding-left:5px; 
            padding-right:5px;
         }   
   
   div.timeline {
      
      display:grid;
      grid-template-columns:1fr 1fr 1fr;
      
      color:#526471; 
      
      margin-top:25px; 
      margin-bottom:25px; 
      
      font-family:Verdana; 
      font-size:14px;
      
      border-radius:6px;
      border:1px #c7d6e5 solid;
      padding:4px;
      
      background-color:white;
      background-image:url(https://www.jameslafond.com/img/bg_tile_05.png);
      background-repeat:repeat;
   }
      div.timeline a { color:#1f77c0; font-weight:bold; }
      div.timeline a:hover { color:black; }
      
      div.timeline_cell {
         text-align:center;
         padding-left:5px;
         padding-right:5px;
      }
   span.chosen {
      text-decoration:underline;
      text-underline-offset:4px;
      text-decoration-color:#0c77c7;
   }
   span.unavailable {
      color:#c7d6e5;
   }
   div.footer {
      margin-top:100px;
      font-family:monospace;
      font-size:8px;
      letter-spacing:2px;
      color:gray; 
   }



/* agonistics */

   div#video {
      width:640px;
      overflow:hidden;
      margin-bottom:20px;
   }
   
   div#description_short {
      text-align:justify;
      vertical-align:top;
      font-size:13px;
      line-height:20px;
      
   }
      img#agon_logo {
         float:left;
         margin-right:15px;
         margin-bottom:5px;
      }
      
      div#video_catalog { /* container */
         display:inline-block;
      }
      
         div#video_list_label {
            text-align:right;
            padding-bottom:10px;
            font-size:x-small;
            letter-spacing:2px;
         }
         
         div#video_list {
            height:250px;
            width:300px;
            max-height:200px;
            overflow-x:hidden;
            overflow-y:auto;
            padding-top:6px;
            border-top:1px #C17913 solid;
            font-size:10px;
            text-align:left;
         }
      
   div#description_long {
      width:100%;
      text-align:justify;
      line-height:16px;
      margin-top:20px;
      margin-bottom:20px;
      display:inline-block;
   }
   
      div#afv_container{
         
         text-align:left;
         margin-top:25px;
         padding-top:15px;
         padding-bottom:15px;
         padding-left:20px;
         padding-right:20px;
         border:1px #cccccc solid;
      }
      
         img#afv_icon {
            display:inline-block;
         }
         
         div#afv_download_info {
            display:inline-block;
            font-size:12px;
            line-height:16px;
            padding:7px;
         }

	div#agon_articles, div#agon_articles_without_intro { 
   
      display:flex;    
      flex-direction:row;
      flex-wrap:wrap;
      justify-content:space-between;
      align-items:flex-start;
   }
      div#agon_articles_without_intro {
         
         margin-top:-20px;
      }
      div.agonard { /* Agonistics / Condensed View / article or video */
      
         text-align:left;
         width:100%;
      }
         span.sub_display {
         
            padding-left:5px;
            font-size:12px;

         }
         span.yt_display { 
            background-color:#c92e2e; 
            font-family:Verdana,sans-serif;
            font-size:12px;
            font-variant:small-caps;
            letter-spacing:0px;
            padding:1px;
            padding-left:3px;
            padding-right:3px;
            border-radius:5px; 
            color:white;
         }
      div.agonite { /* Agonistics / Regular View / articles */

         text-align:left;
         font-size:12px;
         line-height:20px;
         width:300px;
         border:1px #cccccc solid;
         border-radius:10px;
         padding:10px;
         margin-bottom:15px;
      }
         span.agonite_header_inside { font-size:14px; }

/* FetchArticles() */

   div.pindex_posting {
      border-top:1px #cccccc solid;
      padding:8px;
      margin-bottom:5px;
      margin-top:5px;
      text-align:left;
      position:relative;
   }
      div.pindex_posting a, div.posting_pinned a { color:#377df0; text-decoration:none; }

   div.posting, div.posting_with_video, div.posting_shortie, div.posting_pinned {
      
      border-top:1px #cccccc solid;      
      padding:8px;
      padding-top:6px;
      margin-bottom:10px;
      margin-top:5px;      
      text-align:left;
      position:relative;
   }
      div.posting_with_video {
         background-image:url(https://www.jameslafond.com/img/site.icon.video.jpg);
         background-position:top right;
         background-repeat:no-repeat;
      }
      div.posting_linear { /* smallest of them all (300 lines per page) */
         
         font-family:Verdana;
         font-size:11px;
         padding:0px;
      }
      div.posting a, div.posting_with_video a, div.posting_shortie a, div.posting_linear a { 
      
         color:#f38710; 
         text-decoration:none; 
      }
      div.posting_shortie { /* middle size (120 lines per page) */
      
         font-family:Verdana,sans-serif;
         font-size:13px;
         line-height:20px;
         
         padding:2px;
         margin-left:10px;
         margin-bottom:2px;
         border:0px;
      }
      div.posting a:hover, div.posting_with_video a:hover { text-decoration:underline; }
      div.posting_stats a:hover, div.posting_tags a:hover { color:black; text-decoration:none; }      
      .publish_date { font-family:monospace; }
      div.posting_rss a {

         color:#45a986;
      }
      

	div.price             { float:right; font-size:12px; color:gray; }   
	div.posting_title     { 
      text-align:left; 
      font-family:Georgia,serif; 
      font-size:18px;
   }
	div.posting_subtitle  {
      text-align:left;
      font-family:Verdana,sans-serif;
      font-size:14px;
      line-height:20px;
      margin-top:2px;
      color:black; 
      font-style:italic; 
   }
	div.posting_stats, div.posting_tags { 
      text-align:left;
      font-family:Verdana,sans-serif;
      font-size:11px; 
      line-height:20px;
      margin-top:3px;
      color:#796749;
   }
      div.posting_stats a, div.posting_tags a { color:#796749; }
      
   img.tag_book {
      border-radius:10px;
      max-height:120px;
      margin-left:10px;
      margin-right:10px;
      margin-bottom:7px;
      filter: saturate(0%);
   }

   img.tag_book_casting_darts {
      border-radius:10px;
      max-height:150px;
      margin-left:15px;
      margin-right:15px;
      margin-bottom:7px;

      border:1px #301e08 solid;
      box-shadow: 4px 4px 2px #301e08;
   }
   
   div.gratis_copy {
      
      width:140px;
      height:180px;
      border-radius:10px;
      margin-bottom:35px;
      
      background-image:url(https://www.jameslafond.com/img/features/ender_thumb.jpg);
      background-repeat:no-repeat;      

      border:1px #301e08 solid;
      box-shadow: 4px 4px 2px #301e08;
      
      padding:10px;
      
      overflow:hidden;
      font-size:33px;
      line-height:40px;
      word-wrap:normal;
      color:#c20000;
      font-family:Georgia,serif;
      font-weight:bold;
      font-style:italic;
   }
   
   


	
/* Links */

   div.link {
      display:inline-block;
      background-color:white;
      background-image:url(https://www.jameslafond.com/img/bgtile_mayan.png);
      background-repeat:repeat;
      border:1px brown solid;
      border-radius:15px;
      padding:15px; 
      margin-top:10px; margin-right:10px; margin-left:10px; margin-bottom:10px;
      text-align:center;
      font-size:inherit;
      max-width:300px;
   }
      div.link a { color:#d45d3c; text-decoration:none; font-variant:small-caps; }

/* Bio, Agonistics, Store */

   div.header, div.category, div.store_category, div.page_box div.header {
      
      text-align:center;      
      font-weight:normal;
      color:#333333;      
      font-family:Georgia,sans-serif;      
      font-size:18px;
      font-variant:small-caps;
      letter-spacing:2px;
      line-height:28px;      

      margin-top:30px; 
      margin-bottom:30px;

      margin-left:10%;
      margin-right:10%;
      border-bottom:1px gray solid;      
   }
      div.store_category {

         border:none;
      }
      div.page_box div.header { /* nl2br() creates a lot of <br>'s around the header */
         margin-bottom:-10px;
      }
      div.category {      

         margin-bottom:50px;
         border-bottom:0px;      
      }   
      div.page_box { 
         font-family:Verdana,sans-serif;
         font-size:13px; 
         line-height:22px; 
         text-align:justify; 
         margin-bottom:40px; 
      }
      div.page_box li:hover { font-size:normal; color:black; }
      
   ul span.bold          { color:black; padding-right:10px; }


 
/* Store */

   div.big_msg {/* success, cancel, etc */
      
      margin-top:20px; 
      margin-bottom:50px; 
      
      font-family:Georgia;
      font-size:15px; 

      color:black; 
      line-height:24px;
      
      border:1px #cccccc solid;
      border-radius:20px;
      padding:40px;
   }

   div.category_hidden {
      display:none;
   }   

   /* original storefront */   
   img.feature_thumb { 
      border-radius:8px;
      float:left;
      margin-right:20px;
      margin-bottom:5px;
      max-width:160px;
   }
   div.feature_summary { /* bookstore listings */
      padding:15px;
      padding-right:0px;
      font-family:inherit;
      font-size:inherit;
      letter-spacing:-0.5px;
      text-align:justify; 
      color:#333333;
   }

   /* new storefront */

   div.cartHeader {
      background-color:#3778e9;
      padding:3px;
      text-align:center;
      font-family:Verdana,sans-serif;
      font-size:11px;
      font-variant:small-caps;
      color:white;
      letter-spacing:2px;
   }
      div.cartHeader a { color:white; text-decoration:none; }
   div.cartHeaderWhite {
      background-color:white;
      text-align:center;
      font-family:Verdana,sans-serif;
      font-size:14px;
      font-variant:small-caps;
      letter-spacing:0px;
      margin-top:20px;
   }
      div.cartHeaderWhite a { text-decoration:none; }
   div#cart {
      border:1px #3778e9 solid;
      font-family:Verdana,sans-serif;
      font-size:12px;      
      font-variant:small-caps;
      padding:7px;
      margin-bottom:10px;      
      text-align:center;
   }
      div#cartItemsDiv {
         display:block;
         margin-bottom:5px;
      }
         div#cartItemsDiv img {
            display:inline-block;
            max-height:125px;
            max-width:110px;
            border-radius:10px;
            margin-left:2px;
            margin-right:2px;
            margin-top:2px;
            margin-bottom:2px;
         }
      div.shopping_cart_wrapper {
         display:flex;
         justify-content:space-around;
         align-items:baseline;
         
      }
      div.cart_clear_btn { order:1; }
      div.cart_grab_btn  { order:2; }
      div.cart_submit_btn { order:3; }      
      div#cartTotal {
         order:4;
         color:#666666;
         display:inline;
      }
      div#cart input {
         font-family:Georgia,sans-serif;
         font-variant:small-caps;
         font-size:17px;
         color:black;
         letter-spacing:1px;  
         
         padding:8px;
         padding-left:20px;
         padding-right:20px;

         border:1px #3778e9 solid;
         border-radius:10px;
         
         background-color:#FFFFFF;
         background-image:url(https://www.jameslafond.com/img/bgtile4.gif);
         background-repeat:repeat;
         
         margin-top:15px;
         margin-bottom:5px;
      }

   div.all_books_list {
      font-size:14px;
      line-height:26px;
      margin-top:40px;
   }
      div.all_books_list_text {
         padding-left:70px;
      }

   div.product {
      border-top:1px #3778e9 solid;
      padding-top:5px;
      margin-top:10px;
      margin-bottom:10px;
      overflow:hidden;
      display:block;
   }
   
   div.product_condensed {
      font-size:11px;
      margin-bottom:8px;
      font-size:12px;
      display:block;
      overflow:visible;
   }
      a.titledeets {
         text-decoration:underline;
         font-weight:bold;
      }
      a.condensed_view { 
         background-color:#F1F1F1; 
         padding-left:3px;
         padding-right:3px;
         border-radius:5px; 
         color:black; 
      }
   
   div.product_added { 
      color:#666666;
      margin-right:15px;
      margin-bottom:10px;
      display:inline-block;
      padding:7px;
      padding-bottom:10px;
   }
      span.product_added_booktitle { color:black; }
      div.product_added img { 
         position:relative; 
         top:9px; 
         border:1px #cccccc solid; 
         border-radius:5px; 
         display:inline-block;
      }
      div.product_added a { text-decoration:none; color:black; }
      
   img.product_thumb {
      float:left;
      max-height:125px;
      max-width:150px;
      border-radius:5px;
      margin-right:10px;
      margin-bottom:5px;
      }
   div.product_data {
      padding-left:10px;
      padding-top:2px;
      line-height:16px;
   }
         .product_title { font-family:Georgia,sans-serif; font-size:17px; }
         .product_subtitle { font-size:13px; font-style:italic; margin-top:5px; }
      div.product_summary { 
      
         padding:2px;
         font-family:monospace;
         font-size:12px; 
         line-height:16px; 
         margin-top:5px; 
         margin-bottom:2px; 
         color:#2c2c2c; 
         
         
      }
      div.preis { 
         float:right; 
         color:#666666; 
         font-size:11px; 
      }
      div.product_links { 
         font-variant:small-caps; 
         font-size:12px;
         margin-bottom:10px;
         display:inline-block;
      }

   /* feature close-up */
	div.book {
      font-family:inherit;
      font-size:inherit;
      border-top:1px #cccccc solid;
      padding-left:0px;
      padding-top:8px; 
      padding-right:8px; 
      margin-bottom:30px;
      overflow:auto;
   }
	div.book a                { color:#C17913; text-decoration:none; }   
	div.book a:hover          { text-decoration:underline; }   
	div.book div.info         { padding-top:4px; line-height:14px; }	
	div.book span.contact     { font-size:x-small; font-style:normal; color:black; font-weight:bold; padding-right:10px; }
	div.book span.description { font-size:x-small; font-style:normal; }

   img#paypal_pmt_methods {
      margin-top:10px;
      margin-bottom:0px;
   }

   div.bookstore_return {
      margin-top:0px;
      margin-bottom:15px;
      font-variant:small-caps;
      font-family:Georgia,sans-serif;
      font-size:16px;
      color:black;
      font-size:16px;
      letter-spacing:2px;  
   }

   div.product_cart_control {
      margin-top:0px;
      margin-bottom:20px;
   }
      div.pcc,div.pcc2 {
         display:inline-block;
         font-family:Georgia,sans-serif;
         font-variant:small-caps;
         font-size:16px;
         color:black;
         line-height:18px;
         letter-spacing:2px;  
         padding:8px;
         padding-left:30px;
         padding-right:30px;
         margin-right:12px;
         margin-bottom:10px;
         border:1px #cccccc solid; 
         border-radius:10px;
      }
         div.pcc2 {
            font-size:14px;;
            }
      div#pcc_bounce {
         background-image:url(https://www.jameslafond.com/img/bgtile_mayan.png); 
         background-image:repeat; 
         border-color:#FA7D00;
      }
      div#pcc_buynow {
         border-color:#C17913;
      }
    
      div.bookstore_return a, div.product_cart_control a  { color:black; text-decoration:none; }
      div.bookstore_reutrn a, div.product_cart_control a:hover { color:#C17913; text-decoration:none; }
      
   div.product_header {
      font-family:Georgia,"Times New Roman",serif;
      font-size:18px; 
      color:black; 
      padding:10px; 
      padding-left:15px; 
      padding-right:15px; 
      border:1px #C17913 solid; 
      background-image:url(https://www.jameslafond.com/img/bgtile_mayan.png); 
      background-image:repeat; 
      line-height:24px; 
      margin-bottom:20px;
   }  
   div.product_price {
      font-size:inherit;
      float:right;
      font-family:inherit;      
      font-size:14px; 
      margin-left:15px; 
      margin-bottom:15px; 
      color:black;
   }
   div.product_moreDetails {
      font-family:Georgia,"Times New Roman",serif;
      font-size:14px; 
      color:black; 
      line-height:24px; 
      margin-bottom:20px;
      text-align:center;
      overflow-x:hidden;
   }      
      div.product_moreDetails img {
         max-width:100%;
      }
   
   div.product_info { 
      font-size:14px; 
      line-height:26px; 
      margin-bottom:10px; 
      margin-top:10px; 
      text-align:justify;
   }
      div.product_info div.p { 
         /*font-family:inherit; 
         font-size:13px; */
         line-height:25px; 
      }
      div.product_info img { margin-bottom:20px; }
   
   img.product_extra, a img.product_extra {
      border-bottom:3px #FFFFFF solid;
      border-top:3px #cccccc solid;
      padding:5px;
      padding-left:0px;
      padding-right:0px;
      margin-bottom:10px;
   }   
   a:hover img.product_extra {
      border-bottom:3px #C17913 solid;
      border-top:3px #FFFFFF solid;
      padding:5px;
      padding-left:0px;
      padding-right:0px;
      margin-bottom:10px;
   }

   div.paypal {
      font-family:inherit;
      margin-bottom:20px;
   }
      img.buynow { display:inline; margin-bottom:-8px; }
      div.buynow_msg { 
         font-family:inherit; 
         font-size:12px; 
         background-color:#e4a822; 
         color:white; 
         padding:4px; 
         text-align:center; 
         border-radius:10px; 
         margin-left:20px; 
         margin-top:-25px;
         display:inline;
      }
      div.paypal_continue_shopping {
         margin-top:20px;      
         font-family:inherit;
         font-size:12px; 
         color:black;
         padding:5px;
         border:1px #e4a822 dashed;
         padding:10px;
      }
         img.contshop { float:right; padding-left:5px; border-bottom:1px #cccccc solid; }
   
   div.product_info a       { color:#C17913; text-decoration:underline; }
   div.product_info a:hover { color:black; text-decoration:none; }  
   
      div.product_des_short { 
      
         background-color:#F9F9F9; 
         padding:15px;
         border:1px #cccccc solid;
         border-radius:10px;
      }

   div.review_block, div.faq_block { 
      border:5px #F1F1F1 solid; 
      padding:20px; 
      padding-bottom:10px; 
      margin-right:20px; 
      margin-top:40px; 
      font-family:inherit;
      font-size:12px; 
      text-align:justify;
   }
      div.review_block img {
         margin-left:-3px;
         margin-bottom:25px;         
      }
      div.fag_block img {
         margin-left:-3px;
         margin-bottom:40px;
      }
      div.question {
         font-family:inherit;
         font-size:12px;
         margin-top:20px;
         margin-bottom:10px;
         padding-bottom:5px;
         border-bottom:1px #F1F1F1 solid; 
         color:#A2341E;
      }
      div.answer   { font-family:inherit; font-size:12px; margin-bottom:30px; text-align:justify; }
      div.answer a { color:#C17913; }
      img#pdf { float:right; margin-bottom:15px; margin-left:15px; } 



/* search */

   div.search_box { text-align:center; padding-top:20px; }

   span.keyword { font-weight:bold; color:black; }
   
   input.keywords { 
      font-size:20px; 
      padding:10px; 
      text-align:center; 
      background-image:url(https://www.jameslafond.com/img/bgtile6.png);
      background-repeat:repeat;
   }
   
   input.submit { margin-bottom:20px; }
   
   .justify { text-align:justify; }
   
   .keyword_found { font-weight:bold; color:black; }
 
   .matching_articles { margin-bottom:100px; display:inline-block; }

   div.searchCriteria {
      font-size:11px;
      line-height:18px;
      border:1px #FAC376 solid;
      border-top-width:0px;
      margin-bottom:20px;
   }
   
   span.count {      
      font-size:x-small;
      color:red;  
   }
     
   div.match
   {
      margin-bottom:20px;
      padding:15px;
      line-height:22px;
      font-size:12px;
      background-image:url(https://www.jameslafond.com/img/bgtile_mayan.png);
      background-repeat:repeat;
      border:5px solid white;
      outline:1px solid #FAC376;      
   }
   
   .match_sample
   {
      font-size:x-small;
      line-height:inherit;
   }
   


/* stats */

   div#stats_intro {
      
      margin-bottom:20px;
      
   }

   div.readout {
      font-family:"Courier New",monospace;
      color:#824545;
      font-size:16px;
      font-weight:bold;;
      padding-left:5px;
   }
   
   div.chart {
      width:100%;
      display:inline-block;
      white-space:nowrap;
      overflow:auto;
      padding:10px;      
      background-color:#a5a288;
      background-image:url(https://www.jameslafond.com/img/bgtile8.png);
      border-radius:20px;
   }
   
   img.columns { 
      margin-left:-1px;
      margin-right:0px;
      padding-left:0px;
      padding-right:0px;
      width:5px;
   }

   div.stat_container {
      margin-top:25px; 
      display:flex;
      justify-content:space-around;
      flex-wrap:wrap;
   }
   
   div.stat {
      padding:20px;
      font-family:Georgia,serif;
      font-size:16px;
      line-height:26px;
      color:gray;
      text-align:center;
      border:2px #ddd5bc solid;
      background-color:#a5a288;
      background-image:url(https://www.jameslafond.com/img/bgtile8.png);
      margin-top:10px;
      margin-bottom:10px;
      margin-left:10px;
      margin-right:10px;
      width:175px;
      display:inline-block;
      border-radius:20px;
   }
      span.perc { 
         font-family:Verdana,sans-serif; 
         font-size:x-large; 
         color:black; 
         line-height:40px;
      }