GOOD

Header Navigation (for members and topics)

<header>
  <nav class="sub">
    <ul>
      <li>
        <a href="">
          <span>Activity</span>
        </a>
      </li>
      <li>
        <a href="">
          <span>Posts</span>
          <strong>45</strong>
        </a>
      </li>
      <li class="active">
        <a href="">
          <span>Followers</span>
          <strong>622</strong>
        </a>
      </li>
      <li>
        <a href="">
          <span>Following</span>
          <strong>40</strong>
        </a>
      </li>
    </ul>
  </nav>
</header>

Sub Navigation

<nav class="sub">
  <div class="container">
    <ul>
      <li>
        <a href="">About</a>
      </li>
      <li class="active">
        <a href="">Contact</a>
      </li>
      <li>
        <a href="">Terms</a>
      </li>
    </ul>
  </div>
</nav>

Meta Navigation (for posts)

Thoughts?

100

27

<div class="meta">
  <form action="…" method="post" class="vote">
    <p>
      <button type="submit" title="Promote this">
        It’s GOOD
      </button>
    </p>
  </form>
  <p class="comments">
    <a href="…#discuss">
      <abbr title="Start a conversation">
        Thoughts?
      </abbr>
    </a>
  </p>
  <p class="participants">
    <a href="…" title="100 people are in on this">
      100
    </a>
  </p>
  <p class="stories">
    <a href="…" title="27 stories added">
      27
    </a>
  </p>
</div>

Editorial (for posts, comments, and members)

<footer class="options">
  <p class="edit"><a href="">Edit</a></p>
  <ul>
    <li class="flag">
      <form action="" method="post">
        <button type="submit" title="Flag this as inappropriate">Flag</button>
      </form>
    </li>
    <li class="spam">
      <form action="" method="post">
        <button type="submit" title="Mark this as spam">Mark As Spam</button>
      </form>
    </li>
    <li class="delete">
      <form action="" method="post">
        <button type="submit" title="Delete this">Delete</button>
      </form>
    </li>
  </ul>
</footer>