@charset "UTF-8";
/* CSS Document */
/*----------------------------------------------------
  Global Reset v0.3 (based on meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212)
--------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; 
  vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
:focus { outline: 0; }
a {text-decoration: none; color:#808285;}

/* fonts */
@font-face {
    font-family: "fancyfont";
    src: url(".fonts/Nouveau_IBM.ttf");
}

@font-face {
    font-family: "monofont";
    src: url("./fonts/Nouveau-IBM.ttf");
}

/* everything else */

Body {
    color: black;
    font-family: monofont, mono, Courier;;
    line-height: 2.5ex;
    font-size: 1em;
}

pre  {
 background-color: #000000;
 color: #19dd22;
 padding: 1ex 1em;
 line-height: 1.66ex;
 font-family: 'monofont', mono, Courier;
 font-size: 0.9em;
overflow: scroll;
}

a:link {color: #800000;}
a:active {color: #800000;}
a:visited {color: #400000;}
a:hover {color: #b00000;}

#title, #logo {
    display: none;
}

#content {
    width: 100%;
    height: 100%;
    margin: 0;
}

.item {
    background: #bbb;
    font-family: fancyfont, mono, Courier;
    width: 100%;
    clear: right;
}

.item:first-of-type {
    clear: right;
padding-top: 2em;
}

.item ol {
    list-style: decimal;
}

.label {
    background-color: #999;
    font-family: fancyfont, mono, Courier;
    padding: 2px; 
    width: 100%;
}

.labelEp {
    width: 100%;
}

.copy {
    padding: 2px;
}

dl {
    padding-top: 2ex;
}

.footer { display: none; }

.side {
    background: rgba(145,156,164,0.8);
    font-family: fancyfont, mono, Courier;
    width: 100%;
    border: 1px solid #000;
    position: absolute;
    top:0;
}

.side ul {
    list-style-type: none;
}

.side li a {
    display: block;
    height: 1.5em;
    padding: 4px 0 4px 10px;
    line-height: 1.5em;
    text-decoration: none;
}

.fediring li a {
    display: inline-block;
}

.motionpix video {
    width: 100%;
}

/*.side li a:link, .side li a:visited {
    color: #666;
}

.side li a.selected{
    color: #000;
    background: #444;
} */

/* displays only first li of each ul 
.side li~li {
    display: none;
}
*/

/* display 2nd and 4th li 
.side li:nth-of-type(2n+1) {
    display: none;
} */

/* starting from 2nd .side, hide */
.side:nth-of-type(2n+2) {
    display: none;
}

/* Docbookalike */

.breakout {
    background-color: #222;
    color: #8DB591;
    font-family: mono;
    line-height: 109%;
    width: 60%;
    margin-left: 10%;
    padding: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.breakout img {
    vertical-align: -35%;
    padding: 4px;
}

.tip {
    margin-left: 10%;
     background-color: #94AAC0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 8px;
    line-height: 100%;
    width: 60%;
    border: 1px solid black;
}

.figure {
    border: 1px dotted #888;
    padding: 10px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    margin: 1em;
}

p.date {
    font-size: 1em;
    margin-bottom: -15px;
}

p.note {
    font-size: .8em;
    margin-top: -15px;
    width: 50%;
    margin-left: 15px;
}

.mono {
    font-family: courier, mono, sans;
    color: #333;
    font-size: 1.2em;
}