/*  
Theme Name: Meyerweb
Theme URI: http://meyerweb.com/
Description: The meyerweb theme.
Version: 1.5
Author: Eric A. Meyer
Author URI: http://meyerweb.com/

*/
#extra {padding-top: 4em; font-family: Source Sans Pro, Open Sans, Helvetica, sans-serif;}
#extra .panel {opacity: 0.5; margin-top: 2.25em;}
#extra .panel h4 {margin: 0 0 0.25em; font-size: 1em;
	background:
		linear-gradient(to right, #444, #444, #DDD) bottom left / 95% 1px no-repeat;}
#extra .panel ul {margin: 0; padding: 0; list-style: none;
	font-size: 0.95em; font-style: italic;}
#extra .panel ul a {font-style: normal;}
#extra .panel span {display: block;}
#extra #post-nav li {margin-bottom: 1em;}
#extra #monthly > ul > li {margin: 0 1em 1em 0;}
#extra #monthly > ul > li li {font-size: 90%;}

@supports (display: grid) {
	#main {width: auto;}
	#thoughts {display: grid;
		grid-template-columns: minmax(1em,1fr) minmax(25ch,80ch) minmax(20ch,1fr);
	}
	#thoughts #mainpage, #thoughts .entry {grid-area: 1 / 2;}
	#thoughts #extra {grid-area: 1 / 3; margin: 0 0 0 5ch;}
	#thoughts #comments {grid-area: 2 / 2;}

	@media (max-width: 100ch) {
		#thoughts {display: block;}
		#thoughts #extra {display: flex; justify-content: space-between;
			padding: 0; margin: 0;}
		#thoughts #extra .panel {opacity: 1; margin-top: 1.5em; margin-right: 1em;}
		#thoughts #extra .panel h4 {background-size: 6em 1px;}
		#extra #post-nav li {margin-bottom: 0.5em;}
		#extra #monthly > ul {display: flex; flex-wrap: wrap;}
	}
}

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */