body {
//background-color:#d8d8d8;
//background-color:#ccb299;
background-color:white;
//background-color: rgb(240, 240, 255);
margin-top:0pt;
margin-bottom:0pt;
margin-left:auto;
margin-right:auto;
padding:0;
font-family:Helvetica, Arial;
font-size:11pt;
//width:600pt;
font-family: Arial, Helvetica, "Times New Roman", Times, serif;
}
#imagecontainer {
float:left; 
max-width:300px;
}
img.resize {
 max-width:100%;
 height: auto;
 width: auto;
 //width: auto\9; /*ie8*/
}
h1 {
font-size: 20pt;
color: #000000;
font-weight: bold;
margin-left: 10pt;
margin-top: 20px;
margin-bottom: 6px;
//text-align:center;
}
h2 {
font-size: 13pt;
color:#333333;
font-weight: bold;
margin-left: 10pt;
margin-top: 9px;
margin-bottom: 6px;
}
h3 {
/*text-decoration: underline;*/
font-size: 12pt;
color: black;
font-weight: bold;
margin-left:10pt;
margin-top: 15px;
margin-bottom: 3px;
}
p {
font-size:12pt;
margin-left:10pt;
line-height:1.5em;
}
pre {
 box-sizing: border-box;
 padding: 10px;
}

a {
#font-weight:bold;
text-decoration:none;
color:blue;
}
a:hover {
#color: purple;
text-decoration:underline;
}
a.heading {
  font-size:11pt;
    /*font-style:italic;*/
      font-weight:bold;
}
ul {
}
li {
padding:3pt;
 margin-left:5pt;
 /*list-style-type:none;*/
 margin-top:0px;
 margin-bottom:0px;
 padding:3px;
}
table
{
 /*border: 1px solid;*/
margin-left:20pt;
font-size:10pt;
border-collapse:collapse;
}
th {
 color: black;
padding: 1pt;
 margin:0;
 padding:0;
background-color: #eeeeee;
font-size:11pt;
}
table,th,td {
/*border: 1px solid black;*/
vertical-align:top;
}
//tr:nth-child(even) {
// background-color: #f2f2f2;
//}
td {
padding: 4pt;
margin: 4pt;
}
#border table, #border th, #border td{
 border:1px solid black;
}
.sidebar-title {
 border: 2px dotted #ccc;
 height:20px;
 width:230px;
 padding:10px;
 margin-top:5px;
 margin-bottom:5px;
 font-weight:bold;
 background-color:#BA5151;
 color:white;
}
.footer-title {
 //float:left;
 border: 2px dotted #ccc;
 height:20px;
 width:330px;
 padding:10px;
 margin-top:5px;
 margin-bottom:5px;
 font-weight:bold;
 background-color:#BA5151;
 color:white;
}
.inset {
 border-top: 2px dotted #ccc;
 border-bottom: 2px dotted #ccc;
 width: 227px;
 padding: 20px;
 margin: 20px;
 float:right;
 line-height:150%;
 color:#BA5151;
 font-weight: bold;
}
.comment {
 margin-left:30px;
 margin-right:30px;
 margin-top: 20px;
 margin-bottom: 20px;
 padding-top: 20px;
 padding-bottom: 20px;
 padding-left:50px;
 padding-right:30px;
 line-height:150%;
 color:black;
}
.topic {
 //border: 2px dotted #ccc;
 width: 230px;
 height: 150px;
 padding-top: 8px;
 padding-left:12px;
 padding-right:5px;
 padding-bottom:10px;
 margin: 3px;
 float:left;
 line-height:130%;
 color:black;
 font-size:10.5pt;
}
.topic a {
 display: inline-block;
 padding-top:0;
 padding-bottom:8px;
 margin:0;
}
.btn_more {
 font-weight:bold;
 font-size:10pt;
 background-color:#BA5151;
 //background-color:#666062;
 color:white;
 padding-right:15px;
 padding-left:15px;
 //padding-top:8px;
 //padding-bottom:8px;
 //margin-top:10px;
 //margin-bottom:10px;
}
.article {
 border: 2px dotted #ccc;
 width: 230px;
 height: 290px;
 //height: 180px;
 //height: 210px;
 padding-top: 0px;
 padding-left:12px;
 padding-right:5px;
 padding-bottom:10px;
 margin: 3px;
 float:left;
 line-height:130%;
 color:black;
 //background: url(images/gray_title.png) top center no-repeat;
 //background-color:#eaeaea;
 //background-color:#dfdfdf;
 //background:linear-gradient(white,#dfdfdf 40%) no-repeat;
 background:radial-gradient(circle,white,#dfdfdf) no-repeat;
 background-size:100% 52px;
 font-size:10.5pt;
}
.article a {
 display: inline-block;
 padding-top:8px;
 padding-bottom:8px;
 margin:0;
}
.article:hover{
background-color:#edc7b4;
}
.article-title {
 font-weight:bold;
 color: #BA5151;
 font-size:12pt;
}
.twitterbox {
 width:220px;
 height:800px;
 overflow:auto;
}
.sm_gray_icon {
  width: 20px;
  height: 20px;
}
.sm_icon {
  width: 17px;
  height: 17px;
  border-top: 2px dotted #ccc;
  border-bottom: 2px dotted #ccc;
  border-left: 1px dotted #ccc;
  border-right: 1px dotted #ccc;
  padding-top: 13px;
  padding-bottom:13px;
  padding-left:15px;
  padding-right:15px;
  margin: 0px;
  color:black;
  background-color:white;
}



.mobileHide { display: inline;}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
   .mobileHide { display: none;}
}

.mobileShow { display: none;}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
   .mobileShow { display: inline;}
}