html{
padding:0;
margin:0;
padding-bottom:150px;
background-color:#fefefe;
overflow-y:scroll;
}
body{
font-family:  Helvetica, Arial, sans-serif;;
max-width:700px;
margin-left:auto;
margin-right:auto;
/*width:auto;
margin:0;
display:flex;
flex-direction:column;
align-items:center;*/
}
 a {
  text-decoration: none !important;
  color:#1E577D;
}

#head{
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
background-color:#fefefe;
border-bottom:2px solid #1E577D;
height:180px;

}
#titleWrapper{
color:#1E577D;
}
#title{
font-size:300%;
font-weight:bold;
}
#subtitle{
font-style:italic;
font-size:120%;
}
#idWrapper{
   max-width:144px;
   margin-left:10px;
   max-height:150px;
   display:block;
}
#idPhoto{
   border-radius:10px;
   box-shadow: 0px 3px 3px #aeaeae;
   max-width:auto;
   max-height:150px;
}
.hidden{
display:none;
}
#contentWrapper{
margin-top:15px;
}
h2{
color:#1E577D;
}
h3{
color:#1E577D;
}
#content>p{
padding-left:0px;
}
#content>div{
padding-left:0px;
}
#content{
margin-top:30px;
}

.softList{
   list-style:none;
   padding-left:10px;
}
.softList >li > h3{
   font-family: monospace;
   font-size:15px;
   height:20px;
}
.softList > li >p  {
   padding-left:10px;
}

#resList{
   list-style:none;
   padding-left:10px;
}
#resList >li > h3{
   font-family: monospace;
   font-size:15px;
   height:20px;
}
#resList > li >p  {
   padding-left:10px;
}
#resList > li > h3> a> img{
   height:20px;
}

#navbar{
}
#navbar > ul{
   padding:0;
   margin:0;
   list-style:none;
   display:flex;
   flex-direction:row;
   justify-content:flex-start;
}
#navbar > ul > li{
   color:#1E577D;
   margin-right:10px;

}
#navbar > ul > li:hover{
   cursor: pointer;
}
#homeImg{
   height:20px;
   width:20px;
   background-image: url('../img/home.svg');
}

#navbar > ul > li >a{
   height:20px;
   display:flex;
   align-items:center;
   color: inherit;
   text-decoration:none;
}
#navbar > ul > li > a> img{
   height:20px;
   margin-right:2px;
}



.pub{
  font-family:  Helvetica, Arial, sans-serif;
  font-size:80%;
}
.pubDateWrap{
   position:relative;
}
.pubDate{
   position: absolute;
   left:-50px;
   color:#1E577D;
   font-style:bold;
}

.pubTypeWrap{
   position:relative;
}
.pubType{
   position: absolute;
   width:100px;
   left:-110px;
   color:#1E577D;
   font-style:bold;
   text-align: right;
   font-size:80%;
}


.publiTitle{
   font-style:italic;
}
.publiTitle > a {
   text-decoration: none !important;
   color:#1E577D;

}

#wcloud{
  position:relative;
  width:100%;
  text-align:center;
  height:300px;
}

.deco{
  width:100%;
  text-align: center;
}
.deco > img{
  width:50%;
  height:50%;
}