#posts{
  width: 85%;
  margin: 20px auto 0 auto;
}
#posts img{
  display: inline-block;
  height: 45px;
  width: 45px;
  margin-right: 10px;
  border:1px solid white;
  border-radius: 4px;
}
#posts ul{
  list-style-type: none;
  max-width: 100%;
  min-width: 60%;
  height: auto;
  margin: 3px 0 0 15px;
  padding:0;
}
#posts > ul{
  margin-bottom: 18px;
}
#posts ul > li{
  border-top-left-radius: 8px;
  border-left:2px solid #494949;
  border-bottom:1px solid #494949;
/*  border-top: 2px solid white;*/
}
#posts ul li > div:first-child{
  height:50px;
	padding-top: 7px;
/*  background: rgb(110,130,130,0.9);*/
/*  background: rgb(0,0,0,0.9);*/
	background: var(--blkmetv);
/*  border-bottom: 1px solid white;*/
  border-bottom: 1px solid #1e1e1e;
  text-shadow: 1px 1px black;
  border-top-left-radius: 8px;
}
#posts ul li .pUname{
	display: inline-block;
	height: 50px;
	vertical-align: top;
}
#posts .bizPost{
	height: 19px;
	vertical-align: top;
	font-family: txt;
	font-size: 18px;
	color: burlywood;
	font-weight: bold;
	text-shadow: 1px 1px black;
}
#posts ul li .pUname a{
  display: block;
	height: 26px;
  vertical-align: bottom;
  font-family: papyrus;
  color:aquamarine;
  font-size: 18px;
  text-decoration: none;
}
#posts ul li .pDate{
  float:right;
  margin: 25px 15px 0 0;
  font-family: date;
  color:whitesmoke;
  vertical-align: bottom;
}
#posts ul li .expire{
  float:right;
  margin: 5px 15px 0 0;
  font-family: date;
  color:whitesmoke;
  vertical-align: bottom;
}
#posts ul li .expire b{
	color: greenyellow;
}
#posts .ttl{
  width: 100%;
  height: 23px;
	overflow: visible;
  background: rgb(0,0,0,0.7);
  font-family: txt;
  text-decoration: underline;
  color:greenyellow; 
  text-shadow: 1px 1px black;
	border: 1px solid transparent;
}
#posts .ttl span{
	display: block;
  width: max-content;
	margin:0 auto;
	height: 23px;
	overflow-y: visible;
}
#posts .ttl.ttl_open span{
  font-weight:bolder;
	height:10px;
	margin-top: -15px;
}
#posts .ttl.ttl_open span::after{
  display: inline-block;
  content: "\25BC";
  margin-left:6px;
  text-shadow: none;
	font-size: 28px;
	padding: 5px 0 0 0;
	overflow: visible;
}
#posts ul li > .post_txt{
  position:relative;
  padding: 15px;
  height: auto;
  min-height: 40px;
  background: rgb(5,5,5,0.8);
  font-family: txt;
  color:floralwhite;
  text-shadow: 1px 1px black;
  box-shadow: 2px 2px 3px inset black;
  white-space: pre-wrap;
}
#posts .myEdit{
	width: max-content;
	margin: 20px auto -5px auto;
	vertical-align: bottom;
}
#posts .myEdit span{
	color:#3a3a3a;
	margin: 0 6px;
}
#posts .pEdit b{
	color: darkorange;
}
#posts j{
  display: block;
  padding-bottom: 10px;
  color: #b1b1b1;
}
#posts .likeBox{
  position:absolute;
  bottom:5px;
  right: 20px;
  width: auto;
  height: 24px;
  font-size: 12px;
  color: white;
}
#posts .likeBox > div{
  display:inline-block;
  height: 22px;
  width: 22px;
  margin: 0 10px 0 0;
  vertical-align: top;
}
#posts .pLikes{
  position:relative;
  height:18px;
  padding-top: 6px;
}
#posts .pLikes > div{
  display:none;
  position:absolute;
  bottom: 0;
  left:-80px;  
  height: 165px;
  width: 120px;
  padding: 10px;
  border: 1px solid white;
  box-shadow: 1px 1px 2bx black;
  background: rgb(0,0,0,0.8);
  color: white;
  border-radius: 4px;
}
#posts .pLikes:hover > div{
  display: block;
}
#posts .pLikes > div ul{
  height:135px;
  overflow:auto;
  padding:0;
  margin:0;
  font-size: 12px;
  list-style-type: none;
}
#posts .pLikes li{
  border:none;
  height: 11px;
  padding: 3px 0;
}
#posts .pLikes img{
  display: block;
  position: absolute;
  height: 25px;
  width: 25px;
  top: 30px;
  left:30px;
  z-index:5;
  opacity: 1;
}
#posts .pLikes a{
  color: burlywood;
  text-decoration: none;
}
#posts .pLikes button{
  display:none;
  width: max-content;
  margin: 15px auto 0 auto;
  text-align: center;
}
#posts textarea{
	display: block;
  width: 550px;
  margin: 10px auto
}
#posts .replyable{
  margin: 25px 0 5px 15px;
  width:max-content;
  color:yellow;
  cursor: pointer;
  text-transform: capitalize;
}
#posts .ctr{
  display: block;
  height:20px;
  width: 100%;
  text-align: center;
}
#posts .pliked{
  opacity: 0.3;
  color: palevioletred;
}
.like{
  height:19px;
  width: 19px;
	color: aliceblue;
  background-image: url("https://storage.googleapis.com/pr-isms_site/site/thumb_up.png");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
}