* {
	margin: 0px;
	padding: 0px;
	border: 0;
}

/* 2023 Pantone color of the Year: "Viva Magenta" #bb2649 */
/* Defining CONSTANTS for the colors  */
/* -- using TINTS & SHADES from color-hex.com */
:root {
/*   2023: Pantone's official color "Viva Magenta" #bb2649;  */ 
/* 	alternate- a Pantone Magentaverse color: "Pale Khaki" #bfaf92; */	

	--banner-color: #bb2649; /* Pantone's official color "Viva Magenta"  */ 	
	/* --main-bg-color: #e5ccaf; */  /* a Pantone Magentaverse color: "Gray Sand"  */	 */
	--main-bg-color: #f6b893; */  /* a Pantone Magentaverse 2024 color: "Peach Fuzz"
	
	--h4-text-color: #857a66; 	/* a color-hex variation of the banner color -- 7th shade of black */
	
	--h2-text-color: #FFFEFE;  /*  */
	--h2-text-shadow: #857a66; /* same as h4-tesxt-color */
	
	--mainsect-bg-color:  #FFFEFE;  /*   */ 

	--text-color: #857a66;	    	/* {for a:links} same as H4-text-color */
	--hover-text-color: #bfcad6;   /*  same as banner-color */	
	--red_highlight-color: #857a66;	 /* same as text color */
	
	--tn-border-color: #0F4C81;  /* this doesn't seem to affect the appearance of the thumbnail border */
		/* memo: other colors- #456a30 darkgreen (treetop);   */
}	
/* End of CONSTANT definitions */



h2 {
	font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	font-size: 14px; 
	/* font-weight: 650; */
	color: var(--h2-text-color); 
	text-shadow: 1px 1px 2px var(--h2-text-shadow); 
 	text-align: center;
}
h4 {
	font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	font-size: 11px;
	/* font-weight: 600; */
	color: var(--h4-text-color);
	text-align: center;
	padding-bottom: 7px;
}
section, article {
	display:block; 
}
body {
	width:100%;
	background: var(--main-bg-color);   
	display:-webkit-box;
	-webkit-box-pack: center;
}
#big_wrapper {
	max-width: 353px;  /* was 346px, Bucky set his width at 1000px */
	margin: 43px 0px; 
	display:-webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-flex: 1;
}
#top_header {
	background: var(--banner-color); 
	padding-top: 12px;
	padding-bottom: 6px;
	/* line-height: 17px; */
	border-top-left-radius:8px;  /* if these rounded corners are 1 or 2 pixels larger than the other 6, the chart stands out better */
	border-top-right-radius:8px;	
}
#new_div {
	background: var(--banner-color); 
	display:-webkit-box;
	-webkit-box-orient: horizontal;
	border-bottom-right-radius:7px;
	border-bottom-left-radius:7px;
}
#main_section{
	font-size: 12px;
	background: var(--mainsect-bg-color);   
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	border-bottom-right-radius:7px;
	border-bottom-left-radius:7px;
	-webkit-box-flex: 1;
	margin: 6px;  /* WIDTH of the colored border banner */
	padding: 4px;
	padding-top: 22px; 
	padding-bottom: 25px;  
}
.articlepad {
	margin: 0px;
	padding-top: 7px;
	padding-bottom: 9px; 
}
.img_thumbnails {
	width: 42;  /* was 35 */
	height: 27;  /* was 23 */ 
	/* border-width: thin; */  /* doesn't seem to affect the appearance of the thumbnail */
	/* border-style:ridge; */ 
	border-color: var(--tn-border-color); 
	vertical-align: middle;	
	padding-top: 0;
	padding-bottom: 1px; 
}

a {
	font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	color: var(--text-color); 
	font-size: 12px;
	/* font-weight: 450; */
	/* vertical-align: top; */
}
a:link, a:visited, a:focus {
	text-decoration: underline;	
	color: var(--text-color); 
	font-size: 12px;	
}
a:hover {
	text-decoration: none;
	font-size: 12px;
	color: var(--hover-text-color);
	background: var(--hover-bg-color);
}
a:active {
	text-decoration: underline;
}

ul {
	margin: 2px;
	padding: 0px;
	padding-left: 56px;
}
li {
	list-style-position: inside;
	list-style-type: none; 
	line-height: 2em; 
}

.red_highlight {
	font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	color: var(--red_highlight-color);  /* was var(--text-color) */
	font-size: 11px;  
	font-weight: 450;	
	line-height: 12px;
	font-style: normal;
	vertical-align: inherit;	
}

#my_conviction {
	font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	color: var(--h4-text-color);	
	font-size: 12px; 
	/* background-color: #faebd7; */
	/* font-weight: 500; */	/* same as h4 */
	font-style: normal;
	line-height: 15px; 
	/* margin-top: -7px; */
	/* margin-left: 5em; */	
	/* padding-top: 2px; */
	/* padding-left: 28px; */
	text-align: center;
}