/* year2022.css - for year 2022 (january) on. */

@font-face { font-family: 'glug';
             src: /* url('fonts/atarcc.woff2') format('woff2'),
			      url('fonts/atarcc.woff') format('woff'), */
				  url('fonts/Glass_TTY_VT220.ttf') format('truetype');
		     font-size: x-large;
		   } 
		   
@font-face { font-family: 'gar';
             src: url('fonts/AGaramond-Regular.woff2') format('woff2');
			 font-size: x-large;
           }

body {
  margin:0px;
  padding:0px;
  line-height: 26px; /* 24 */
  background-color:#000000; 
  font-family: 'gar'; background-color: #000000; color: #000000; font-size: x-large; /* was a17900 */	 
	}

/* TOP RIGHT BOT LEFT */

iframe {
  display: block;
  margin-left: auto;
  margin-right: auto; }

p {
  padding:0px 55px 0px 55px; 
  /* background-color: #eeeeee; removed 2023may */
  line-height: 40px; } 

.obq { 
  width: 600px;
  margin: 0px 0px 10px 0px; }
.reverse-old { background-color: #000ff0; text-align: center; }
.reverse { background-color: #000000; text-align: center; padding: 0px 0px 0px 0px; }
.right { margin:0px 0px 0px 1330px; }
.rightdate { background-color: #000000; color: #ffffff; margin:0px 0px 0px 1190px; }
.bar { background-color: #000000; color: #ffffff; margin:0px 0px 0px 450px; } 
.o {
	width:600px;
    margin: 5px 160px 5px 160px;
    padding: 12px 20px 3px 20px;  
    background-color: #000000;
	color: #ffffff; } 	
	
.two-columns {
	/* width:1500px; */
    columns: 2;
	/* column-width: 80%; /* Sets the width of the individual columns */
	column-rule: 40px solid #000000;
	gap: 150px;  /* Sets the space between columns */
	margin: 40px 0px 40px 0px; 
}

blockquote { padding:0px 50px 0px 50px; }

h2 { background-color: #000000; color: #ffffff; padding:25px 55px 25px 55px; text-align: center; }

ul { }
li { margin:0px 100px 0px 100px; }

a { color:#09c;
  text-decoration:none;
  border: 0px; }
a:link    {color:#EEEE00;} /* was 990000 */
a:visited {color:#777777;}

img {  
  border-style: none;
  margin:0px 0px 0px 0px;
  vertical-align: text-top; }
.c { 
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px; 
  margin-bottom: 0px; }
.bot { 
  display: block;
  margin: 0px auto 0px auto; }

/* paraset, for multiple paragraphs with blank lines between ... */

#paraset /* 2022 */
{
  margin:10px 550px 10px 550px; /* make a little (10px) vertical breathing space for images */
  padding:16px 0px 16px 0px; 
  /* background-color: #eeeeee; color: #000000; 2022-2023may */
  background-color: #222426; color: #dddddd; /* 2023may-? */
  font-family: 'gar';  font-size: x-large;
  text-align: justify; line-height: 40px; }

/* parasetmult for mixtape - center multiple images vertically - i separated this because i don't want to hurt my babies */


#centerimages /* 2023 */
{

text-align:center;
vertical-align:middle;
  }


#container
{
  margin: 0px auto;   
  width: 1900px;
  background-color: #000000; }

/* container-extended for weblog year strips */

#container-extended
{
  margin: 0px auto;   
  width: 3400px;
  background-color: #000000; }

/* container blk bck wht txt for books etc */

#container-for-links

{
  margin: 0px auto;   
  width: 1900px;
  background-color: #000000; color: #dddddd }

/* below quick two-column thing for mixtape2022. unstable. avoid */

#col1 {
  padding: 20px;
  float: right ;
  width: 40% ;
}
#col2 {
  padding: 30px;
  float: right;
  width: 40%;
}

#top
{
  background-color: #2254A3;
  margin:0px auto;
  /* padding-top:4px; */
  height: 48px; }

#toplab 
{ /* 2023apr01 re-added from year2016.css */
background-color: #959595; /* 149 */
margin:0px auto;
/* padding-top:4px; */
height: 48px;
}

#topcandy
{
  background-color: #000000; color: #ffffff;
  margin:0px auto;
  padding-top:4px;
  height: 48px; }