Blockquote width issues

I have a problem the blockquote width on my site. I have the following code and in the Customize area, the width looks correct. However when I view the actual page, it shortens the width. I have tried adjusting the width using px as well as 100% and the same thing happens. Thoughts?

blockquote {
    font-family: Georgia, serif;
    font-size: 18px;
    font-style: italic;
    width: 750px;
    margin: 0.25em 0;
    padding: 0.25em 40px;
    line-height: 1.45;
    position: relative;
    color: #383838;
    background:#ececec;
}
 
blockquote:before {
    display: block;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -10px;
    top: -10px;
    color: #7a7a7a;
}
 
blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}
  
blockquote cite:before {
    content: "\2014 \2009";
}

The page I need help with: [log in to see the link]