/* @@@@@@@@@@@@@@@@ FILE: common/biomat-blog.css @@@@@@@@@@@@@@@@ */
#blog-header{padding-top:0; background:url('/images/blog/biomat-blog-header.webp'); background-repeat:repeat-x; margin:0; padding:0; background-color:#d59c0c;}
#blog-header a{display:block; width:1200px; height:auto; max-width:100%; margin:0 auto; text-decoration:none; padding:0; background-color:#d59c0c;}
#content {border-radius:0; box-shadow:none; background-color:#528; max-width:1200px; margin:0 auto;}
.hflexwrap {display:flex; flex-flow:row wrap; width:1200px; max-width:100%; gap:1.5em;}
#blogcontent {flex:8; background-color:white; padding:0 1.5em; border-radius:0.5em;}
#blogsidebar {flex:2; background-color:white; padding:1em; border-radius:0.5em; height:fit-content;}
#blogsidebar h3 {font-size:1em; border-bottom:5px solid #d59c0c; margin-top:3em;}
#blogsidebar a, #fulllisting a {display:block; text-decoration:none; background-color:#eef; margin-bottom:0.5em; padding:0.2em; border-radius:0.5em; color:#528;}
#blogsidebar a:hover, #fulllisting a:hover {background-color:#199; color:white;}
#fulllisting {counter-reset:a; border-top:5px solid #d59c0c;}
#fulllisting a:before {counter-increment:a; content:counter(a)". "}
a#homelink {display:block; width:50px; width:50px; margin:0 auto; background-color:white; padding:0; border:2px solid transparent; border-radius:1px;}
a#homelink {display:block; width:50px; width:50px; margin:0 auto; background-color:white; padding:0; border:2px solid transparent; border-radius:1px;}
a#homelink:hover {display:block; border-color:#199;}
.created {font-size:0.8em; color:#666; font-style:italic; text-align:right;}
.site-footer .site-title:after{content:"";}
figcaption {font-size:0.75em; padding-left:1em; font-style:italic; color:#555;}
h3 {border:none;}
.blue-ol {list-style:none; counter-reset:li; margin-left:1em;}
.blue-ol li{position:relative; margin-bottom:0.6em;}
.blue-ol li:before {top:-0.2em; content:counter(li); margin-left:-2.4em; border-radius:0.75em; counter-increment:li; background:#66f; color:white; position:absolute; width:2em; height:1em; text-align:center; font-size:1em; padding:0.2em 0;}
.linedbox {margin:1em; border:1px solid #888; border-radius:1em; padding:0.5em 1em;}
#breadcrumb, #breadcrumb a {color:#555; font-size:0.9em; font-style:italic;}
#breadcrumb a {border-bottom:2px dotted #555;}
#breadcrumb a:hover {background-color:#199; color:white;}