title: how do I customize header color in jquery mobile?
body: <p>I am working on a mobile site for a local company using jquery mobile. </p>
  
  <p>Here is what I have so far</p>
  
  <p>So far, it has turned out well but I'm running into a few problems. <br />
  <br />1.<br />
  I do not know how to change the header color. I have tried different data-themes. I have tried to use a custom css style sheet. But nothing I do works. 
  <br /><br />edit - Ok, so apparently the head tag doesn't get a data-role like the other parts of the page. So i removed that. But i still need to figure out how to change the color. The css i write for it seems to get overwritten. </p>
  
  <p><br />
  Here is the actual header </p>
  
  <pre><code>&lt;div data-role="header" data-theme="c"&gt;
  </code></pre>
  
  <p>It seems like data roles for headers dont do anything <br />
  <br />
  2.<br />
  The call us button has a 'href' tag that lets you dial to a phone. The problem is that ever since i put it in there, it creates a link style around the box that is pretty noticeable. 
  Here is a screen shot<br /></p>
  
  <p>How do I stop that style from being made? I have already tried CSS to stop it. </p>
  
  <pre><code>a:link {color:#FF0000;}    /* unvisited link */
  a:visited {color:#00FF00;} /* visited link */
  </code></pre>
  
  <p>These work, but only on the expandable list at the bottom of the page. Why do they not work for all buttons?</p>