.AiBlogEntry
{
  width:100%;
  display: block;
  vertical-align: middle;
  margin: 0;
  padding: 2px;
  box-sizing: border-box;
}


.AiBlogId
{
  width: 6em;
  display: inline-block;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
}

.AiBlogIdImg
{
  width:6em;
  height: 6em;
  object-fit: cover;
}

.AiBlogName
{
  display:block;
  font-size:80%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  width:100%;
  text-align:center;
}

#blogHyphen
{
  line-height: 0.2em;
  font-size: 500%;
  margin: 0 0.1em;
  vertical-align: middle;
  display: inline-block;
}

.AiBlogText
{
  display:inline-block;
  font-size:130%;
  white-space:normal;
  vertical-align:middle;
}

.AiBlogDate
{
}

#AiBlogTextDiv
{
  width: 34em;
  vertical-align: middle;
  display: inline-block;
}
#AiBlogDeleteDiv
{
  width: 1.2em;
  vertical-align: middle;
  display: inline-block;
}

.AiBlogDateContainer
{
  display: inline-block;
  background-color: lightgray;
  vertical-align: middle;
  padding: 0.3em;
  width: auto;
}

.AiBlogDelete
{
  width:1.2em;
  vertical-align:middle;
  cursor: pointer;
  visibility:hidden;
}