/*	#####	article wrapper				#####	*/

#content	{	font-size:12px; }

/*	#####	global vars					#####	*/

:root
{  	--stats-a-font:normal bold 10px verdana, sans-serif; }

/*	#####	selected poems				#####	*/

#poem
{	padding:5px; }
.poemtext
{	margin:15px 0px 0px 15px; }
.poemtext, .poemtext pre
{	font:normal normal 12px verdana, sans-serif; }
article .title
{	margin-left:15px; }
article .title span
{	font:normal bold 13px verdana, sans-serif; color:#22d; }
.controls			
{	margin:15px; padding:2px; 
	border:solid 2px #22d; border-radius:10%;
	font:normal bold 11px verdana, sans-serif;
	color:#ddf; background-color:#22d;
}
.controls:focus, .controls:hover
{	background-color:#ddf; color:#22d; }

/*	#####	comments				#####	*/


/*	#####	post-edit errors			#####	*/

.errormsg
{	margin:5px 0px 5px 15px; border:solid 1px #558; border-radius:2px; }

/*	###############		#details - credit		###############		*/

#details			
{	margin:15px 0px 10px 15px;	}
#details .credit a, #details .credit a:visited
{	display:inline; font:normal bold 12px verdana, sans-serif; color:#22d; }
#details .credit a:hover, #details .credit a:active
{	color:#002;	}

/*	###############		#moreStats		###############		*/

#showDetails
{	padding:2px; margin-top:5px; color:#002; background-color:#ddf; }
#showDetails:hover, #showDetails:active
{	color:#ddf; background-color:#002; }
#moreStats.flex
{	display:flex; }
#poemStatList
{	width:7rem; margin-right:10px; }
#poemStats a
{	font:var(--stats-a-font); }
/*#moreStats.uni
{	display:inline-block; 
	font-size:1rem; text-align:center; vertical-align:middle;
	overflow:hidden;
}*/

/*	###############		Favs & Edit		###############		*/

#addToFavs, .isFav
{	display:inline-block; position:relative;
	width:36px; height:20px;
}
#addToFavs
{	background-color:#aaf; border:2px solid #fe0; border-radius:10%; }
.isFav
{	background-color:#fe0; border:2px solid #000; }
.favStat
{	font:bold 10px Verdana, sans-serif; color:#002; }
#addToFavs:hover, #addToFavs:active
{	background-color:#fe0; border-color:#000; }
#addToFavs span, .isFav span
{	position:absolute; 
	font:bold 24px 'Lucida Sans Unicode', sans-serif; color:#22d;
	left:5px; top:-10px;
}
.displayli
{	display:list-item; }
#edit
{	border:2px solid #000; border-radius:10%;
	background-color:#aaf; color:#22d;
	font:bold small-caps 12px Verdana, sans-serif; text-align:left;
	padding:0px 5px;
}
#edit:hover, #edit:active
{	background-color:transparent; cursor:pointer; }
/*#details			
{	margin:15px 0px 10px 15px;	}
#details .controls	
{	margin-left:0px; }
#details a			
{	color:#22d; font-size:10px; text-decoration:none; 	
	display:inline-block; width:100%;
}
#details a:visited	{	color:#22d; }
#details a:hover	{	color:#002; }
#details .uni		{	font:normal normal 2em 'Lucida Sans Unicode', sans-serif;
						padding:0; vertical-align:middle;
					}*/
					
/*	#####	new comment form			#####	*/

.newcom				{	display:none;	}
#ctext				
{	margin:5px; width:95%; resize:vertical;
	border:solid 1px #225; border-radius:5px;
}
			
/*	#####	#comments/ul				#####	*/

#comments			{	width:95%; }
#comments .title	{	margin:15px; }
#comments .author a	{	color:#22d; }
#comments .author a:visited
					{	color:#22d; }
#comments .author a:hover
					{	color:#002; }					
#comments li:nth-child(even)		
					{	border:2px solid #225; border-radius:5px;	
						margin-bottom:5px; padding:5px; background-color:#ddf;	
					}
#comments li:nth-child(odd)
					{	background-color:#ccf;	}
#chead, #cmain		{	height:auto; white-space:normal;		}
#chead				{	display:flex; flex-flow:row nowrap;		}
#chead .count		{	flex:1 1 10%;	}
#chead .author		{	flex:1 1 60%;	}
#chead .posted		{	flex:1 1 30%;	}

@media all and (max-width: 720px)
{	
}