Make bullets a different color without effecting list item text.

bullets.css

/**
 * Make bullets a different color without effecting list item text.
 * Works in all browsers including IE8+
 */
li {
  list-style-type: none;
  padding-left: 20px;
  text-indent: -20px;
}
li:before {
  content: "\2022"; /* Insert your UTF8 character code here to change the bullet. */
  color: red;
  font-size: .8em;
  line-height: 1em;
  padding-right: 10px;
  vertical-align: .2em;
}
/**
 * Clear our bullets for nav menus
 */
nav li {
  padding: 0;
  text-indent: 0;
}
nav li:before {
  content: none;
}