/* 
    Created on : 28.05.2018, 18:16:44
    Author     : evomath
*/

pre {
    margin: 8px;    
}

sup {
    vertical-align: top;
}

span.brand {
    font-family: sans-serif;    
}

/* =============== letterspacing ============================================ */

#divDynamic {
    margin-top: 32px;
    margin-bottom: 32px;
    padding: 16px;
    border-style: solid;
    
}

#divSamples {
    
}

#divSamples h3 {
    text-align: left;
}

#divCtrls td {
    text-align: left;
}

div.meta h1 { margin-top: 128px; }
div.cont { font-family: sans-serif; font-size: 24px; }
div.cont h3 { background-color: #dde2ed /*#DDDDDD*/; padding: 4px;}
div.cont p.size24 { font-size: 24px; }
div.cont p.size36 { font-size: 36px; }
div.cont p.size48 { font-size: 48px; }
div.cont p.space0 { letter-spacing: normal; }
div.cont p.space1 { letter-spacing: 1px; }
div.cont p.space2 { letter-spacing: 2px; }
div.cont p.space4 { letter-spacing: 4px; }
div.cont p.space8 { letter-spacing: 8px; }
div.cont p.shadow1 { text-shadow: 1px 1px #CCCCCC; }
div.cont p.shadow2 { text-shadow: 2px 2px #ff0000; }
div.cont p.shadow4 { text-shadow: 4px 4px #ff0000; }
div.cont p.blur2 { text-shadow: 2px 2px 8px #ff0000; }
div.footnote p { font-size: 16px; text-align: left; font-family: serif; }
h1.title { text-align: center; font-size: 48px; font-family: sans-serif; }
h1.section { font-size: 48px; }
h2.section { font-size: 32px; }

a { 
    text-decoration: none; 
}

a:hover { 
    text-decoration: underline; 
}

span.author { 
    font-variant: small-caps; 
}

div.meta p {  
    line-height: 1.25; 
}

.blackboard { 
    color: #FFFFFF; 
    background: #000000; 
}

fieldset { 
    background: #dde2ed; /*#F8F8F8;*/ 
    padding: 16px; 
} 

table.controls { 
    width: 640px; 
}

form.control { 
    font-family: sans-serif; font-size: 12px; 
}

form.control input[type=range] { 
    width: 400px; 
}

form.control label.output { 
    font-weight: bold; 
}

#rangeFontSize { width: 375px; }
#rangeLineHeight { width: 150px; }
#rangeLetterSpace { width: 80px; }
#rangeWordSpace { width: 100px; }