body						{ margin: 0;}
body,ul,li 			{ font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.6em; }
header 					{ margin: 1em 1em 2em 1em; }
a 							{ text-decoration: underline; }
a:hover 				{ text-decoration: none; }
ul,li 					{ padding:0; list-style: none; }
ul.day 					{ padding-left: 0; margin: 0; border-top: 1px solid #ccc; }
ul.day:nth-of-type(1)	{ border-top: none; }
ul.day.collapsed 		{ }
	li.date,li.datespacer { color: #000; background: #fff; font-size: 1.4em; font-weight: bold; padding: .35em .7em .35em .7em; cursor: pointer; cursor: hand; transition: color 0.3s linear; position: static; border-bottom:0; }
	li.date.pinned 			{ position: fixed; z-index: 100; top:0; left:0; right:0; border-bottom: 1px solid #ccc;}
	.collapsed li.date 	{ color: rgb(0, 0, 238); }
	.past li.date 			{ text-decoration: line-through; color: rgb(85, 26, 139) }
	li.date:hover 			{ }
	li.date span 				{ float: right; font-size: .6em !important; font-weight: normal !important; }
ul.show					{ margin: 0 1em 0 1em; padding: 1em 0 1em 0; border-bottom: 1px solid #ccc; }
ul.show:last-child 		{ border-bottom: none; }
	li.meta 			{ font-size: .8em; margin: 0 0 .4em 0; }
	li.meta a 		{ color: #000; text-decoration: underline; }
	li.meta a:hover 	{ text-decoration: none; }
	li.band 			{ color: #000; font-size: 1.2em; cursor: pointer; cursor: hand; transition: color 0.3s linear; }
	li.band.collapsed 	{ color: rgb(0, 0, 238); }
	li.band:hover 		{ }
ul.meta					{ font-size: .8em; font-weight: normal; margin: .4em 0 1.4em 0; }
ul.meta li 			{ margin: 0 0 .6em 0; }
	 li.tags			{ color: #999; }
	 li.bio				{ }
	 /*li.video				{ display: inline; padding-right: .8em; }*/
	 li.not				{ color: #999; }
li.video 				{ padding-right: .8em; position: relative; display: inline-block; }
.play 					{ position: absolute; top: 35px; left: 55px; z-index: 1; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 20px; border-color: transparent transparent transparent #fff; }
select#citynav			{ font-size:1em; font-weight: bold; }

/* Dark mode */
@media (prefers-color-scheme: dark) {

  body, ul, li 	{ background-color:#202124; color:#9aa0a6; }
  a 						{ color: #8ab4f8; }
  a:visited			{ color: #c58af9; }
  ul.day 				{ border-top: 1px solid #3c4043; }
    li.date,li.datespacer { color: #e8eaed; background: #202124; }
    li.date.pinned 		{ border-bottom: 1px solid #3c4043;}
    .collapsed li.date 	{ color: #8ab4f8; }
    .past li.date 		{ color: #c58af9 }
  ul.show				{ border-bottom: 1px solid #3c4043; }
	li.band 			{ color: #bdc1c6; }
    li.band.collapsed 	{ color: #8ab4f8; }  
    li.meta a 	{ color: #bdc1c6; }	
    li.tags			{ color: #9aa0a6; }
  h4   					{ color:#e8eaed; }
  select#citynav	{ background-color: #202124; color:#e8eaed;	}

}