/*  document.css

    defines layout for all site-internal documents and tutorials
*/

body {
    font-size: 100%;
}

/* logical elements come here */

.pagetitle {
    /* the title of the document, should be same everywhere it's referred */
    font-size: 27px;
    font-weight: bold;
    font-stretch: expanded;
    text-align: center;
    margin-bottom: 40px;
}


.pageend {
    /* small spacer on page-end to visualize there's nothing more to read */
    background-color: #EEEA73;
    margin-top: 30px;
    margin-right: 40%;
    margin-left: 40%;


}

.sectionheader{
    /* a section-header within a document  */
    font-size: 19px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 9px;

}

.subsectionheader{
    /* a subsection-header within a document  */
    font-size: 17px;
    font-weight: bold;
    margin-top: 18px;
    margin-bottom: 7px;

}

.subsubsectionheader{
    /* a subsubsection-header within a document  */
    font-size: 13px;
    font-weight: bold;
    margin-top: 17px;
    margin-bottom: 5px;

}

.sectionbody{
    /* a section-body within a document  */
}
.subsectionbody{
    /* a subsection-body within a document  */
}
.subsubsectionbody{
    /* a subsubsection-body within a document  */
}

/* some words about the document, after the abstract
.introduction{

    margin-top: 20px;
    margin-bottom: 10px;
}
*/

.references{
    /* a place for your links and sourcesbooks */
    margin-top: 40px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
    margin-top: 18px;
    margin-bottom: 7px;
}

.list-references{
}


.about{
    /* about the author, date, ... place on the end of the file */
    margin-top: 40px;
    font-size: 9px;
}


.external {
    /* this is only used within this context :

       (<span class="external">external</span>)

    */
    font-style: italic;
}


/* a short word about figures and code/console blocks :
 
   Try to embed pictures or code/console snippets like this :

    <div class="figure">
        <pre class="code">
    your text in here
        </pre>
    <div class="figuretext">Fig 1: Binary extraction code</div>
    </div>

    You may replace "code" with "terminal" or the whole
    div-block with an image


*/
.figure {
    /* use this for figures and other addons */
    margin-top: 20px;
    margin-bottom: 30px;

}

.figuretext {
    /* use this for a small text under a figure */
    font-style: italic;
    font-size: 10px;
}

pre.code {
    /* use this for code */
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    background: #FFFFE6;
    width: 95%;
}

pre.terminal {
    /* use this for console in/output */
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    width: 95%;
    background: #000000;
    color: #ffffff;
}