Changing datetime indent...

Question

Hi all. 
I have another question for the pros:
I've indented my body <p> elements, but want to remove that indent from a time element. The code is: <p><time datetime="2013-05-08" id="pubdate">May 8, 2013</time></p>
I've tried the following css rules, but none have any effect:
p[datetime="2013-05-08"] {
    text-indent: 0;
*[datetime="2013-05-08"] {
    text-indent: 0;
time[datetime="2013-05-08"] {
    text-indent: 0;
#pubdate {
     text-indent: 0;
#pubdate[datetime="2013-05-08"] {
    text-indent: 0;
#pubdate * [datetime="2013-05-08"] {
    text-indent: 0;
The only thing that seems to work is if I remove the <p> element and just use <time> on its own, but then I have to reset the color value.
Is this the only workaround?
Thanks in advance,
B.

Answer 1

Hi BobtheLantern.
Thanks for your reply.  Much appreciated.
Yeah - I don't get it either.  Everything's in an external stylesheet, and there's only one time element, so it's not like there's a specificity issue here.
Here's my code using your suggested rule - maybe you can see something I don't:
body {
    background: #eef;
    font-size: 100%;
    font-size: 17px; font-size: 1.7rem "Times New Roman", serif;
    line-height: 1.2;  
header#masthead {
    background: #cacbe7;
h1,
h2,
h3,
h4 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #6d0c67;
    text-align: center;
h1 {
    font: bold 25px; font-size: 2.5rem;
    line-height: 1.1;
    text-transform: uppercase;
h2 {
    font: bold 18px; font-size: 1.8rem;
h2#subtitle {
    color: #4f4290;
h3 {
    font: bold 14px; font-size: 1.4rem;
p {
          color: #90428b;
          text-indent: 1.5rem;
          text-align: justify;
p time {
    text-indent: 0;
blockquote p {
    font-style: italic;
    text-indent: 0;
B.