diff --git a/index b/index
index 8b3a49970cf..0effe5e6f68 100644
--- a/index
+++ b/index
@@ -42887,24 +42887,24 @@ interface <dfn>DataGridListener</dfn> {
   different players take turns in discourse.</p>
 
   <p>Instead, authors are encouraged to mark up conversations using
-  <code><a href=#the-p-element>p</a></code> elements, with the <code><a href=#the-b-element>b</a></code> element for marking
-  up the speaker, optionally separated from their lines with
-  punctuation. Paragraphs with their text wrapped in the
-  <code><a href=#the-i-element>i</a></code> element can be used for marking up stage
-  directions.</p>
+  <code><a href=#the-p-element>p</a></code> elements and punctuation. Authors who need to mark
+  the speaker for styling purposes are encouraged to use
+  <code><a href=#the-span-element>span</a></code> or <code><a href=#the-b-element>b</a></code>. Paragraphs with their text
+  wrapped in the <code><a href=#the-i-element>i</a></code> element can be used for marking up
+  stage directions.</p>
 
   <div class=example>
 
    <p>This example demonstrates this using an extract from Abbot and
    Costello's famous sketch, <cite>Who's on first</cite>:</p>
 
-<pre>&lt;p&gt; &lt;b&gt;Costello&lt;/b&gt;: Look, you gotta first baseman?
-&lt;p&gt; &lt;b&gt;Abbott&lt;/b&gt;: Certainly.
-&lt;p&gt; &lt;b&gt;Costello&lt;/b&gt;: Who's playing first?
-&lt;p&gt; &lt;b&gt;Abbott&lt;/b&gt;: That's right.
-&lt;p&gt; &lt;i&gt;Costello becomes exasperated.&lt;/i&gt;
-&lt;p&gt; &lt;b&gt;Costello&lt;/b&gt;: When you pay off the first baseman every month, who gets the money?
-&lt;p&gt; &lt;b&gt;Abbott&lt;/b&gt;: Every dollar of it.</pre>
+<pre>&lt;p&gt; Costello: Look, you gotta first baseman?
+&lt;p&gt; Abbott: Certainly.
+&lt;p&gt; Costello: Who's playing first?
+&lt;p&gt; Abbott: That's right.
+&lt;p&gt; Costello becomes exasperated.
+&lt;p&gt; Costello: When you pay off the first baseman every month, who gets the money?
+&lt;p&gt; Abbott: Every dollar of it.</pre>
 
   </div>
 
@@ -42916,6 +42916,7 @@ interface <dfn>DataGridListener</dfn> {
    <pre>&lt;p&gt; &lt;time&gt;14:22&lt;/time&gt; &lt;b&gt;egof&lt;/b&gt; I'm not that nerdy, I've only seen 30% of the star trek episodes
 &lt;p&gt; &lt;time&gt;14:23&lt;/time&gt; &lt;b&gt;kaj&lt;/b&gt; if you know what percentage of the star trek episodes you have seen, you are inarguably nerdy
 &lt;p&gt; &lt;time&gt;14:23&lt;/time&gt; &lt;b&gt;egof&lt;/b&gt; it's unarguably
+&lt;p&gt; &lt;time&gt;14:23&lt;/time&gt; &lt;i&gt;* kaj blinks&lt;/i&gt;
 &lt;p&gt; &lt;time&gt;14:24&lt;/time&gt; &lt;b&gt;kaj&lt;/b&gt; you are not helping your case</pre>
    <!-- with thanks to http://bash.org/?854262 -->
 
@@ -42953,13 +42954,13 @@ closing for lunch&lt;/span&gt;.</pre>
    dialogue, allowing the user to return to the location of the
    footnote.</p>
 
-   <pre>&lt;p&gt; &lt;b&gt;Announcer&lt;/b&gt;: Number 16: The &lt;i&gt;hand&lt;/i&gt;.
-&lt;p&gt; &lt;b&gt;Interviewer&lt;/b&gt;: Good evening. I have with me in the
-studio tonight Mr Norman St John Polevaulter, who for the past few
-years has been contradicting people. Mr Polevaulter, why
-&lt;em&gt;do&lt;/em&gt; you contradict people?
-&lt;p&gt; &lt;b&gt;Norman&lt;/b&gt;: I don't. &lt;a href="#fn1" id="r1"&gt;&lt;sup&gt;[1]&lt;/sup&gt;&lt;/a&gt;
-&lt;p&gt; &lt;b&gt;Interviewer&lt;/b&gt;: You told me you did!
+   <pre>&lt;p&gt; Announcer: Number 16: The &lt;i&gt;hand&lt;/i&gt;.
+&lt;p&gt; Interviewer: Good evening. I have with me in the studio tonight
+Mr Norman St John Polevaulter, who for the past few years has been
+contradicting people. Mr Polevaulter, why &lt;em&gt;do&lt;/em&gt; you
+contradict people?
+&lt;p&gt; Norman: I don't. &lt;sup&gt;&lt;a href="#fn1" id="r1"&gt;[1]&lt;/a&gt;&lt;/sup&gt;
+&lt;p&gt; Interviewer: You told me you did!
 <em>...</em>
 &lt;section&gt;
  &lt;p id="fn1"&gt;&lt;a href="#r1"&gt;[1]&lt;/a&gt; This is, naturally, a lie,
@@ -42978,10 +42979,10 @@ years has been contradicting people. Mr Polevaulter, why
    <p>In this example, a sidebar is given after a dialogue, giving it
    some context.</p>
 
-   <pre>&lt;p&gt; &lt;b&gt;Customer&lt;/b&gt;: I will not buy this record, it is scratched.
-&lt;p&gt; &lt;b&gt;Shopkeeper&lt;/b&gt;: I'm sorry?
-&lt;p&gt; &lt;b&gt;Customer&lt;/b&gt;: I will not buy this record, it is scratched.
-&lt;p&gt; &lt;b&gt;Shopkeeper&lt;/b&gt;: No no no, this's'a tobacconist's.
+   <pre>&lt;p&gt; &lt;span class="speaker"&gt;Customer&lt;/span&gt;: I will not buy this record, it is scratched.
+&lt;p&gt; &lt;span class="speaker"&gt;Shopkeeper&lt;/span&gt;: I'm sorry?
+&lt;p&gt; &lt;span class="speaker"&gt;Customer&lt;/span&gt;: I will not buy this record, it is scratched.
+&lt;p&gt; &lt;span class="speaker"&gt;Shopkeeper&lt;/span&gt;: No no no, this's'a tobacconist's.
 &lt;aside&gt;
  &lt;p&gt;In 1970, the British Empire lay in ruins, and foreign
  nationalists frequented the streets &mdash; many of them Hungarians
diff --git a/source b/source
index d4d7280f502..a3475af54cc 100644
--- a/source
+++ b/source
@@ -47861,24 +47861,24 @@ interface <dfn>DataGridListener</dfn> {
   different players take turns in discourse.</p>
 
   <p>Instead, authors are encouraged to mark up conversations using
-  <code>p</code> elements, with the <code>b</code> element for marking
-  up the speaker, optionally separated from their lines with
-  punctuation. Paragraphs with their text wrapped in the
-  <code>i</code> element can be used for marking up stage
-  directions.</p>
+  <code>p</code> elements and punctuation. Authors who need to mark
+  the speaker for styling purposes are encouraged to use
+  <code>span</code> or <code>b</code>. Paragraphs with their text
+  wrapped in the <code>i</code> element can be used for marking up
+  stage directions.</p>
 
   <div class="example">
 
    <p>This example demonstrates this using an extract from Abbot and
    Costello's famous sketch, <cite>Who's on first</cite>:</p>
 
-<pre>&lt;p> &lt;b>Costello&lt;/b>: Look, you gotta first baseman?
-&lt;p> &lt;b>Abbott&lt;/b>: Certainly.
-&lt;p> &lt;b>Costello&lt;/b>: Who's playing first?
-&lt;p> &lt;b>Abbott&lt;/b>: That's right.
-&lt;p> &lt;i>Costello becomes exasperated.&lt;/i>
-&lt;p> &lt;b>Costello&lt;/b>: When you pay off the first baseman every month, who gets the money?
-&lt;p> &lt;b>Abbott&lt;/b>: Every dollar of it.</pre>
+<pre>&lt;p> Costello: Look, you gotta first baseman?
+&lt;p> Abbott: Certainly.
+&lt;p> Costello: Who's playing first?
+&lt;p> Abbott: That's right.
+&lt;p> Costello becomes exasperated.
+&lt;p> Costello: When you pay off the first baseman every month, who gets the money?
+&lt;p> Abbott: Every dollar of it.</pre>
 
   </div>
 
@@ -47890,6 +47890,7 @@ interface <dfn>DataGridListener</dfn> {
    <pre>&lt;p> &lt;time>14:22&lt;/time> &lt;b>egof&lt;/b> I'm not that nerdy, I've only seen 30% of the star trek episodes
 &lt;p> &lt;time>14:23&lt;/time> &lt;b>kaj&lt;/b> if you know what percentage of the star trek episodes you have seen, you are inarguably nerdy
 &lt;p> &lt;time>14:23&lt;/time> &lt;b>egof&lt;/b> it's unarguably
+&lt;p> &lt;time>14:23&lt;/time> &lt;i>* kaj blinks&lt;/i>
 &lt;p> &lt;time>14:24&lt;/time> &lt;b>kaj&lt;/b> you are not helping your case</pre>
    <!-- with thanks to http://bash.org/?854262 -->
 
@@ -47932,13 +47933,13 @@ closing for lunch&lt;/span>.</pre>
    dialogue, allowing the user to return to the location of the
    footnote.</p>
 
-   <pre>&lt;p> &lt;b>Announcer&lt;/b>: Number 16: The &lt;i>hand&lt;/i>.
-&lt;p> &lt;b>Interviewer&lt;/b>: Good evening. I have with me in the
-studio tonight Mr Norman St John Polevaulter, who for the past few
-years has been contradicting people. Mr Polevaulter, why
-&lt;em>do&lt;/em> you contradict people?
-&lt;p> &lt;b>Norman&lt;/b>: I don't. &lt;a href="#fn1" id="r1">&lt;sup>[1]&lt;/sup>&lt;/a>
-&lt;p> &lt;b>Interviewer&lt;/b>: You told me you did!
+   <pre>&lt;p> Announcer: Number 16: The &lt;i>hand&lt;/i>.
+&lt;p> Interviewer: Good evening. I have with me in the studio tonight
+Mr Norman St John Polevaulter, who for the past few years has been
+contradicting people. Mr Polevaulter, why &lt;em>do&lt;/em> you
+contradict people?
+&lt;p> Norman: I don't. &lt;sup>&lt;a href="#fn1" id="r1">[1]&lt;/a>&lt;/sup>
+&lt;p> Interviewer: You told me you did!
 <em>...</em>
 &lt;section>
  &lt;p id="fn1">&lt;a href="#r1">[1]&lt;/a> This is, naturally, a lie,
@@ -47959,10 +47960,10 @@ years has been contradicting people. Mr Polevaulter, why
    <p>In this example, a sidebar is given after a dialogue, giving it
    some context.</p>
 
-   <pre>&lt;p> &lt;b>Customer&lt;/b>: I will not buy this record, it is scratched.
-&lt;p> &lt;b>Shopkeeper&lt;/b>: I'm sorry?
-&lt;p> &lt;b>Customer&lt;/b>: I will not buy this record, it is scratched.
-&lt;p> &lt;b>Shopkeeper&lt;/b>: No no no, this's'a tobacconist's.
+   <pre>&lt;p> &lt;span class="speaker">Customer&lt;/span>: I will not buy this record, it is scratched.
+&lt;p> &lt;span class="speaker">Shopkeeper&lt;/span>: I'm sorry?
+&lt;p> &lt;span class="speaker">Customer&lt;/span>: I will not buy this record, it is scratched.
+&lt;p> &lt;span class="speaker">Shopkeeper&lt;/span>: No no no, this's'a tobacconist's.
 &lt;aside>
  &lt;p>In 1970, the British Empire lay in ruins, and foreign
  nationalists frequented the streets &mdash; many of them Hungarians