body {font-family: Tahoma;}
h1 {text-align:center;padding:center}
/* div {border:1px solid red;} */
#main {max-width:1024px;margin-left:auto;margin-right:auto; background-image: url("images/wallpaper.png");border:1px solid black;}

.col-left {float:left;width:50%;padding: 0px 20px 0px 0px;}
.col-right {margin-left:auto; width:50%;}

#main-left {border-right:1px solid black}
#main-right {width:50%;margin-left:50%;padding:auto;}

#rb-list {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }

#shelf1, #shelf2,
#fp1, #fp2 {text-align:center;width:50%;}

ul {text-align: left;}
li {font-size: 0.8em;}

#signature {filter: drop-shadow(1px 1px 0px #000);padding:auto;width:70%;margin:auto;clear:both;text-align:center;position:relative;top:1.5em;}

#main-left img {width:80%; filter: drop-shadow(2px 2px 2px #000);padding:auto;margin-top:20px;}

#quote-block {text-align:center;padding:0px;}
#quote-block img {width:80%;filter:drop-shadow(1px 1px 1px #000)}

#since {text-transform: uppercase; text-align: center;}
#since::before {content:"\2014\2014\2014\2014  ";font-stretch: ultra-expanded;}
#since::after {content:" \2014\2014\2014\2014";font-stretch: ultra-expanded;}

#references {text-align: left; font-style: italic; padding:50px;font-size:0.65em;}
#slogan {text-align: center; font-style: italic; padding:20px 50px 10px 50px;}

#footer {padding-bottom:10px;text-align:center;background-color: #000;font-size:0.85em;text-decoration: none;padding-top:4em;}
#footer, 
#footer a {color:#fff;}

#headshot {position:relative;float:right;top:-220px;max-height: 250px;filter: drop-shadow(-2px -1px 3px #000)}

a[href^="mailto:"]::after {
    content: " (\01f4e8)";
  }
  
a[href^="tel:"]::after {
    content: " (\260e)";
  }