/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */
/* Style Imports

-------------------------------------------------------------- */

/* Site
-------------------------------------------------------------- */
  
  /* Global Styles */
  
  body { background: #310; }
  body#home { background: #310 url('http://deedeeandedee.com/images/bg-body-03.jpg') no-repeat top center; }
  body#us, body#us-forestpark, body#us-staff { background: #310 url('http://deedeeandedee.com/images/bg-body-02.jpg') no-repeat top center; }
  body#labels, body#products { background: #310 url('http://deedeeandedee.com/images/bg-body-01.jpg') no-repeat top center; }
  body#shop { background: #310 url('http://deedeeandedee.com/images/bg-body-05.jpg') no-repeat top center; }
  body#parties { background: #310 url('http://deedeeandedee.com/images/bg-body-04.jpg') no-repeat top center; }
  
  /* Containers */
  
  #container_top { margin: auto; margin-top: 90px; width: 863px; height: 16px; background: transparent url('http://deedeeandedee.com/images/bg-container_top.png') no-repeat top left; }
    
  #container { margin: auto; margin-top: 0; padding: 10px 30px 0 15px; width: 818px; background: transparent url('http://deedeeandedee.com/images/bg-container.png') repeat-y top left; }
  
  #primary_nav { height: 21px; margin: 30px 0 12px 0; padding: 0; }
  
  #content { float: left; width: 525px; height: auto; }
  	body#labels #content, body#products #content { width: 325px; }
  	
  #promo { float: right; margin: 20px 0 0 0; }
  	/* body+id determines the attributes of the promo box */
  	/* width (-) padding */
  	#promo_box { height: 344px; margin: 28px 0 0 0; width: 237px; background: transparent url('http://deedeeandedee.com/images/bg-promo_narrow.png') no-repeat top left; }
       div.fade { padding: 17px 16px 16px 17px; }
       body#home div.fade { padding: 0; }
  		body#home .fade .entry { padding: 12px 16px 16px 17px; overflow: hidden; }
  	body#labels #promo_box { width: 425px; padding: 20px; background: transparent url('http://deedeeandedee.com/images/bg-promo_wide.png') no-repeat top left; }
        body#labels #labels_box { width: 477px; padding: 20px 0; }
        body#products #promo_box { width: 365px; padding: 0 50px; background: transparent url('http://deedeeandedee.com/images/bg-promo_wide.png') no-repeat top left; }
  
  #spacer { clear: both; width: auto; }
  
  #footer { clear: both; width: 833px; padding: 10px 30px 0 0; } /* #container closing div is inside the footer embed template immediately after this */
  #footer-cap { clear: both; width: 863px; height: 28px; margin: auto; background: transparent url('http://deedeeandedee.com/images/bg-footer-cap.png') no-repeat bottom left; }

  /* Labels + Products */
  
  dt, dd {  font: 11px Helvetica, Arial, sans-serif;  }
  
  body#labels dl { width: 85px; float: left; margin-top: 60px; }
  body#labels dt, body#products dt { margin-bottom: 10px; }
  body#labels dd { width: 85px; text-align: center; }
  body#labels dd a, body#products dd a { text-decoration: none; }

  body#products dl { width: 120px; float: left; margin: 20px auto 0 auto; }
  body#products dt { text-align: center; }
            body#products dt img { height: 115px; width:77px; }
  body#products dd { width: 120px; text-align: center; }

  body#products div#photo img { width: 216px; height: auto; }
  
/* Form Classes */

form { padding: 10px; }
input { margin-bottom: 12px; }
label { font-size: 14px; }
 

 /* Some Default Classes */
  
  .left { float: left; }
  .right { float: right; }
  .clear { clear: both; }

p.right { margin: 6px 14px 0 0; }