<!--

   @import url("std.css");

   @media print
   {
      body,div,p { color:black !important; }

      body, div#article, div.p {
         font-size:10px !important;
         line-height:22px !important;
      }      
      body { 
         border:none !important; 
         margin-top:none !important;
         margin-left:none !important;
         margin-right:none !important;
         padding:none !important;
      }
      div#article_container {
         margin-left:0px !important;
         margin-right:0px !important;
      }
      div#article_header {
         font-size:20px !important;
         width:100% !important;
         background-image:url(https://www.jameslafond.com/img/bgtile_feathers.png) !important;
         background-repeat:repeat !important;   
         padding:0px !important;
         margin-bottom:20px !important;
      }
      div#article { 
         width:100% !important; 
         padding:20px !important;
         border-color:white !important;
         
      }
      div.p {
         text-indent:20px !important;
         margin-top:0px !important; 
         margin-bottom:0px !important; 
      }
      
      div.inline_link {

         max-width:100% !important;
         width: auto !important;
         
         background-color:white !important;
         border-color:white !important;
         padding-left:0px !important;
         
         margin-top:10px !important;
         margin-bottom:10px !important;
         font-weight:normal !important;
         
         /* Wrapping */
         
         white-space:normal !important;
         overflow-wrap: break-word !important;
         word-wrap: break-word !important;
         hyphens: auto !important;

      }
      div.inline_link a { color:blue !important; }
      
      .no-print { display: none !important; height: 0; }
      .no-print, .no-print *{ display: none !important; height: 0; }       

   } 

   body {
      height:100%;
      width:100%;
      background-color:white;
      text-align:center;
   }

   p, div.p, div#article  { /* font control */
      color:black;
      font-family:Verdana,sans-serif;
      font-size:medium;
      text-align:justify;
      letter-spacing:normal;
      line-height:32px;
   }
   
   img.article-rel {
      max-width:100%;
      display:block;
      margin:auto;
   } 
  
   div.p, p {  /* article-pr.css has an indent */
      text-indent:0px;
      margin-bottom:20px;
   }
     
   div#article_container {
  
      min-width:500px;
      max-width:1000px;   
      
      margin-left:75px;
      margin-right:75px;
      
   }
   
   div#top_logo {
      margin-bottom:20px;
   }

   div#article_header { 
  
      width:100%;
      text-align:left;
      background-image:url(https://www.jameslafond.com/img/bgtile_feathers.png);
      background-repeat:repeat;   
      padding:0px;
      margin-bottom:40px;
   }   
      div#tab_options { 
         width:100%;
         background-image:none; 
         background-color:white; 
         font-weight:normal; 
         display:flex;
         justify-content:flex-end;
         flex-wrap:wrap-reverse;
         gap:4px;
         padding-bottom:4px;
      }
         div.more_from {
            padding-right:10px;
            padding-top:8px;
         }
         div.tab { 
            font-family:Verdana,sans-serif;
            background-color:#f9f2e7; 
            font-size:10pt;
            line-height:24px;
            padding:10px; 
            border:1px #D9C6AA solid;
            border-bottom-color:white;
            margin-left:4px;
            margin-right:4px;
         }
         div.tab:hover { font-size:inherit; background-color:white; border:1px brown solid; }
         div#tab_options a { color:#E29323; font-variant:small-caps; }
         div#tab_options a:hover { color:black; text-decoration:none; }
      div#title {
         border:1px #D9C6AA solid;
         border-bottom-width:0px;
         
         padding:35px;
         padding-bottom:10px;
         
         font-family:Georgia,serif; 
         font-size:18pt;
         color:#53370D; 
         font-weight:bold; 
      }
      div#subtitle {
         border:1px #D9C6AA solid;
         border-top-width:0px;
         
         padding:35px;
         padding-top:15px;
         padding-bottom:25px;
         
         font-family:Georgia,serif; 
         font-size:14pt; 
         color:#342E25; 
         font-weight:bold; 
      }
      div#publication_info { 
         width:100%;
         background-image:none; 
         background-color:white;      
         font-weight:normal; 
         
         display:flex;
         justify-content:space-between;
      }
         div.pubinfo { /* also used beneath <div id="article"> inside <div id="article_ */
            background-image:none;
            background-color:white;
            font-family:Verdana;
            font-size:8pt;
            letter-spacing:1.5px;
            color:#D9C6AA;            
            padding:10px;
         }
         div#pubcell1 { order:1; text-align:left; } /* (c) YEAR Author */
         div#pubcell2 { order:2; text-align:right; } /* Published: Dec 10, 2022 */
         
         
   div#article {
      /* font control at top of file */
      
      width:100%;
      padding:50px;
      border:1px #D9C6AA solid;
      
      max-width:850px;
      margin-bottom:0px;    
   }

   div#article_footer {
      /* is stilled with class='pubinfo' */
      margin-bottom:60px;
   }
   
   
   /* Legacy support */
      div#article p.small { font-size:10pt; }
      div#article p.no-indent { text-indent:0px; }
      a.in_article { font-size:8pt; color:#E35E3F; text-decoration:none; font-weight:bold; }
      a.in_article:hover { text-decoration:none; color:black; }
      h2,h3 { font-size:16pt; font-family:Verdana,sans-serif; font-weight:bold; }
   /* end Legacy support */
   
   
   div.inline_link {
      background-color:#F9F9F9;
      font-family:monospace,sans-serif;
      font-size:inherit;
      font-weight:bold;

      vertical-align:middle;

      display:inline-block;      
      overflow:hidden;
      white-space:nowrap;
      border:1px #cccccc solid;
      text-indent:0px;
      text-align:left;
      
      
      padding:10px;
      padding-top:5px;
      padding-bottom:5px;
      max-width:80% !important;
      min-width:300px !important;
      width: auto !important;
      height: auto !important;      
      color:#666666;     

      /* margin-bottom:-10px !important; vertical-align:center; */
      
   }
      div.inline_link a {
         color:#E35E3F;
         font-size:inherit;
         text-decoration:none;
      }
      div.inline_link a:hover {
         color:#E35E3F;
         font-size:inherit;
         text-decoration:underline;
      }



   hr { border-top:2px #C17913 solid; margin-top:40px; margin-bottom:40px; }
   
   span.small-text { font-size:x-small; color:#C17913; }
   
   span.ref { 
   
      font-family:Georgia,serif;
      letter-spacing:0px;
      font-size:14pt; 
      font-weight:bold; 
      /* font-style:italic; */
      border-bottom:1px #cccccc solid;
      padding-bottom:1px;
   }

   span.ref a:hover { text-decoration:none; color:black; }
   
   div.prompt {      
      padding-left:30px;
      border-left:25px #ebba74 dashed;
      margin-right:10%;      
      margin-bottom:50px;
      /* for some reason I can't pull off font control at all inside this div */
   }
   
	div.rating {
      background-image:url(https://www.jameslafond.com/img/site.icon.star.jpg); 
      background-repeat:repeat-x; 
      width:240px; /* exactly 5 stars wide */	   
      height:50px;
   }
   
   div#article_bounce { /* CSS Grid */
      display:flex;
      flex-direction:row;
      flex-wrap:wrap;
      justify-content:center;
      
      margin-bottom:50px;
      padding:10px;
      background-color:#F9F9F9;
      font-variant:small-caps;
      font-family:Georgia,sans-serif;
      color:gray;
      font-size:large;
      letter-spacing:2px; 
      border:1px #F1F1F1 solid;
   }
      div#article_bounce a { color:black; } 
      div#article_bounce a:hover { color:#C17913; text-decoration:none; }      
      div#article_bounce div { 
      
         line-height:32px; 
         
         font-family:inherit;
         font-variant:inherit;
         font-size:inherit;
         font-size:large;
         text-align:center;
         
         padding-left:10px;
         padding-right:10px;
         
      }
      
      div#article_prev { 
         order:1;
      }
      div#article_prev_symbol {
         order:2;
      }
      div#article_group {
         order:3;
      }
      div#article_next_symbol {
         order:4;
      }
      div#article_next { 
         order:5;
      }

   div#suggestions { /* bookstore items */
  
      display:flex;
      flex-direction:row;
      flex-wrap:wrap;
      justify-content:space-around;
      align-items:center;
      
      height:275px;
      overflow:hidden;      
   }    
      
      div.sugg  {
     
         font-family:Verdana,sans-serif;
         line-height:18px;
         color:#30BA74;
         font-size:small;
         font-variant:small-caps;

         margin-left:8px;
         margin-right:8px;
         margin-bottom:100px;
         padding:5px;
         max-height:250px;   
      }
      div.sugg img {
         max-width:140px;
         max-height:200px;
         border-radius:8px;
         margin-bottom:10px;
         margin-left:10px;
         margin-right:10px;
      }
      
   div#comments {
   	border-top:1px #C17913 solid;
      margin-top:40px;
   }
      div.comments_flexbox {
         display:flex;
         flex-direction:row;
         flex-wrap:wrap;
         align-items:flex-start;
         justify-content:space-evenly;
      }
      img.comments_logo { margin-left:-10px; margin-top:-20px; } 

      div#comments_warning {

         color:#a24b4b;
         font-family:Verdana;
         font-size:12px;
         line-height:20px;
         margin-top:10px;
         margin-bottom:20px;
         padding:7px;
         border-radius:5px;
         width:90%;
      }
   
      
   textarea#msg {
      width:100%;
      height:300px;
   }  
   
   div#comment_result { 
      background:#F9F9F9; 
      padding:5px; 
      border:1px gray solid; 
      margin-left:5px;
      margin-bottom:15px;
      margin-top:15px;
   }
   
   div#new_comment {
   	background-image:url(https://www.jameslafond.com/img/bgtile1.gif);
   	background-repeat:repeat;      
		border-left:1px #C17913 solid;   
      border-radius:10px;
      padding:23px;
      padding-top:35px;
      margin-top:25px;
      margin-bottom:25px;
      
      line-height:25pt;
      text-align:left;
      max-width:none;
      min-width:none;
   }   
      div.newComment_container {
         display:grid;
         grid-template-columns: 80px auto;
         grid-template-rows:auto;
         gap:10px;
      }
         /*              <row-start> / <column-start> / <row-end> / <column-end>                */
         
         div.newComment_header { grid-area: 1 / 2 / 2 / last-line ; }
         
         div.newComment_name_title  { 
            grid-area: 2 / 1 / 3 / 2 ; 
            justify-self:end; 
            padding-top:6px; 
         }
         div.newComment_name_input  { grid-area: 2 / 2 / 3 / 3 ; }
         
            div.author_container { 
               width:100%; 
               display:flex; 
            }            
               div.input_cell { grid-area: 1 / 1 / 2 / 2 ; }
               div#remLen1    { grid-area: 1 / 2 / 2 / 3 ; padding:6px; padding-left:10px; }
         
         div.newComment_email_title { 
            grid-area: 3 / 1 / 4 / 2 ; 
            justify-self:end; 
            padding-top:6px; 
         }
         div.newComment_email_input { grid-area: 3 / 2 / 4 / 3 ; }
         
            div.email_container { 
               width:100%;  
               display:flex;
            }            
               div.email_cell { } /* { grid-area: 1 / 1 / 2 / 2 ; } */
               div#remLen2    { padding:6px; padding-left:10px; } /* grid-area: 1 / 2 / 2 / 3 ; */
         
         div.newComment_msg_title   { 
            grid-area: 4 / 1 / 5 / 2 ; 
            justify-self:end; 
            padding-top:6px; 
         }
         div.newComment_msg_input   { grid-area: 4 / 2 / 5 / 3 ; }
         
            div.msg_container { 
               display:flex;
            }            
               div.msg_cell { } /* { grid-area: 1 / 1 / 2 / 2 ; } */
               div#remLen3  { width:30px; padding:6px; padding-left:10px; } /* grid-area: 1 / 2 / 2 / 3 ;  */
         
         div.newComment_submit { grid-area: 5 / 2 / 6 / last-line ;  }
   
	.styled {
		font-family:Verdana,sans-serif;
		font-size:10pt;
      line-height:22px;
		color:black;
		padding:7px;
		border:1px #C17913 solid;
      border-radius:3px;
      background-color:white;
	}
   .restyled {
      font-family:monospace,Verdana,sans-serif; 
      font-size:12pt; 
      color:#C17913; 
   }
   
	.remLen { color:#C17913; font-size:8pt; }	
   
   input.hide { display:none; }

   div.comment, div.reply {
      
      display:inline-block;
   	padding:25px;
   	border:1px #C17913 solid;
      border-radius:10px;
   	margin-top:25px;
   	margin-bottom:15px;
   	margin-left:5px;
   	margin-right:5px;   	
   	font-family:Verdana,sans-serif;
   	font-size:10pt;
   	color:black;
   	line-height:22px;	
      text-align:left;
      min-width:250px;
      max-width:450px;
      overflow:hidden;
   }
   
   td.comment_author {
   	font-family:Georgia,serif;
   	font-size:14pt;
   	font-weight:bold;
   	color:#666666;
      border-bottom:1px gray dotted;
      padding-bottom:3px;
   }
   td.comment_time {
   	font-family:Verdana,sans-serif;
   	font-size:8pt;
   	color:#C17913;	
   }


	table.reply {
		/* margin-top:-20px;	 */
	}
   td.reply {
   	padding-top:5px;
   	border-top:1px #DDB517 solid;
   	font-family:Verdana,sans-serif;
   	font-size:10pt;
   	color:black;
   	line-height:24px;	
   }
   td.reply_author {
   	font-family:Verdana,sans-serif;
   	font-size:10pt;
   	font-weight:bold;
   	color:#DDB517;
   }
   td.reply_time {
   	font-family:Verdana,sans-serif;
   	font-size:8pt;
   	color:gray;	
   }
   
   
   
	/* Custom Code / "BB Code" replacements */

	div.header {
      color:#C17913; 
	   margin-top:50px; 
	   margin-bottom:50px;
	}
   ul li { margin-left:0px; padding:5px; font-size:inherit; text-align:justify; line-height:16pt; } /* overwrite */
	ul li:hover { font-size:inherit; background-color:inherit; margin-top:0px; margin-bottom:0px; } /* overwrite */
   
   div.utube_embed {
       padding-top:20px;
       padding-bottom:20px;
   }
   
   
   
   
   
   
   
   
   /* Most of these are article-relevant... */

   ol.big { color:#ba560d; line-height:30px; font-size:large; }
   p.release_id { color:gray; }
   .scorecard { line-height:25px; color:#49809d; }
   span.book { color:#d2771e; font-weight:bold; }
   p.italic { font-style:italic; }
   p.gray { color:gray; }

   p.quote_speaker {
      font-family:Verdana,sans-serif;
      font-size:8pt;
      padding-left:30px;
      background-color:#F5F5F5;
      border-left:1px #cccccc solid;
      color:gray;
      margin-top:0px;
      margin-left:25px;
      margin-bottom:25px;
   }

   p.quote {
      font-family:Georgia,serif;
      font-size:12pt;
      padding:15px;
      border-left:1px #cccccc solid;
      background-color:#F9F9F9;
      color:#2156AF;
      margin-bottom:0px;
      margin-left:25px;
      margin-top:25px;
   }

   table.list { border:1px #54a9a4 solid; }
   .list th { font-family:Verdana,sans-serif; font-size:10pt; }
   .list td { background-color:#eef9f8; font-family:Verdana,sans-serif; font-size:10pt; }

   p.sermon {
      color:#c1250b;
      margin-left:10px;
      font-family:Georgia,serif;
      font-size:14pt;
      line-height:24px;
      border-bottom:1px #F1F1F1 dashed;
   }

   p.sermon sup {
      font-family:Verdana,Arial,sans-serif;
      color:black;
      font-size:8pt;
      padding-right:5px;
   }

   div.team {
      margin-top:20px;
      margin-bottom:20px;
      padding:10px;
      border:1px #edeae0 solid;
      color:#8a8f3a;
   }

   div.bout {
      margin-top:40px;
      margin-left:20px;
      margin-right:20px;
      margin-bottom:20px;
      border-top:1px green solid;
      padding:10px;
      background-color:#e7ede9;
      color:#17381f;
   }

   div.team b, div.bout b { color:black; }

   div.study {
      margin-left:5px;
      margin-top:30px;
      margin-bottom:30px;
      border:1px #d5d3be solid;
      padding:20px;
      background:#f9f7ed;
      line-height:22px;
   }

   div.substudy {
      border:1px #d5d3be solid;
      margin-left:10px;
      margin-right:10px;
      margin-top:30px;
      margin-bottom:30px;
      padding:10px;
      font-size:10pt;
      line-height:22px;
      background:white;
   }

   div.substudy b { line-height:30px; color:#ae3737; }
   



	/* Kinetic Photo Diary */
   div.kpd {
   	margin-left:50px;
   	width:666px;
   	border:1px #9790A8 solid;
		margin-bottom:50px;   	
   }
   div.kpd img { border:8px #F4F3E9 solid; }
   div.kpd-caption {
   	width:650px;   	
   	font-size:10pt;
   	line-height:16pt;
   	padding:8px;
   	padding-bottom:16px;
   	color:black;
   	background-color:#F4F3E9;
		text-align:justify;	   	
   }
   
   /* Artists Gallery */
   
   div.ArtHighlight {
      background-color:#F1F1F1;
      width:550px;
      padding-top:25px;
      padding-bottom:15px;
      text-align:center;
      font-family:Verdana,sans-serif;
      font-size:10pt;
      border-bottom:1px #cccccc solid;
      margin-bottom:50px;
   }
   
   div.ArtHighlight img {
      border:1px black solid;
      margin-bottom:15px;
   }
   
   /* Fruit of the Deceiver articles (tag) */
   
   div.fotd { /* container */

      margin-bottom:-20px;
   }

   div.fotd_bannerGuide {

      width:618px;
   }
   
   div.fotd_chapterGuide {

      width:618px;

      font-family:Georgia;
      font-size:12pt;
      line-height:18pt;
      background:black;
      color:#d59418;
      text-align:left;

      padding:25px;
      padding-bottom:10px;
   }

   div.fotd_quote {

      width:618px;

      font-family:Georgia;
      font-size:12pt;
      line-height:18pt;
      background:black;
      color:#d59418;
      text-align:left;
      
      padding:25px;
   }
   
   /* id=3463 Murdered Rappers Baltimore 2015 */
   div.mrb15 {
      width:780px;
      margin-bottom:40px;
      border:1px gray solid;
      background:#F1F1F1;
      padding:10px;
   }
   div.mrb15 iframe {
      margin-bottom:10px;
   }
   
//-->