@font-face {font-family: 'iconic'; src: URL('Iconic.ttf') format('truetype'); URL('Iconic.woff2') format('woff2'); }
 
 img[src$=".gif"]{image-rendering: optimizeSpeed; image-rendering: -webkit-optimize-contrast;image-rendering:pixelated;}

@media only screen and (max-device-width: 700px) {div#left_column{display:none;}}


div.central{border-radius:18px;margin:12;border:9px double white; background:#dde;padding: 0px 20px 15px 20px;}

div#centralcolumn{position:absolute;left:0;top:60;width:50%;margin:0% 25%;}

@media only screen and (max-device-width: 700px) {div#centralcolumn {margin:auto;width:100%;} }  

@media only screen and (max-device-width: 1100px){#header{display:none;} 
#contain{position:relative;left:78;top:7;}}

body{background:#abc;margin:0px;}
div#bar{position:fixed;left:0;top:0;z-index:1;width:100%;height:48px;background:rgba(100,0,200,0.80);}

span.whatsinit{position:absolute;left:50%;top:0;font:36px iconic;color:#def;opacity:0.9; text-shadow: 1px 2px #000;}
#describe{font: 16px arial, helvetica, sans-serif;position:absolute;left:50%;top:66;margin-left:-162;width:280; border-radius:18px;box-shadow:0px 0px 12px #fff;padding:20px;text-align:justify;display:none;}
div#bar:hover #describe{display:inline-block;}
#link{}  #link:hover{border: 4px solid #48f;margin-left:-4;margin-top:-4;;}

span#header{display:none;position:relative;top:-4;margin-left:84;color:white;
font:  37px  'Abril Fatface', serif;text-shadow: 0px 1px 2px#0ff;}
span.logo { font: bold 37px 'Alex Brush', cursive; }
<!-- text input for posting a notice -->
@media only screen and (max-device-width: 600px) {textarea.noti{font: 17px 'Abril Fatface', serif; width:95%;text-transform:uppercase;padding:4px;}}
textarea.noti {border-radius:5px;border:0;background:#fff;width:88%;padding:8px;text-align:center;}

.image-upload > input{display: none;}
.image-upload img{width: 80px;cursor: pointer;}

div#posting{display:none;z-index:3;margin-top:10;background:#dde;font:12px Helvetica;}
input.butt{background:#0ff;background: -webkit-linear-gradient(top, #9cd, #249);color:#fff;border-radius:12px;border:2px solid #08f;font:14px Helvetica, sans;}
 input.butt:hover{box-shadow: 0px 0px 15px #f0f;}

p.name{color:#888;font:16px Arial,helvetica, sans-serif;}
h2.heading{font: 1.66em 'Engravers MT', 'Abril Fatface', serif ;font-variant:small-caps;font-weight:700;width:100%;text-align:center;}

p.digest{font:18px helvetica, arial,sans;padding:12px;background:#f8f9fb;border-radius: 11px;margin: 10px;font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', Helvetica, Arial ;   }

img.i{width:92%;  max-width:92%;background:#e8e8ff;background: transparent;border:1px solid white;}
div.centralrep{margin-top:-56;margin-left:;background:#dde;border-radius:5px;font:18px Helvetica;padding:;}
div.log{width:15%;color:#444; font:16px Helvetica;border-radius:6px;padding:4px; margin:auto;}
@media only screen and (max-device-width: 700px) {.market{display:none;}
  div.log{margin:auto;width:100%;}}
.login{display:none;}
div.log:hover .login{display:inline-block;}
div.log:hover{width:98%;}
textarea.rep{font:17px Helvetica; width:90%;margin: 0% 5%;color:#003;border-radius:5px;background:#fffff2;padding:4px;}
.votewrap{display:none;}
div.reply{width:92%;background:#fffff8;color:grey;font:15px Helvetica;border: 0px solid grey;border-radius:6px;padding:2px; margin-left:10%;display:none;}
div.commentree{left:25%;}
@media only screen and (max-device-width: 700px) { div.reply{margin:auto;width:92%;} div.commentree{left:6%;}}
.response{}
div.reply:hover .response{display:block;position:relative;top:0;left:0;}
div.reply:hover{background;#eef;}
.dropper {border-radius:20px;background:#acd;cursor: pointer;}
.dropper:hover, .dropper:focus {background:#48f;}
div.comments{}
@media only screen and (min-device-width: 600px) {div.comments{width:80%;margin:auto;}span#header{display:block;}}
span#extra {display:none;}
a.exit{font:14px 'helvetica neue', helvetica;color:blue;}
a.linking {font: 18px helvetica;}
span#resform{display:block;}
div.commie{display:none;} 
div.on {display:none;}
div.rookie{display:none;}
div.onn {display:none;}
<? echo "$keepCommentsOpen  $keepRepliesOpen"; ?>
a {font: bold 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}  

blockquote.twitter-tweet{ margin-left: 20px; }