/* ---------------------------
   THEME COLORS
*/

body {
    background-color: #A50020;
}

div.page { 
    background-color: white;
    border: solid 1px transparent;
    color: #4B2B20;
}

section.item {
    background-color: #f5f5f5;
    border: solid 1px transparent;
    color: #4B2B20;
    border-bottom: 1px solid #A50020;
    padding: 0.3em;
}

div.pane { 
    background-color: beige;
    border: solid 1px transparent;
    color: #4B2B20;
}

h1 { color: #A50020 }
h2 { }
h3 { color: #A50020 }
h4 { }
h5 { }

/* order is important here! */
a, a:link, a:visited { color:#A50020 }
a:hover  { background-color: beige; color: #4B2B20 }
a:active { }

aside.callout { }
aside.adobe { border-color: #4B2B20 }

section.docs h2   { }
section.docs p    { }
section.docs h3   { }
section.docs h3>i { }
section.docs li   { color: #A50020 }
section.docs a>i  { color: #4B2B20 }

/* order is important here! */
section.docs a, section.files a:link, section.files a:visited { }
section.docs a:hover  { background-color: white }
section.docs a:active { }

div.fyi { border: 2px solid #4B2B20 }


/* ---------------------------
   CUSTOMIZATIONS, TWEAKS, ...
*/

/* tweaks */
@media all {
    body { font-family: 'Atkinson Hyperlegible', Helvetica, Arial, sans-serif }
    header h2 { font-weight: normal }
    #notices section.list > h1 { font-variant: small-caps }
    #notices section.item object { margin-top: 3pt }
}
@media all and (min-width: 576px) {
 
}

/* more customizing, narrow view */
@media all and (max-width: 576px) {

}

/* more customizing, wide view */
@media all and (min-width: 576px) {

    header  h1 { font-size: 26pt }
    header  h2 { font-size: 14pt }
    section h2 { font-size: 14pt }

    /* fancy callout */
    #index aside.callout div.fyi {
	padding: 1em;
	background-color: beige;
	border: 1px solid #C72C41;
	border-left: 16pt solid #C72C41;
	border-radius: 0;
    }
    #index aside.callout div.fyi h1 {
	color: #A50020;
    }
}

/* printing adjustments, do these last */
@media print {
    body, div.page {
	background-color: transparent;
	border: none;
	box-shadow: none;
    }
    body, div.pane {
	min-width: 0;
    }
    div.page {
	margin: 0;
	padding:0;
    }
}