a.envelope:visited{text-decoration:none;color:#FAFAFA;}
a.envelope{text-decoration:none;font-size:160%;}
iframe{
    opacity: 1;background:#fff;
}

q { quotes: "\201C" "\201D";color:#666666;text-decoration:italics;}
.postlink { text-decoration:none;}
.dropdown {position: relative;display: inline-block;}
.dropdown-content {display: none;text-align:left;position: absolute;margin-top:-5;background-color: #f9f9f9;min-width: 300px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px;z-index: 1;}
.dropdown:hover .dropdown-content { display: block;}




.speech {
  width:80%;max-width:530px;
  position:relative;
  padding:15px;
text-align:left;
  margin:1em 0 0;
  border:1px solid #C5D8AB;
  color:#333;
  background:#fff;
  /* css3 */
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
  overflow-wrap:break-word;
}
.speech a{font-weight:bold;}


.speech:before {
  content:"";
  position:absolute;
  bottom:-12px; /* value = - border-top-width - border-bottom-width */
  left:19px; /* controls horizontal position */
  border-width:12px 12px 0;
  border-style:solid;
  border-color:#C5D8AB transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* creates the smaller  triangle */
.speech:after {
  content:"";
  position:absolute;
  bottom:-10px; /* value = - border-top-width - border-bottom-width */
  left:20px; /* value = (:before left) + (:before border-left) - (:after border-left) */
  border-width:11px 11px 0;
  border-style:solid;
  border-color:#fff transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

.speech.right{background:#fff;}
.speech.right:before {right:80px; left:auto;}
.speech.right:after {right:80px; left:auto;}

.speech.mine{background:#FEFFEF;}
.speech.mine:after {border-color:#FEFFEF transparent;}

.speech.mini{ padding:4px;text-align:center;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}

.speech.mini:before { top:7px; bottom:auto;left:auto; right:-8px;border-width:4px 0 4px 8px; border-color:transparent #5a8f00;}
.speech.mini:after { top:7px;  bottom:auto; left:auto;right:-8px; border-width:4px 0 3px 9px; border-color:transparent #fff;}

.floor {position: fixed;bottom: 0;width: 100%;height: 45px;opacity: 0.95;z-index:10}

@media screen and (min-width: 1025px){
.fadeRight:before { content:'';pointer-events: none;width:40%; margin: 0 0 0 50%; height:100%; position:absolute;left:0; top:0;background:linear-gradient(to right, transparent 70%, #FFFFFF);}
}
.postend{ text-align:right;  font-size:120%;}

.newPostBox {position: relative;width:100%;height: 1px;background-color:f3f9ea;}

@media screen and (min-width: 501px){
    .fadeRight{ max-width:90%;white-space: nowrap; overflow:hidden;}
.replyBox {position: fixed;bottom: 0;left: 0;width:100%;max-width:500px;height: 1px;background-color:f3f9ea;z-index:20;}
.windowBar{display:inline;float:left;width:100%;border-style:solid;border-width:1px;border-color:#003300;background-color:#C5D8AB;text-align:center} 
}

@media screen and (max-width: 500px){
    .fadeRight{ width:220px;white-space: nowrap; overflow:hidden;}
.replyBox {position: relative;width:100%;max-width:500px;height: 1px;background-color:f3f9ea;z-index:10}
.windowBar{height:0;overflow:hidden} 
}
blockquote{margin:5px;padding:5px;}