@charset "utf-8";

/**
 *                        Print Cascading Style Sheet
 *                        ***************************
 *
 *     This style sheet designs page look (for printing, saving as PDF etc.).
 * More information about CSS paged media at : http://w3.org/TR/CSS2/page.html.
 */

/**
 * Layout
 */

div#nav, div#menu, div#sidebar, div#footer {
    display: none;
}

div#header {
    text-align: center;
}

/**
 * Fonts
 *
 * The first line is for Mac OS X's fonts, the second line is for Linux's
 * fonts, and the third line is for Windows' fonts.
 */

body {
    font: 80%/1.5em "Lucida Grande", Geneva,
                    "DejaVu Sans", "Bitstream Vera Sans", "AnjaliOldLipi",
                    "Lucida sans", "Trebuchet MS", Arial, Verdana;
}

    body:after {
        content: "Hoa Framework — hoa-project.net — ivan.enderlin @ hoa-project.net";
        display: block;
        text-align: center;
        padding: 1em 0 0 0;
        border: #000 solid;
        border-width: 1px 0 0 0;
    }

address, code, kbd, pre, samp, tt,
div.codebox {
    font: 110% "Andale Mono", Monaco,
               "Bitstream Vera Sans Mono", "DejaVu Sans Mono",
               "Lucida Console", "Courier New", Courier, Monospace;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Georgia,
                 "Bitstream Charter", FreeSerif;
}

p {
    text-align: justify;
    text-indent: 2em;
}

    p.intro {
        font: italic 100% Georgia,
                          "Bitstream Charset", FreeSerif;
        text-indent: 0;
    }

hr {
    color: #aaa;
    height: 1px;
    width: 85%;
    margin: 0 auto;
    border: #bbb solid;
    border-width: 1px 0 0 0;
    background: #aaa;
}

/**
 * Sections
 */

h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid !important;
}

/**
 * Lists
 */

div#container ul {
    margin: 0;
    padding: 0 0 0 1em;
}

    div#container ul.no {
        list-style-type: disc;
        background: none;
    }

    div#container ul.square {
        list-style-type: square;
    }

    div#container ul.circle {
        list-style-type: circle;
    }

    div#container ul.disc {
        list-style-type: disc
    }

    div#container ul li {
        padding: 0 0 0 .5em;
    }

div#container ol {
    list-style-type: decimal;
}

    div#container ol.a {
        list-style-type: lower-alpha;
    }

    div#container ol.A {
        list-style-type: upper-alpha;
    }

    div#container ol.i {
        list-style-type: lower-roman;
    }

    div#container ol.I {
        list-style-type: upper-roman;
    }

    div#container ol.\31 {             /* ol.\31 = ol.1                     */
        list-style-type: decimal;
    }

/**
 * Phrases elements
 */

a, a:link, a:visited, a:hover, a:active {
    color: #aaa;
    text-decoration: none;
    border: 1px #ddd dotted;
    border-width: 0 0 1px 0;
}

    div#container a.no-content:before,
    div#container a.no-content:after,
    code a:before, pre a:before,
    code a:after, pre a:after {
        content: "" !important;
    }

    div#container a[hreflang]:after {
        content: " ("attr(hreflang)")";
    }

    div#container a[href]:after {
        content: " <"attr(href)">";
    }

q {
    quotes: "\00AB" "\00BB" "\201C" "\201D";
}

    q:lang(en) {
        quotes: "\201C" "\201D" "\2018" "\2019";
    }

    q:lang(fr) {
        quotes: "\00AB" "\00BB" "\201C" "\201D";
    }

    q:before {
        content: open-quote;
    }
    q:after {
        content: close-quote;
    }

cite { }                               /* already defined in ./Reset.css      */

    cite * {
        font-style: italic;
    }

code, pre {
    page-break-inside: avoid !important;
}

var {
    color: #888;
}

samp {
    color: #fff;
    padding: 0 .3em;
    background: #000;
}

kbd {
    font-size: 90%;
    padding: .2em .4em;
    border: 1px #aaa solid;
}

ins {
    color: #58a31f;
}

    ins[datetime]:after {
        color: #888;
        content: " ("attr(datetime)")";
    }

del {
    color: #bd121a;
}

    del[datetime]:after {
        color: #888;
        content: " ("attr(datetime)")";
    }

/**
 * Tabular data
 */

table {
    margin: 1em  auto 0 auto;
    border-collapse: collapse;
    border: 0;

    page-break-inside: avoid !important;
}

caption {
    font: 100%  Georgia, Verdana, sans-serif;
    letter-spacing: .1em;
    text-align: center;
    caption-side: bottom;

    margin: 0 auto 1em auto;
    padding: .3em 0 23px 0;
    border-top: 3px #000 double;
}

    caption span.figure {
        font-variant: small-caps;
        margin: 0 1em 0 0;
    }

thead, tfoot, thead th, tfoot th {
    font-weight: bold;
    text-shadow:#eee -1px -2px 0;
    margin: .2em;
    border: 1px #aaa solid;
}

    thead, thead th {
        border-width: 0 0 1px 0;
    }

    tfoot, tfoot th {
        border-width: 1px 0 0 0;
    }

tr {
    border-bottom: 1px #aaa solid;
}

th, td {
    font-weight: normal;
    text-align: center;
    padding: .5em;
}

    th {
        border-right: 1px #aaa solid;
    }

    td {
        margin: .2em;
    }

/**
 * Forms
 */

form {
    padding: 1em;
    border: 1px #aaa dashed;
}

    form p {
        margin: .5em 0;
        padding: 0;
    }

    form p.button, form p.inline {
        text-align: center;
    }

    form p.paragraph {
        text-align: left;
    }

fieldset {
    padding: 1em;
    border: 1px #ccc solid;
}

legend {
    font-weight: bold;
    letter-spacing: 1pt;
    padding: 0 1.5em;
}

label {
    float: left;
    display: block;
    width: 50%;
    padding: 0 1em 0 0;
    text-align: right;
    cursor: pointer;
}

textarea {
    width: 40%;
    height: 6em;
}

select {
    height: auto;
}

optgroup {
    font-style:normal;
    font-weight:normal;
    padding: 0 0 0 .5em;
}

option {
    color: #000;
    padding: 0 0 0 1.5em;
}

input.name {
    font-variant: small-caps;
}

/**
 * Misc
 */

br {
    clear: both;
}

.tCenter {
    text-align: center;
}

.fLeft {
    float: left;
}

    img.fLeft {
        margin: 0 1em 1em 0;
    }

.fRight {
    float: right;
}

    img.fRight {
        margin: 0 0 1em 1em;
    }

.clear {
    clear: both;
}

    .clearLeft {
        clear: left;
    }

    .clearRight {
        clear: right;
    }

    .clearBoth {
        clear: both;
    }