/*
 * OG box
 */

h3.bar {
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 2px 6px;
   

    /* cream on pine (10.9) */
    /* background: #2e3d33;
    color:      #fcfae2; */

    /* cream on dark green (8.6) */
    background: #3c4d3f;
    color:      #fcfae2;
 
    /* cream on moss (9.1) */
    /* background: #3b4a2a;
    color:      #fcfae2; */
 
    /* cream on oil teal (9.0) */
    /* background: #2f4a50;
    color:      #fcfae2; */
  
    /* cream on slate (9.1) */
    /* background: #3c4652;
    color:      #fcfae2; */
 
    /* cream on charcoal (11.4) */
    /* background: #33373a;
    color:      #fcfae2; */
 
    /* cream on black (19.9) */
    /* background: #000000;
    color:      #fcfae2; */
}
.box h3.bar {
    /* margin-left: -1em; */
    width: 100;
}

.box {
    border: 1px dotted #000;
    /* padding: 0.5em 1em; */
    padding: 1em 1em;
    background-color: #fffff0;
}
.box.under { 
    /* margin-left: 10px; */
    margin: -13px 0.25px 0px 0.25px;
    padding-top: 1.5em;
}


/* parchment background */
.box-parch {
    padding: 1em 1em;
    background-image: url("/img/borders/parchment.png");
    /* background-size: cover;
    background-position: center; */
    background-size: 100% 100%;
    margin: 6px;

}



/* 
 * lined notebook 
 */
 
.box-linenb {
    padding: 6px 12px 6px 36px;    
    line-height: 20px;              
    border: 1px dotted #000;
    background-color: #fffff0;
    background-image:
        linear-gradient(to right,
            transparent 26px, #b9d4a8 26px, #b9d4a8 27px, transparent 27px),
        repeating-linear-gradient(to bottom,
            transparent 0 19px, #dde4ea 19px 20px);
    background-position: 0 6px;    
}




/*
 * CRT screen
 */
 .box-crt {
    padding: 12px 14px;
    border: 3px solid #33373a;
    border-radius: 8px;
    color: #b9d4a8;
    text-shadow: 0 0 4px rgba(185,212,168,.6);          
    background-color: #0e130f;
    background-image: repeating-linear-gradient(to bottom,
                      transparent 0 2px, rgba(0,0,0,.35) 2px 3px);   
    box-shadow: inset 0 0 14px rgba(0,0,0,.9);           
    font-size: 20px;
}
 
.box-crt a { color: #dfe8d8; }



/**
 * Pelicanlake border
 */
.box-pelican {
    border: 40px solid transparent;
    border-image: url('../img/borders/pelicanlake.png') 40 round;
    padding: 4px;
    background: #fffff0;
    background-clip: padding-box;   /* keep the background inside the frame */
}


.gif-box {
    padding: 0px !important;
    border: #000 1px dotted;
    background-color: #fff;
}