@media screen { 
body {	color : black; background : white; font-family : sans-serif; 
	margin-left: 2.5%; 
	margin-right: 1.5%; }

.author-description { margin: 2%; padding: .5em; font-size: 105%; 
	border-style: solid; border-color: #0050B2; border-width: thin; 
	background: white; color: black; }

.box { border-style: solid; border-width: thin; 
	border-color: #0050B2; color: inherit; background: inherit; 
	display: block; padding: .5em; margin-right: 10%; margin-left: 10%; }

.centered-box { text-align: center; border-style: solid; border-width: thin; 
	border-color: #0050B2; color: inherit; background: inherit; 
	display: block; padding: .5em; margin-right: 10%; margin-left: 10%; }

.mantra { 
	/* display : inline; */
	display : block; 
	text-align : center; 
	font-size : 125%; 
	/* font-weight : bold; */
	padding : .3em; 
	/* margin-right : 5%; */
	color: white; 
	background : #0050B2; 
	font-family : "lucida sans unicode", sans-serif;
}

.introduction { 
	font-size : 105%; 
	margin-right: 2%; margin-left: 2%; 
	border-width: thin; border-style: solid; 
	border-color: black; color: black; 
	background-color: white; 
	padding: .5em; }

.nav { margin-right: 10%; margin-left: 10%; 
	font-weight: bold; text-align: center; }

.nav-bar-title { 
	text-align: center; font-size: 110%; 
	font-family: sans-serif; font-weight: normal;
	color: #0050B2; background: white; }

.return1 { font-size: 105%; font-weight: bold; }

.separator { display: none } 


.validation { font-size: 105%; text-align: left; margin-left: 3%; }       

a { font-weight: bold; }
a:link { color: #00008B; background: inherit; }
a:visited { color: purple; background: inherit; }
a:active { color: white; background: #00008B; }
a:hover { color: white; background: maroon; }

address { font-size: 90%; padding: .5em; 
	border-style: solid; border-color: #0050B2; border-width: thin; 
	background: inherit; color: inherit; }


em { font-style: italic; }
em.air-quote { font-style: normal; }
em.air-quote:before { content: open-quote; }
em.air-quote:after { content: close-quote; }

h1 { display: block; text-align: center; font-size : 250%; 
	font-family: "lucida sans unicode", sans-serif;
	font-weight: bolder; color: #0050B2; background: white; }

.affiliation { font-size: small; }

h2,h3 { text-align: left; 
	font-family: sans-serif; font-weight: normal; 
	color: #0050B2; background: white; }

h4,h5,h6 { color: #0050B2; background: white; font-weight: normal; }

hr { color: #0050B2; background: white; }

ol.lowercase { list-style-type: lower-alpha; }
ol.uppercase { list-style-type: upper-alpha; }
ol.numeric { list-style-type: decimal }

strong { font-weight: bold; }

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

@media print {
.noprint { display: none }
}

@media aural {

/* QUESTIONS FOR SPEECH USERS */
/* should i use stress instead of richness to indicate emphasis? */
/* .bi { richness: 100; } */

/* what are the assumed default settings for stress? is there a way to indicate 
	percentages, and if not, why not? how am i to predict the users' default 
	settings/client-side stylesheet?  why can one not use percentages, as 
	one can to scale fonts? what's needed is the ability to scale what the 
	user has set, not to impose absolute rules -- ok, after re-reading, i 
	discovered that 'stress' is intended to be used in conjunction with 
	pitch-range, but this is a clumsy mechanism */

/* h1 { stress: 25; richness: 90; } */
/* h2 { stress: 20; richness: 90; } */
/* h3 { stress: 15; richness: 90; } */
/* h4 { stress: 10; richness: 90; } */
/* h5 { stress: 7; richness: 90; } */
/* h6 { stress: 5; richness: 90; } */

.bi { richness: 100; pitch-range: 75; stress: 75; }
.italic { richness: 75; stress: 75; pitch-range: 75; }
.bold { richness: 100; stress: 75; pitch-range: 75; }

.code { speak: normal; speak-punctuation: code;  }

a:link { cue-before: url("sounds/MetalDing.wav"); }
a:visited { cue-before: url("sounds/MetalPotThump.wav"); }

/* CHANGES NEEDED TO DOCUMENT SOURCE */
/* add class=external and class=this-page to external and internal links */

a.external { cue-before: url("sounds/MetalWeightDrop.wav");  }
a.this-page { cue-before: url("sounds/ClayPotLid.wav");  }

abbr.spell  { speak: spell-out; }
abbr.speak { speak: normal; }

acronym.spell { speak: spell-out; }
acronym.speak { speak: normal; }

code { speak: normal; speak-punctuation: code;  }

em { richness: 75; stress: 75; pitch-range: 75; }
em.air-quote { richness: 100; pitch-range: 75; stress: 75; }

strong { richness: 100; stress: 75; pitch-range: 75; }

h1 { stress: 95; pitch-range: 95; richness: 100; cue-before: url("sounds/Click7.wav"); }
h2 { stress: 90; pitch-range: 90; richness: 100; cue-before: url("sounds/Click6.wav"); }
h3 { stress: 80; pitch-range: 80; richness: 100; cue-before: url("sounds/Click4.wav"); }
h4 { stress: 70; pitch-range: 70; richness: 100; cue-before: url("sounds/Click5.wav"); }
h5 { stress: 60; pitch-range: 60; richness: 100; cue-before: url("sounds/Click3.wav"); }
h6 { stress: 55; pitch-range: 55; richness: 100; cue-before: url("sounds/Click2.wav"); }

textarea { play-during: url("sounds/RapidKeyStrokes3.wav"); }

input.text { play-during: url("sounds/RapidKeyStrokes1.wav"); }

q { richness: 100; pitch-range: 100; stress: 100; elevation: below; }
 }