Hey I am new to HTML5 w/ CSS3 and trying to learn something new. I have a small page that I am using to learn from so what you see as words are basically filler.

My problem is that my style sheet doesn't work. I follow the example and I don't get any changes to the page. I have tried it in Chrome, Firefox and IE. Can you show me what I am doing wrong please?

web page
HTML Code:
<!DOCTYPE html>
<html>
  <head>
    <title>Roof Ninja</title>
    <link href="../styles.css" type="text/css" rel="stylesheet" media="all" />
  </head>
  <body>
    <header>
      <nav>
        <a href="../index.html">Home</a>
        <a href="../main/roofninja.html">Roof Ninja</a>
        <a href="../main/roofninja.html">next page</a>
      </nav>
    </header>
    <section id="blog-posts"><!--id used here for css-->
      <article class="blog-entry"><!--class used here for css-->
        <h1>Header of article</h1>
        <figure>
          <img src="../asset/pics/05-19-08_1314.jpg"/>
          <!--web images should be 72 dpi/pixels image resolution. www.smu****.com --compress image even smaller for web use.-->
          <figcaption>Taryn Johnson</figcaption>
        </figure>
        Here is some text for the article section.--
        After Aaron Swartz's suicide, Kevin Poulsen filed a Freedom of Information Act (FOIA) request to the Department of Homeland Security, asking for the Secret Service's file on Aaron Swartz, since it was the Secret Service that handled the bulk of the investigation. Aaron, himself, was a big user of the FOIA process, including retrieving his own FBI file concerning his earlier run-in with the authorities over downloading PACER material. So it seemed bizarre that the Secret Service denied Poulsen's request, "citing a FOIA exemption that covers sensitive law enforcement records that are part of an ongoing proceeding." Considering that the case was closed and Swartz was dead, that seemed like a ridiculous excuse. 
        <a href="http://www.possumhollowfarms.com" target="_blank">Possum Hollow Farms</a>
        <aside>aside info--Judge Tells Homeland Security To Shut Up And Release Aaron Swartz's File</aside>
        <footer>
          <time datetime="07-09-2013" pubdate="pubdate"></time>
        </footer>
      </article>
    </section>
    <footer>
      Copyright notice
     </footer>
  </body>
</html>
style sheet
HTML Code:
/*why isn't this working?
*/
.blog-entry {
	font-family: arial, sans-serif, courier;
	border-bottom: 1px dotted #ccc;
	padding: 5px 0 20px;
}
.blog-entry figure {
	float: left;
	background: #eaeaea;
	padding: 4px;
	margin: 0px 10px 0px 0px;
}