Focus – Single Slider Overlay

I am using the Focus theme and have made quite a few small changes to the colors and am running into an odd issue with the shading of background of single posts. When viewed on some screens, such as modern wide monitors, there are no problems, but using an iPad or a 4:3 monitor yields pages where the background image does not extend to fill the entire background area and reveals some of the tinting used on the background images. This is especially the case when the videos on the page are in 4:3 format.

You can see well on this page: http://kajacircle.com/bap-julie-taymor/ where there is gray above and below the background image. I cannot seem to find a way to remove this. Below is my custom CMS for reference:

/* Logo Type */
#masthead .site-title {
font-family: "Open Sans", sans-serif;
color: #2a2b2f;
font-weight: 600;
font-size: 22px;
line-height: 1em;
float: left;
margin: 11px 0;
}

/* Focus Remove Search */

#secondary { display: none; }
#primary { width: 100%; }
.single #content { width: 100% }

/* Focus Menu Colors */

#masthead .site-navigation .menu-wrapper ul li a {
color: #2a2b2f;
}

#masthead .site-navigation .menu-wrapper ul li:hover > a {
color: #626161;
}

/* H2 Font Color */

h2.archive-title {
color: #2a2b2f;

}

/* Content Container Background Color */

.content-container {
background: #ffffff;
border: 1px solid #f7f7f7;
}

/* 2nd Nav Font Color */

body, button, input, select, textarea {
color: #2a2b2f;
}

/* Slider Tint Color */

.slider .overlay {
background: #000;
opacity: 0.2;
}

/* Single Overlay */
#single-header .overlay {
background: #000;
opacity: .2;
}

/* Text Content */
.entry-content {
color: #2a2b2f;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
color: #2a2b2f;
}

/* Single Container Decoration*/
.single .container-decoration {
position: absolute;
top: -3px;
left: 0px;
width: 100%;
height: 3px;
background: #f7f7f7;
opacity: 0.5;
}

/* Masthead */
#masthead {
background-image: -webkit-gradient(linear, left bottom, left top, from(#212326), to(#181818));
background-image: -moz-gradient(linear, left bottom, left top, from(#212326), to(#181818));
background-image: -ms-gradient(linear, left bottom, left top, from(#212326), to(#181818));
background-image: -o-gradient(linear, left bottom, left top, from(#212326), to(#181818));
background: #ffffff;
color: #ffffff;
}

/* Footer */
.site-footer {
margin-top: 25px;
background: #ffffff none repeat scroll 0% 0%;
padding: 25px 0px;
}

/* Menu Background Color*/
#masthead .site-navigation .menu-wrapper ul ul {
position: absolute;
z-index: 10;
width: 180px;
top: 100%;
left: 50%;
margin: 0 0 0 -90px;
display: none;
background: #f7f7f7;
}

/* Sub-Page Headers*/
#single-header {
position: relative;
margin-bottom: 0px;
overflow: hidden;
background: #c0c0c0;
}