a single box-shadow that "spans" several .container-s

[Nagy Viktor]

hi,

I have a simple layout like

body
  header.container
  div#main.container
  footer.container

I would like these elements to be surrounded with a single shadow box

something like

.container {background-color: #fff;box-shadow:0 0 20px rgba(0,0,0,.14)}

of course, I could wrap all 3 into a wrap

body
  div#wrap.container
    header
    div#main
    footer

but I don't like this solution (as I'm using the roots wordpress theme), 
and I'm thinking on how to achieve the same, single-shadow like look&feel 
without the wrapper

any ideas on your side?
V