.articlesnippet, .questionsnippet
{
  clear: both;
  margin-top: 9px;
   padding-bottom: 16px;
   padding-top: 5px;   
   height: auto;
   border-bottom: 1px #ccc dotted;
   overflow: auto;
}

.articlesnippet h3,.questionsnippet h3
{
  margin-top: 0;
  font-size: 120%;

}

.articlesnippet .articleprofilepc,.questionsnippet .questionprofilepic
{
  float: left;
  width: 90px;  
}

 .articlesnippettext, .questionsnippet .questionsnippettext
{
  float: left;
  width: 550px;
}

 .articlesnippetsubject, .questionsnippet .questionsnippetsubject
{
  float: right;
  width: 120px;
  text-align: right;
  width:80px;
}

.articleprofilepc
{
  float: left;
  width: 103px !important;
}

.articleprofilepc img
{
  width: 90% !important;
}

#articleformat
{
  font-size: 15px;
  line-height: 1.5;
color: #555;
}

#articleformat p
{
color: #555;
   line-height: 1.5;
}

#miniprofile
{
  float:right;
  width: 210px;
  background: #ddd;


  margin: 7px;
  padding: 11px;
  padding-top: 12px;
  padding-bottom: 2px;
  color: #000;
}

#miniprofile h3
{
  color: #333;
  margin-top: 0;
  
}

#miniprofile #rightminiprofile
{
  margin-left: 5px;
  float: left;

  line-height: 20px;
}

.panelcontent ul 
{
	margin-top: 10px;
	padding-left: 0;
	margin-left: 0;
}

.panelheadertitle
{
	font-weight: bold;
}

#miniprofile strong, #rightminiprofile strong
{
  color: #333;
}

#miniprofile a, #rightminiprofile a
{

  font-weight: bold;
}



.blogcontainer
{
	display: flex; 
	font-size: 90%;	
	justify-content: space-between; 
	flex-wrap: nowrap; 
	padding-right: 20px;
}


.blogitem
{
	  float:left;
      width:240px;
      background:#fff;
      height:440px;
      margin: 15px 12px 15px 0;
      border: 2px solid #eff2f8;
	  border-radius: 8px;
}


.blogitemwide
{
	  float:left;
      width:330px;
      background:#fff;
      min-height:520px;
      margin: 15px 12px 15px 0;
      border: 2px solid #eff2f8;
	  border-radius: 8px;
}






.bloglist
{
  margin:0;
padding: 0;  

}

.bloglist li
{
  margin-left:0;
padding-left: 0;  
  margin-left: -7px;
}

.blogmain
{
      margin: 10px;
	  
}

.blogcontent
{
      height: 220px;
}
.blogmenuright
{
      margin: 0 0 10px 10px;
}

.blogview
{
      padding: 10px 0 10px 0;
      color: #555;
}

.blogview img , .blogview h1
{
      padding: 10px;
      padding-bottom:0;
}

.blogview em
{
      color: #222;
}

.blogview h1
{
      margin-top:0;
      padding-top:0;
	  font-size: 140%;
}

.blogview h2
{
      margin-top:0;
      padding-top: 14px;
	    padding-bottom: 14px;
	  font-size: 126%;
	  color: #444;
}

.blogview li
{
      padding-bottom: 5px;
      list-style: square;
}

.blogview table
{
  border-collapse: collapse;
  margin: 0 !important;
}

.blogview td,.blogview th
{
      border: 1px #ccc solid;
      padding: 5px;
}

.blogview th
{
      background: #eee;
}

.blogview .blogimgfull
{
  width:400px;
  height:auto;
  float:right;
}


.blogitem h3
{
      color: #7aa3e6;
     font-size : 120%;
	 margin-top: 8px;
	 
}

.blogitem a:hover
{
      text-decoration:none;
}

.blogimg
{
      width:220px;
      height:115px;
}

.blogitemwide .blogimg
{
      width:320px;
    height: auto;
}





.blogmenuright h3
{
      margin:10px 0 20px 30px;
      color: #666666;
      font-size: 140%;
      font-weight:normal;
      padding:0 0 20px 0;
      border-bottom:3px solid #eee;
}



.blogtext
{
      color: #555;
      margin-bottom:10px;
      font-size: 100%;
	  line-height: 1.5;
}

.blogtext p 
{
      color: #555;
}


.blogfooter
{
      border-top: 1px solid #eee;
      margin-top: 10px;
      padding-top: 10px;
}


.blogsubject
{
      color: #666;
      font-size:85%;
      font-weight:bold;
      font-style: italic;
}

.blogview .blogsubject
{
      padding:0 0 10px 10px;
}

.blogdate
{
      color: #888;
}

.readmore a
{
    
      
}

.blogcomments
{
      float:right;
}

.blogcomments span
{
      color: #bbbdbe;
}

.blogcomments .commentno
{
      position:relative;
      top:-5px;
}

.blogview .blogcomments span
{
      position:relative;
      top:-4px;
}

.blogmenuright li
{
	color:#7aa3e6;
	font-size: 120%;
	margin-bottom:20px;
}

.blogmenuright a
{
	color: #75787b;
	text-decoration:none;
}



.blogcomment
{
	margin-top: 13px;
    padding: 5px;
    background: #eee;
	font-size:100%;
	margin-left: 300px;
}

.blogcommentfooter
{
      padding: 3px;
      padding-left: 5px;
      padding-top: 0;
      background: #eee;
      font-size:80%;
      color: #666;
	  margin-left: 300px;
}   



.blogcommentlink
{
	padding-top: 10px;
	position:relative;
	left:-10px;
    font-size: 90%;  
    cursor: pointer;
}


.blogcommentbox textarea[disabled]
{
  	color:red;
	background:#fff;
}






@media screen and (max-width: 720px) and (min-width: 180px)
{
	
	
.blogcontainer
{
	
	flex-direction: column;
}


.blogitem
{
  box-sizing: border-box !important;
  width: 100%;
  margin: 0;
  padding: 0;
  float: static;
}



.blogitem
{
      margin-bottom:10px;
}


.blogimg , .blogimgfull
{
      width:100%;
      height:auto;
}

.blogview .blogimgfull
{
  width:100%;
  height:auto;
  float:none;
}
  

.blogview img
{
      padding: 0;
}


.blogcontent , .blogitem
{
      height: auto;
}


}