/* styles.css */
body {font-family: Arial, Helvetica, sans-serif ;}
img {max-width: 100% ; width: auto ; height: auto ;}
html{font-size:120%;}
@media(min-width:60em){html{font-size: 100%}}
h1 {
  display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
h2 {
  display: block;
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
input, select, button, textarea
{max-width: 100% ;}
meter, progress, output {max-width: 100% ;}
div#tswsidecol {float: right ; width: 20% ;color: #000 ;background-color: #fff ;
    text-align: center ;}
div#tswcontent {float: right ; width: 80% ; color: #000 ; background-color: #fff ;}
@media only screen and (max-width: 600px)
{div#tswsidecol {float: none ; width: 100% ;}
div#tswcontent {float: none ; width: 100% ;}}
div#tswcontproper {padding-left: 5px ; padding-right: 5px ;}
div#tswcontainer {color: inherit ; background-color: #fff ;}
div#tswsideproper, div#tswothersideproper {padding-left: 5px ; padding-right: 5px ;}
div#tswheader {color: #000 ; background-color: #fff ;}
div.errortxt {border: 1px solid green ; padding: 10px ;}
div.searchbutton {color: black ; background-color: white ; border: 1px solid #808080   ;margin: 4px; border-radius: 4px ;}
.blogframe-area {
  display: block;
  width: 100%;  /* RESPONSIVE WIDTH */
  max-width: 600px;
  height: 700px;
  overflow: auto;  /* EDIT TO hidden FOR NO SCROLLBAR */
  border: #999999 1px solid;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  }
#twstitle
{
display: none;
}