title: can't set font-family or font-size on paragraph
body: <p>Hi for some weird reason I can't set font family or font size on this paragraph. Here is the code. I tried to target all paragraphs and nothing is working the text stay the same.
  Here is codepen link <a href="http://codepen.io/anon/pen/eHiAB" rel="nofollow">http://codepen.io/anon/pen/eHiAB</a> as you can see I set the size to 800px on all paragraphs and its not working.</p>
  
  <p>Css:</p>
  
  <pre><code>#about-us {
  margin: 10px auto;
  background-color:#FFF;
  height:800px;
  width:600px;
  left:125px;
  position: relative;
  padding: 0 55px;
  line-height: 36px;
  
  }
  
  #about-us p {
  text-align:left;
  padding-top: 20px;
  margin: 0 40px;
  }
  
  body {
  position:relative;
  }
  
  .sidemenu{
  position:absolute;
  background-color: #FFf;
  width:170px;
  height:740px;
  margin-top: 10px;
  list-style:none;
  text-align:left;
  z-index:0;
  padding:0 35px;
  padding-top:60px;
  
  }
  
  .sidemenu li a{
  color:#222222;
  padding: 0em 1em;
  line-height: 3em;
  border-bottom: dashed 1px #696868;
  display:block;
  }
  
  
  .sidemenu li a:hover {
  color:#D68D26;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;body&gt; &lt;!-- start of the body--&gt;
              &lt;ul class="sidemenu"&gt;
                  &lt;li&gt;&lt;a href=""&gt;About Us&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=""&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=""&gt;FAQ&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=""&gt;How To Order&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=""&gt;Term And Agreement&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=""&gt;Shipping Information&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
              &lt;div id="about-us"&gt;
  
              &lt;p&gt;&lt;h2&gt;About Us&lt;/h2&gt;Lorem ipsum dolor sit amet, consectetur  .&lt;br        /&gt;  .&lt;/p&gt;
              &lt;/div&gt;
  
              &lt;/body&gt;
  </code></pre>