@charset "iso-8859-1";
/* synspeech.css       Speech rules

2008-06-20	Created ex-speech 2008-06-20
2008-06-21	Added img:before, *[title]:after; ding.wav *** ol counter ***

Generic template 12/01/07
*/

/*
A few properties are in CSS2.1 App. A (e.g. voice-family). Most are in CSS3 Speech and are thus
experimental (Opera gives them a -xv- prefix).
Not all of the rules defined currently work in Opera (to 9.50 at least).
*/

/* <???> For all media but unique to the speech page */
@media all {
.speechpanel {
margin: 1em 0 1em 0;
border: 1px solid #B35050;
padding: 0 0.5em 0.5em 0.5em;
background: #FAF5EB;
}
}

/* <???> The main speech rules */
/* Confine speech to the main content only (#bodycol) */
@media speech {
body {
voice-family: male;
-xv-voice-volume: silent;
-xv-voice-balance: center;
-xv-voice-rate: medium;
-xv-voice-pitch: medium;
}
#bodycol {
-xv-voice-volume: medium;
}
div {
pause: 1500ms;
}
p {
pause: 1000ms;
}
a {
pause-before: 50ms;
}
.voice2, h1, h2, h3, h4 {
voice-family: female;
}
.speechpanel br {
pause: 500ms;
}
.voice-volume {-xv-voice-volume: medium;}
.voice-volume2 {-xv-voice-volume: loud;}
.voice-balance {-xv-voice-balance: left; }
.voice-balance2 {-xv-voice-balance: right; }
.speech-cue {cue-after: url(resource/ding.wav); }
.voice-rate {-xv-voice-rate: x-slow; }
.voice-rate2 {-xv-voice-rate: medium; }
.voice-family {voice-family: male; }
.voice-family2 {voice-family: female; }
.voice-pitch {-xv-voice-pitch: medium; }
.voice-pitch2 {-xv-voice-pitch: x-low; }
.speech-speak {speak: spell-out; }
.nopunct {speak: no-punctuation; }
}

/* Set up element cues as generated content; to be voiced, media must include screen */
@media all {
/* Visual styling of generated content to aid debugging */
h1:before, h2:before, h3:before, h4:before, 
 p:before, ul:before, ul:after, ol:before, ol:after, li:before,
 img:before,
 *[title]:after,
 div.speechpanel:before, div.speechpanel:after {
outline: 1px solid #C00;
padding: 1px;
color: #000;
background: #FF9;
font: 9px Verdana, sans-serif;
}
/* Panels and all cues in alt voice */
h1:before, h2:before, h3:before, h4:before, 
 p:before, ul:before, ul:after, ol:before, ol:after, li:before,
 img, img:before,
 *[title]:after,
 div.speechpanel:before, div.speechpanel:after, 
 div.speechpanel {
voice-family: female;
}
h3:before {
content: "Page heading. ";
}
h4:before {
content: "Sub-heading. ";
}
p:before {
content: "New paragraph. ";
}

/*
ol { 
counter-reset: olitemcounter 1; 
}
*/
ul:before, ol:before {
content: "Start of list. ";
}
ul:after, ol:after {
content: "End of list. ";
}
li:before {
content: "List item. ";
}
/*
ol > li:before { 
counter-increment: olitemcounter; content: "List item "counter(olitemcounter)". "; 
}
*/

div.speechpanel:before {
content: "Side panel. ";
}
div.speechpanel:after {
content: "End of side panel. ";
}

/* All title attrs (unless over-ridden) */
*[title]:after { 
content: attr(title)" "; 
}

/* Img title/alt attrs  */
/* Opera substitutes the alt text for the image automatically ... */
/* Do we need to do anything with title attr? */
img:before { 
content: "Image. ";
}

/* Suppress selective cues */
div.speechpanel p:first-child:before, div.speechpanel+p:before, h3+p:before, h4+p:before, a[title]:after  {
content: normal;
}
}

/* <???> Suppress all cues on other media */
@media screen, handheld, print {
h1:before, h2:before, h3:before, h4:before, 
 p:before, ul:before, ul:after, ol:before, ol:after, li:before, 
 div.speechpanel:before, div.speechpanel:after,
 img:before,
 *[title]:after {
display: none;
}
}