/* =====================================================================
 *  Minimal "Holy Grail" 3-pane, implemented using a table
 * ===================================================================== */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *  reset
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body { margin: 0 0; }
a img { border-width: 0; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *  layout
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#torso table.layout {
    width: 100%;
}
div#torso table.layout td.lsidebar {
    width: 240px;
    vertical-align: top;
}
div#torso table.layout td.rsidebar {
    width: 240px;
    vertical-align: top;
}
div#torso table.layout td.content {
    vertical-align: top;
}

div#header td.right { width: 33%; }
div#footer td.left { width: 33%; }
div#footer td.center { width: 34%; }
div#footer td.right { width: 33%; }

div#header { padding: 10px 20px; }
div#footer { padding: 10px 20px 12px 20px; }
div#lsidebar, div#content, div#rsidebar { padding: 20px; }

div#content { max-width: 700px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *  nav
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#lsidebar ul.menu {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

#lsidebar div.nav ul ul { padding-left: 20px; }

#lsidebar div.nav li.selected {
    border: 1px dotted #999;
    padding-left: 0.375em;
    padding-right: 0.375em;
}

#lsidebar div.nav ul.menu li {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    font-family: sans-serif;
    font-size: small;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *  skin(less)
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#header { border-bottom: 1px solid #000; }
div#footer { border-top: 1px solid #000; }
div#lsidebar { border-right: 1px dotted #999; }
div#rsidebar { border-left: 1px dotted #999; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *  typography
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.small-caps {
    font-size: 72%;
    text-transform: uppercase;
}

.faq dt {
    font-weight: bold;
    margin-top: 1.5em;
}
/* .faq dd { margin: 0; } */
#content h1 {
    margin-top: 10px;
    font-size: 1.8em;
}

#lsidebar h2 {
    margin-top: 1.2em;
    font-family: serif;
    font-weight: bold;
    font-size: small;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *  iorbock.fi local additions
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#header {
    background-color: #ccc;
    border-bottom: 1px solid #999;
}

div.nav.main {
    border: 1px solid black;
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.ukk h1 {
    font-size: 1.5em;
}
.ukk dt {
    font-weight: bold;
    margin-top: 1.5em;
}
.ukk dd { margin: 0; }

div.quotation.source > p.credit:before { content: "L\00C4HDE: "; }

div#content p { text-align: justify; }

div#footer td { color: #666; }

div.covernote {
    background-color: #eee;
    border: 1px solid #ccc;
    font-family: arial,helvetica,sans-serif;
    font-size: small;
    padding-left: 1.2em;
    padding-right: 1.2em;
    border-radius: 10px;
    -moz-border-radius: 10px;
}

.shadow {
    box-shadow: 0px 0px 15px #888;
    -webkit-box-shadow: 0px 0px 15px #888;
    -moz-box-shadow: 0px 0px 15px #888;
}