/* base-tag.css -> base-tag.html */
@font-face {
   font-family: 'JennaSueRegular';
   src: url('fonts/jenna-sue/JennaSue-webfont.eot');
   src: url('fonts/jenna-sue/JennaSue-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/jenna-sue/JennaSue-webfont.woff') format('woff'),
        url('fonts/jenna-sue/JennaSue-webfont.ttf') format('truetype'),
        url('fonts/jenna-sue/JennaSue-webfont.svg#JennaSueRegular') format('svg');
   }
body {
   background: rgba(51,85,102,0.3);//#f9f9f9;
   font-family:verdana,arial,sans-serif;
   font-size:1em;
   color:#333;
   line-height:1.5em;
   text-align:center;
   }
#wrapper {
   background:#fff;
   width:80%;
   max-width:950px;
   min-width:750px;
   margin:0 auto;
   text-align:left;
   border:solid 1px #ddd;
   border-top:none;
   border-bottom:none;
   }
#content {
   position:relative;
   margin:0 30px;
   padding:30px 0;
   min-height:calc(100vh - 130px);
   }
h1 {
   text-align:center;
   font-weight:normal;
   }
h1 span {
   font-size:70%;
   display:inline-block;
   margin-top:20px;
   color:#999;
   }
p.justify {
   text-align:justify;
   }
pre, code {
   font-family:"lucida console",monospace;
   color:#888;
   }
pre {
   text-align:center;
   }
pre span {
   color:#b00;
   display:inline-block;
   margin:5px 0;
   position:absolute;
   left:0px;
   }
h1 code {
   color:#44c;
   }
#pageLinks {
   color:#048;
   font-weight:bold;
   }
#sign {
   width:270px;
   height:60px;
   font-size:90%;
   color:#689;
   }
#sign b {
   text-decoration:underline;
   }
#sign i {
   display:none;
   background: url('images/append-em-bc.png') no-repeat;
   }
#sign:hover i {
   display:block;
   height:32px;
   }
#sign:hover b {
   color:#c00;
   }
code {
   color:#a48;
   padding:0 3px;
   }
code.selector {
   color:#368;
   }
pre {
   text-align:left;
   font-size:90%;
   line-height:120%;
   letter-spacing:0.025em;
   position:relative;
   margin-left:70px;
   }
pre span {
   position:relative;
   top:0;
   left:0;
   color:#21b24b;
   }
pre#layout span {
   display:inline-block;
   float:left;
   color:#888;
   }
pre s {
   position:absolute;
   display:block;
   height:7.5em;
   border-left:solid 1px #aaa;
   left:-30px;
   top:1em;
   }
h3 {
   position:relative;
   }
#btn {
   outline:none;
   }
.new-badge{
   position:absolute;
   display:inline-block;
   top:-35px;
   left:100%;
   margin-left:-8px;
   width:41px;
   height:58px;
   z-index:3;
   background:url('images/icon-new-rev.png') no-repeat;
   background-size:38px;
   }
pre br {display:none}
@media print {
   html, body {background:#fff}
@supports (-webkit-appearance:none) {
   body {
   font-size:0.95em;
   line-height:1.4em;
      }
   }
   #wrapper {
   border:none;
   width:100%;
      }
   #pageLinks {
   display:none;
      }
   #content a:visited {
   color:blue;
      }
   .pbBefore {display:block;page-break-before:always;break-before:always}
   .topMargin {display:block;margin-top:30px}
   pre br {display:inline-block}
   pre i {margin-left:0}
   #RootsBanner-SearchWrapper, #fp_ftr {
   display:none;
      }
   }