/* 
ir_techniques.css
Tyler Mazaika
3/11/09
*/

* { margin: 0; padding: 0; }

body { 
    background-color: #F5F5F5; 
    color: #000; 
    font: 100% "Lucida Grande", "Verdana", "Helvetica", sans-serif; 
    width: 800px;
    margin: 0 auto;
}

#header { text-align: center; }
#header h1 { font-size: 1.6em; padding: .4em 1em; margin: 0 1em; background: #FFF; font-variant: small-caps; background-color: #EEF; color: #000;}
#header h2 {font-size: .9em; margin: 0 3em; padding: .2em 1em; color: #555; background: #DDD;}

/* mauve borders */
#content, #header h1 { border: 1px solid #AAC; border-left-width: 10px; border-right-width: 10px; }
#header h2 {border-left: 10px solid #9595B5; border-right: 10px solid #9595B5;}

#content, #FLIR_content { background-color: #FFF; padding: 2em 3em; font-size: .9em; }
span.pref { font: .9em "Andale Mono", monospace; }
#content p { margin-top: 1em; margin-left: 2em;}
#content ol, #content ul { margin-top: 1em; margin-left: 4em; }
#content li { margin-top: .8em; }
#content h4 { margin: 2.4em -3em 0 -1em; padding: .5em 0 0 1em; font-size: 1.2em; border-top: 1px solid #AAC; border-left: 1px solid #AAC; }
#content ul { list-style-type: square; }

/* definition lists */
dl { margin: 1em; padding: 0 1em 1em 2em; border: 2px solid #ddd; margin-top: 1.5em;} 
dt { font-size: 1em; font-weight: bold; display: block; float: left; width: 20em; margin-left: -1em;}
dt, dd { margin-top: 0.8em; }
dd { font-size: .9em; }

/*window widget */
div#windowwidget { 
    top: 300px;
}
div#navwidget {
    top: 50px;
}
#windowwidget p, #navwidget ul { 
    border: 1px solid #aaa;
    border-right: none;
    margin: 3px 0 3px 3px;
    padding: 3px;
}
#navwidget li { list-style-type: none; }
#navwidget a { color: #ccc; display: block; margin: 10px 3px; border-left: 2px solid #666; padding: 0 2px; }
#navwidget a:hover { color: #fcc; }

div#navwidget, div#windowwidget {
    background-color: #000;
    color: #ccc;
    width: 8em;
    font: .8em Arial, sans-serif;
    position: fixed;
    right: 0px;
}


/* demo */
div.code { margin: 1em 2em; background-color: #000; padding: 1em; font: .8em sans-serif; color: #eee; text-align: center;}
pre { font: 1.1em "Andale Mono", monospace; text-align: left; margin-bottom: 1em;}

#demo div.callout { margin: 2em 2em; border: 2px solid #DDD; font: .8em Arial, sans-serif; text-align: center; }
#demo div.callout p { margin: 0; clear: both; padding: .4em;}