#banner { 
       position: absolute; 
       top: 0; 
       left: 0; 
       background-color: #cfcfcf; 
       width: 100%;
       height:120px;
       margin:0px; 
       margin-bottom:120px;
       min-width:1050px;     
}
#banner-content { 
  position:absolute;
  top:35px;
  left:50px;
  width: 800px; 
  font-family: 'LinuxBiolinumORegular', sans-serif;
     }

#main-content { 
       padding-top: 70px;
    }


.journaltitle { 
  /* position:absolute;
  top:50;
  left:88.5px; */
  letter-spacing: -1px; 
  font-family: 'LinuxBiolinumORegular', sans-serif;
  font-size:48px; 
  line-height: 55px; 
  color: #000;
}


strong { 
  color: #b0f;
  color: #80c;
  font-style:normal;
  font-weight:500;
}



* {
  margin: 0;
  padding: 0;
}

img { width:100%; }

.bannerimg { width:100%; margin-bottom:10px; }

body {
  background: #fefefe;
  text-align: justify;
  text-justify:inter-cluster;
  /* font-family: 'Oswald','Barlow Condensed','Open Sans Condensed','Saira Extra Condensed','Barlow Condensed','Fira Sans','LinuxBiolinumORegular', sans-serif; */ 
  font-family: 'LinuxBiolinumORegular', sans-serif; 
  /* font-family: 'linux_biolinum_oregular', sans-serif; */ 
  font-size:24px; 
  line-height: 26px; 
  color: #000;
  letter-spacing:-.3pt;
}


pre {
font-family: "Inconsolata"; font-weight:400;
margin:0px;
line-height:16px;
font-size:105%;
}

.email {
font-family: "Inconsolata"; font-weight:400;
font-size:85%;
background: #eee;
padding: 2px;
}

code {
font-family: "Inconsolata"; font-weight:400;
margin:0px;
line-height:16px;
font-size:110%;
}

h1,h2,h3,h4,h5,h6 { 
font-family: 'LinuxBiolinumORegular', sans-serif;
font-weight: 500;
/* font-variant:small-caps; */
/* font-family: 'Roboto Slab', serif; font-weight: 500; */
} 



dt { font-size:90%; margin-top:2px; margin-bottom:1px; font-weight:900; } 
dd { margin-left:0em; margin-top,margin-bottom:1px; } 
li { margin-bottom:0px; margin-left:2em; }
/* ul { list-style: none; }
ul li:before {
 content: "-";
 } */
/* .dlist p { padding:0px; margin:0px; } */


.banner {
  text-align: center;
} 

.site {
  /* width: 42em;
  margin: 3em auto 2em; 
  line-height: 1.5em; */
}

a {
  text-decoration: none;
}

.answer {font-size: 85%; line-height:1.2em; 
}

a:link,
a:visited {
  color: #F30;
  color: #D06;
}

a:hover {
  color: #F10;
  color: #F0A;
}

#main {
  position: absolute;
  top: 140px;
  left: 50px;
  width: 740px;
  /* line-height: 21px; */
  padding-bottom:30px;
}



#main h1 {
  /* font-size: 38px; */
  font-size: 38px;
  line-height: 38px;
  letter-spacing: -1px; 
  padding-bottom:8px;
  border-width: 0 0 3px 0;
  /* border-bottom: 4px dotted #aaa; */
  margin-bottom:5px;
  margin-left:0px;
}


#main h2 {
  margin-top:35px;
  margin-bottom:20px;
  font-size:25px;
  font-weight:700;
  /* border-bottom: 3px solid #b0f; */
}

#main h2 { 
/* padding-bottom:5px; margin-bottom:10px; margin-top:15px;
font-weight:900;
width:350px; */
}


#main h2::before {
/* content:"☐ "; */
content:"■ ";
color: #80c;
line-height:0px;
font-size:135%;
opacity:0.5;
margin-right:-4px;
} 



#main p {
  margin: 10px 0;
  /* font-size: 18px; */ 
}

.essay p { margin-bottom: 20px; 
}

ul, ol {
  margin: 00px;
}

ul {
/*  list-style: none; */
}


/* li:before {
  content: "...";
  padding-right: 5px;
}*/  

/* .edit {
margin:0px;
padding:0px;
margin-left:30px;
font-size:100%;
font-style:normal;
} */

.smallernobullet {
font-size:85%;
letter-spacing: -.75px;
word-spacing: -.75px;
line-height: 22px; 
}
.smallernobullet ul {
 list-style: none; 
}
.smallernobullet li {
 margin-top:5px;
 margin-bottom:5px;
 margin-left:20px;
}


.nobullet ul {
 list-style: none; 
}

.nobullet li {
 margin-top:5px;
 margin-bottom:5px;
 margin-left:20px;
}

.topic {
margin-top:3px;
margin-left:20px;
margin-bottom:9px;
display:block;
font-style:normal;
color:#222;
font-size:85%;
/* letter-spacing: -.5px;*/
font-family:'Open Sans Condensed';
/* font-variant: small-caps; 
font-style:normal; */
}

.paper {
margin-top:0px;
margin-bottom:0px;
line-height:21px;
clear:both;
}

.paper::before {
content:"";
padding-right:200px;
margin-right:-200px;
margin-left:-5px;
/* border-bottom: 3px dotted #bbb;*/
padding-bottom:-2px;
}

.paperpub{ 
margin:0px;
margin-left:120px; 
line-height:20px;
margin-top:0px;
}

.papercomment { 
font-family: 'Roboto Slab', serif; font-weight: 300; font-style:normal; 
font-size:85%; line-height:18px; margin-top: 8px; margin-bottom:4px; margin-left:120px; margin-right:00px;
}

.papertitle { font-weight:600; }


.publink {
  float: left;
  width: 100px;
  margin: 0px;
  padding-right: 9px;
  margin-right: 9px;
  margin-bottom: 10px;
  margin-top:6px;
  border-right: 2px dotted #ccc;
}

.pubgabbay { font-family: 'Roboto Slab', serif; font-weight:400; font-size:80% }
.pubcode { font-weight:300; font-size:90%;  float:right; }
.talkslides{ font-weight:500; font-size:90%;  }


/* .publink::after {
content:"";
padding-left:200px;
margin-left:-200px;
border-bottom: 3px dotted #bbb;
}*/

.topcomment {
  position: absolute;
  left: 390px;
  text-align: left;
  font-family: 'Roboto Slab', serif; font-weight: 300; 
  font-size:13px;
  width:335px;
  font-weight:900;
  padding-left:10px;
  padding-bottom:0px; border-bottom: 4px dotted #aaa;
  /* padding-top:20px; 
  margin-top:-30px; */ 
}


.mysmall {
font-size:90%;
}


.smallitalic {
font-size:90%;
font-style:italic;
}

.myquote {
font-size:90%;
font-style:italic;
margin:10px; padding:10px;
padding-top:0px;
padding-bottom:2px;
border-left: 2px dotted #aaa;
}


.vspace {
content:" ";
margin-top:50px;
}

.paperlist {
  margin-top:50px;
  min-height: 500px;
}

.talklist {
  margin-top:50px;
  min-height: 250px;
}

.wide570 { width:480px; }
.wide200 { width:100px; }

.sidecomment {
  -webkit-transform: rotate(90deg);
  -khtml-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
  -khtml-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  position: absolute;
  left: 730px;
  font-family: 'Roboto Slab', serif; font-weight: 300; 
  font-size:20px;
  font-style:normal;
  margin-top:20px;
  padding-left:10px;
  padding-bottom:10px;
  line-height:25px; 
  /* border-bottom: 4px dotted #aaa; */
}

.sidecomment strong {
  font-size:65px;
  color:#aaa ;
  font-weight: 900; 
}


/*#publink a { margin-left:5px; margin-right:5px; }*/


#sidebar {
  position: absolute;
  top: 50px;
  left: 40px;
  width: 130px;
  padding: 30px 20px 0 0;
  border-right: 4px dotted #aaa;
  font-weight:600; 
  word-spacing: 0px;
  letter-spacing: 0px;
  line-height:21px;
}

.aphorism { font-weight:200; font-size:80%; line-height:16px;  padding-top:10px;  padding-bottom:5px; 
}
.aphorismauthor { font-style:oblique; float:right; }

#sidebar h2 {
  font-weight:300;
  /* font-variant:small-caps;
  font-size: 18px; */
  text-transform: uppercase;
  font-size: 16px;
  color: #333;
  margin-top:10px;
  margin-bottom:5px;
  font-style:normal;
}

#sidebar ul {
  list-style-type: none;
  margin: 20px 0;
}

#sidebar li {
  font-size: 15px;
}


.myphoto
{
float:right;
width:140px;
padding:0px;
padding-left:10px;
margin:0px;
margin-left:10px;
/* border-left: 2px dotted #aaa; */ 
}


.beerright
{
float:right;
width:140px;
padding:0px;
padding-left:10px;
margin:8px;
margin-right:-40px;
border-left: 2px dotted #aaa; 
}


.floatrightsmall
{
float:right;
width:340px;
padding:0px;
padding-left:10px;
margin:8px;
margin-right:-40px;
border-left: 2px dotted #aaa; 
}

.floatrightsmall img
{ width: 100% }

.floatleftsmall
{
float:left;
width:340px;
padding:0px;
padding-right:10px;
margin:8px;
margin-left:-40px;
border-right: 2px dotted #aaa; 
}

.floatleftsmall img
{ width: 100% }


.floatright
{
float:right;
width:300px;
padding-left:40px;
margin:20px;
}

.floatleft
{
float:left;
width:300px;
padding-right:40px;
margin:20px;
}

.slogan 
{
/* font-family: 'Delius', cursive; */
font-size: 70%;
line-height: 15px;
display: block;
font-weight: 300;
}


.myimage
{ 
margin:30px;
width:600px;
}


.clearfix:after {
  content:"";
  display:table;
  clear:both;
}

.thumbnail-container {float:left; margin:1em;}
.thumbnail-name {margin:.5em; text-align:center; font-size:80%; width:100%; }
.thumbnail img {padding:0; width:100%; }


blockquote {
  background: #f9f9f9;
  border-left: 4px dotted #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

.newimage img {
margin-left:30px;
width:16em; margin-bottom:1em;
}

.line-through{text-decoration:line-through}

.squote:before {
content:"‘";
}
.squote:after {
content:"’";
}

/* https://stackoverflow.com/questions/11226126/how-can-i-create-a-small-color-box-using-html-and-css/11226586 */

.foo {
  float: left;
  width: 15px;
  height: 15px;
  margin: 5px;
  border: 1px solid rgba(0, 0, 0, .2);
}

.blue {
  background: #13b4ff;
}

.purple {
  /* border: 2px solid #ab3fdd; */
  background: #ab3fdd; 
}

.wine {
  background: #ae163e;
}