change shadowing of main content area

I would like to change the shadow around the main content box to #ff6c00 can I do this. I attached a screen shot pointing out the area. My arrows are at the bottom but I want the whole main content box shadow and not just the footer area

 

Hello Mika,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.main-content {
-moz-box-shadow: 0 0 5px #ff6c00;
-webkit-box-shadow: 0 0 5px #ff6c00;
box-shadow: 0 0 5px #ff6c00;
}
.footer {
-webkit-box-shadow: 0px 4px 4px #ff6c00;
-moz-box-shadow: 0px 4px 4px #ff6c00;
box-shadow: 0px 4px 4px #ff6c00;
}