h3
{
  margin-bottom:0 ;
  padding-bottom:0 ;
}

h4
{
  margin-top: 1em;
}

#contact code 
{
  font-weight:normal ;
  font-size:80% ;
}

ul.icons li small 
{
  display:block;
  overflow: hidden;
  margin:0 ;
  height:0 ;
  width:0 ;
}

#contact
{
  width:100%;
}

#contact ul
{
  float:right ;
}

#contact-details
{
  float:left ;
  margin-top:0;
  margin-bottom:.25em ;
}

#contact-details small.breaker
{
  visibility:hidden ;
  display: block;
  float:right;
  overflow: hidden;
  margin:0 ;
  height:0 ;
  width:0 ;
}

.publi .illus
{
  float:right;
  text-align:right;
  width:22% ;
  padding-left:.5em ;
}

.publi p
{
  margin-top:0 ;
  margin-bottom:.5em ;
}


.publi p.authors
{
  margin: auto 0 ;
}

.publi p.authors, p.authors a
{
  color:#7f0a0c;
}
.publi p.authors a:hover
{
  text-decoration:underline;
}

.publi p.erratum, p.abstract
{
  font-size: 90% ;
  text-align:justify ;
}

.publi p.erratum strong
{
  color:orange ;
}

.publi h5, h6
{
  margin-bottom:.25em ;
}
.publi ul.icons
{
  margin-bottom: 0 ;
  padding-bottom: 0 ;
  overflow:hidden;
  height:1.65em ;
}

.publi
{
  padding-bottom:1.5em ;
}

ul{
  margin-left:2em;
}

ul.in-paragraph
{
  margin-top:-1em;
  margin-bottom:.5em;
}

a.soft
{
  font-weight:bolder;
}


.markdown p {
  text-align:justify;
}

@media only screen and (min-width: 48em) {

.main {
  padding-left:2em ;
}

div.markdown {
  max-width:600px;
}

div#fixed-side-bar
{
  width:100% ;
  position:fixed ;
  height:0 ;
  left:0 ;
  top:45px ;
}

#fixed-side-bar .restrict-to-grid
{
  width:100% ;
    max-width: 62.5em;
    margin: 0 auto; 
    height:0 ;
}

#fixed-side-bar div#contact
{
    width:25% ;
    position:relative ;
    left:75% ;
    text-align:right ;
    padding-left:0 ;
}

#contact-details
{
  float:right;
}

}

.contain-to-grid {
  width: 100%;
  background: #111111; 
  height: 45px;
  margin: 0;
  padding: 0;
}

/* Foundation top-bar, minus js */
.top-bar {
  overflow: hidden;
  height: 45px;
  line-height: 45px;
  position: relative;
  background: #111111;
  margin-bottom: 1.875em; 
}

.top-bar ul {
  height: auto;
  display: block;
  font-size: 16px;
  margin: 0; 
  padding: 0;
  list-style: none;
}
.top-bar ul li {
  padding:0 ; 
  margin:0 ;
  list-style: none;
  display: block;
  float:left ;
}
.top-bar ul li a {
  display: block;
  width: 100%;
  color: white;
  padding: 12px .5em 12px .5em;
  font-size: 0.8125em;
  font-weight: bold;
  margin:0 ;
  height: 45px; 
}
.top-bar ul li a:hover
{
  background: #333333 
}

@media only screen and (max-width: 25em) {

.contain-to-grid, .top-bar {
  position:relative ;
  height:auto ;
  margin-bottom:0 ;
}

.top-bar ul {
  width:100% ;
  margin-bottom:0 ;
}
.top-bar ul li {
  clear:left ;
  width:100% ;
  margin-bottom:0 ;
}



}