title: Selecting a deeply nested div
body: <p>I would like to move the inline style of the div id="awards" to css, but thus far have only been able to make it work inline. also I'd like to style the h3 within the div, but have been unable to correctly identify that selector either. Any ideas on how I would identify the div and h3 in css?</p>
  
  <p>I've tried a bunch of different selectors in my stylesheet, but I thought this would work, but it does not.</p>
  
  <pre><code>#awards {
      display: inline-block;
      position: absolute;
      z-index: 1000;
      font-size: 100%;
      bottom: 20%;
      margin: 0 auto;
      left: 0;
      right: 0;
      color: white;
  }  
  </code></pre>
  
  <p>Here is the code for the rendered page</p>
  
  <pre><code>&lt;body class="home page page-id-7 page-template page-template-page-home page-template-page-home-php unknown"&gt;
  &lt;div id="slideNav"&gt;
      &lt;a href="javascript:jQuery.pageslide.close()" class="closeBtn"&gt;&lt;/a&gt;
      &lt;div id="mobileNav"&gt;
      &lt;div class="menu-main-navigation-container"&gt;&lt;ul id="menu-main-navigation" class="mainNav"&gt;&lt;li id="menu-item-43" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-7 current_page_item menu-item-43"&gt;&lt;a href="http://www.gallagherconstructiontahoe.com/"&gt;Home&lt;/a&gt;&lt;/li&gt;
  &lt;li id="menu-item-44" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44"&gt;&lt;a href="http://www.gallagherconstructiontahoe.com/about/"&gt;About&lt;/a&gt;&lt;/li&gt;
  &lt;li id="menu-item-70" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-70"&gt;&lt;a href="http://www.gallagherconstructiontahoe.com/services/"&gt;Services&lt;/a&gt;&lt;/li&gt;
  &lt;li id="menu-item-46" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-46"&gt;&lt;a href="http://www.gallagherconstructiontahoe.com/portfolio/"&gt;Portfolio&lt;/a&gt;&lt;/li&gt;
  &lt;li id="menu-item-48" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-48"&gt;&lt;a href="http://www.gallagherconstructiontahoe.com/category/press/"&gt;Press&lt;/a&gt;&lt;/li&gt;
  &lt;li id="menu-item-49" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-49"&gt;&lt;a href="http://www.gallagherconstructiontahoe.com/category/awards/"&gt;Awards&lt;/a&gt;&lt;/li&gt;
  &lt;li id="menu-item-45" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45"&gt;&lt;a href="http://www.gallagherconstructiontahoe.com/contact/"&gt;Contact&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;&lt;/div&gt; 
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="container" style="opacity: 1;"&gt;    
  &lt;div id="header"&gt;   
  
      &lt;div class="inside clearfix"&gt;
  
                  &lt;div id="logo"&gt;
  
              &lt;h1 class="logo"&gt;&lt;a href="http://www.gallagherconstructiontahoe.com"&gt;&lt;img src="http://dev.gallagherconstructiontahoe.com/wp-content/uploads/2014/05/logo-block-white-option-21.png" alt="Gallagher Construction" title=""&gt;&lt;/a&gt;&lt;/h1&gt;
  
          &lt;/div&gt;
  
          &lt;div id="mainNav" class="clearfix"&gt;                         
              &lt;div class="menu-main-navigation-container"&gt;&lt;ul id="menu-main-navigation-1" class="sf-menu sf-js-enabled sf-shadow"&gt;&lt;li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-7 current_page_item menu-item-43"&gt;&lt;a href="http://www.gallagherconstructiontahoe.com/"&gt;Home&lt;/a&gt;&lt;/li&gt;
  &lt;li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44"&gt;&lt;a href="http://www.gallagherconstructiontahoe.com/about/"&gt;About&lt;/a&gt;&lt;/li&gt;
  &lt;li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-70"&gt;&lt;a href="http://www.gallagherconstructiontahoe.com/services/"&gt;Services&lt;/a&gt;&lt;/li&gt;
  &lt;li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-46"&gt;&lt;a href="http://www.gallagherconstructiontahoe.com/portfolio/"&gt;Portfolio&lt;/a&gt;&lt;/li&gt;
  &lt;li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-48"&gt;&lt;a href="http://www.gallagherconstructiontahoe.com/category/press/"&gt;Press&lt;/a&gt;&lt;/li&gt;
  &lt;li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-49"&gt;&lt;a href="http://www.gallagherconstructiontahoe.com/category/awards/"&gt;Awards&lt;/a&gt;&lt;/li&gt;
  &lt;li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45"&gt;&lt;a href="http://www.gallagherconstructiontahoe.com/contact/"&gt;Contact&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;&lt;/div&gt;         
          &lt;/div&gt;
  
          &lt;a href="#slideNav" class="menuToggle"&gt;&lt;/a&gt; 
  
          &lt;div id="sidebar" class="clearfix"&gt; 
  
  
  
  
      &lt;/div&gt;&lt;!-- end sidebar --&gt;  
  
      &lt;/div&gt;  
  
  &lt;/div&gt;
  
  
  &lt;div id="middle" class="clearfix"&gt;  
  &lt;div id="content" class="full"&gt; 
  
          &lt;div class="slideshow"&gt;         
              &lt;ul class="slides"&gt;
  
  
                  &lt;li id="slide1" class="post-9 slide type-slide status-publish hentry" style="height: 753px; background-image: url(http://www.gallagherconstructiontahoe.com/wp-content/uploads/2015/01/313-FRONT-SLIDE.jpg);"&gt;                              
                          &lt;div class="details" style="margin-top: -143.5px; display: block;"&gt;
                              &lt;div class="box"&gt;
                                  &lt;div class="inside"&gt;
                                      &lt;div class="text"&gt;
                                          &lt;h2&gt;Beautiful.&amp;nbsp;Solid. Quality.&lt;/h2&gt;
  &lt;h5&gt;Full service construction focusing on quality craftsmanship from foundation to finish.&lt;/h5&gt;
  &lt;p&gt;&lt;a href="/portfolio/" target="_parent" style="background-color:#6D2727;" class="ttsc_button button "&gt;View Our Homes&lt;/a&gt;&lt;/p&gt;
  
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;                  
                          &lt;/div&gt;                                  
                      &lt;div class="awards"&gt;
                          &lt;h3&gt;2014 CATT Residential Project of the Year Winner&lt;/h3&gt;
                          &lt;h3&gt;Tahoe Quarterly Mountain Home Awards Winner&lt;/h3&gt;
                      &lt;/div&gt;
                  &lt;/li&gt;           
                              &lt;/ul&gt;               
      &lt;/div&gt;
  
      &lt;div id="slideshowNav" class="inactive"&gt;
  
                  &lt;a id="slideshowNavBtn1" class="active" href="#slide1"&gt;&lt;/a&gt;     
  
      &lt;/div&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  
      &lt;div id="footer"&gt;
  
  
  
          &lt;div class="secondary"&gt;
              &lt;div class="inside clearfix"&gt;   
                                      &lt;div class="left"&gt;&lt;p&gt;© 2015 &lt;a href="http://www.gallagherconstructiontahoe.com"&gt;&lt;strong&gt;Gallagher Construction&lt;/strong&gt;&lt;/a&gt; All Rights Reserved.&lt;/p&gt;&lt;/div&gt;
              &lt;div class="right"&gt;&lt;p&gt;&lt;a href="/"&gt;Home&lt;/a&gt; | &lt;a href="/about/"&gt;About&lt;/a&gt; | &lt;a href="/services/"&gt;Services | &lt;/a&gt;&lt;a href="/portfolio/"&gt;Portfolio&lt;/a&gt; | &lt;a href="/category/press/"&gt;Press&lt;/a&gt; | &lt;a href="/category/awards/"&gt;Awards&lt;/a&gt; | &lt;a href="/contact/"&gt;Contact&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;a href="/contact/"&gt;
              &lt;/a&gt;&lt;/div&gt;&lt;!-- end footer inside--&gt;&lt;a href="/contact/"&gt;     
          &lt;/a&gt;&lt;/div&gt;&lt;!-- end footer secondary--&gt;&lt;a href="/contact/"&gt;      
  
      &lt;/a&gt;&lt;/div&gt;&lt;!-- end footer --&gt;&lt;a href="/contact/"&gt;
  &lt;/a&gt;&lt;/div&gt;&lt;!-- end container --&gt;&lt;a href="/contact/"&gt;
  
      &lt;script type="text/javascript"&gt;
           jQuery(document).ready(function ($) {
              $('#tabs').tab();
  
              $('#accordion2').collapse({
                toggle: true
              });
          }); 
      &lt;/script&gt;&lt;/body&gt;
  </code></pre>