/* Background color and margins for page, list, and comments are at the bottom of generic.css!!! */
/* THIS: "flex: 1 0 auto;" was the KEY for the "sticky footer" in the tertairy/quatro/cinco, the list pages, and the comments!!!*/


/* START DUNGEON!!! */
.dungeon > section {display: flex; flex-flow: row wrap; margin-bottom: 5px;}

.dungeon > section {}
.dungeon > section > figure {flex: 0 1 100%; margin: 2px 0 2px 0;}
.dungeon > section > figure img {width: 100%; border-radius: 5px;}
.dungeon > section > figure > figcaption {font-weight: bold; font-size: .7em; text-align: center;}

.dungeon > section > h1 {flex: 0 1 100%; /* margin: 2px 0 2px 0; font-weight: bold; font-size: 2.5em; */}
.dungeon > section  > p {flex: 0 1 100%; margin: 2px 0 2px 0; font-style: italic; color: gray;}
.dungeon > section > .header.line {flex: 0 1 100%; border-bottom: 2px dashed black; margin: 5px 0 20px 0;}
.dungeon > section > .pagination {flex: 0 1 100%; text-align: center; padding: 10px 0 10px 0; font-weight: bold; font-size: .8em}



/* START REPEATER!!! */
	.dungeon .repeater {flex: 0 1 100%;}
	.dungeon .repeater  > figure {order: 1; flex: 0 1 25%; margin-right: 10px; }
	.dungeon .repeater  > figure > figcaption {}
	.dungeon .repeater  > figure > img {}
	.dungeon .repeater > .added {order: 2; flex: 1; display: flex; flex-flow: column nowrap;}
	.dungeon .repeater > .added > h2 {}
	.dungeon .repeater > .added > h2 > a {text-decoration: none;}
	.dungeon .repeater  > .added > .subtitle {}
	.dungeon .repeater  > .added > .blurb {flex: 1 0 auto;}
	.dungeon .repeater  > .added > .info {display: flex; flex-flow: row wrap; justify-content: space-between; padding: 5px 0 0 0;}
	.dungeon .repeater  > .added > .info > .author {}
	.dungeon .repeater  > .added > .info > .author a {}
	.dungeon .repeater  > .added > .info > time {}
	.dungeon .repeater  > .added > .info > .updated{}
	.dungeon .repeater  > .added > .info > a.comments-bubble {}
	.dungeon .repeater > .shout-out {order: -1; flex: 0 1 100%; font-size: .8em;}
	.dungeon  div.repeater.line {
		margin-top: 10px; 
		margin-bottom: 10px;
		height: 1px; 
		background-color: #000000;}
		/*NO FIGURE*/
		.dungeon .repeater.no-figure  > figure {display: none;}
		.dungeon .repeater.no-figure  > .added {flex: 0 1 100%;}
/* END REPEATER!!! */

/* START ARCHIVE AND CLOUD (both have class "archive"!!!  SO DOES "SEARCH"! */
	.archive section {}
	.archive  h2 {}
	.archive  h2 a {text-decoration: none;}
	.archive .dungeon p {font-weight: bold; font-size: .9em; margin: 2px 0 2px 0;}
	.archive  .dungeon .repeater.line {margin: 2px 0 10px 0;}
	.archive  .dungeon  ul {flex: 0 1 100%; margin: 0 0 30px 0;}
	.archive .dungeon li {padding: 5px;}
	.archive .dungeon time {display: inline;}

/* END ARCHIVE AND CLOUD*/


/* START SEARCH PAGE! */
.search section {flex: 0 1 100%;}

.search section  .added {flex: 0 1 100%;}
.search section fieldset {width: auto;
	padding: 20px;
	margin: 10px 10px 20px 10px;
	border-radius: 10px;
	background-color: #f1f1f1;
	}
.search section fieldset > legend {font-weight: bold; margin: 10px 0 -5px 0 ;}

.search section .center {text-align: center; margin: 0 0 10px 0;}

/* START RESULTS PAGE! */
.results section {}
.results main > section > div {flex:0 1 100%;}

.results main > section > .added {flex: 0 1 100%; 
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 0 0 30px 0;}
.results main > section > .added > span {color: gray; font-style: normal;}
.results main > section > .added > span > .highlight {color: black; font-weight: bold;}
/* .results  main  > section > .left {float: left;} */
/* .results  main  > section > .right {float: right;} */
/* .results  main  > section > .clear {padding: 0 0 20px 0;} */

.results main > section > ul {flex: 0 1 100%;}
.results main > section > ul > li  {padding: 0 20px 40px 20px; overflow: hidden;}
.results main > section > ul > li > a {text-decoration: none; font-size: 1.2em;}
.results main > section > ul > li > p.green {color: green;}

.results main > section > .pagination {padding-bottom: 20px;}

.results main > section > .search {padding: 0 0 20px 0;}
.results main > section > .search > a {text-decoration: none; font-size: .9em;}


/*  WEEKLY NOTES!  */

.weekly-notes .repeater h2 {order: -3}
.weekly-notes .repeater .subtitle {order: -2}
.weekly-notes #bigshow {}
.weekly-notes .repeater .info {order: -1}
.weekly-notes .repeater .shout-out {order: -5}