Post Page too wide

This CSS seems to resolve the issue:

@media screen and (min-width: 700px)
.content-area {
  float: left;
  width: 60%;
}

It is currently:

@media screen and (min-width: 700px)
.content-area {
  float: left;
  width: 70%;
}

which is too wide and causes the sidebar to not fit, and since it floats left, it moves below.

To discover what CSS is output by your theme, use a web inspection tool such as Firebug: http://getfirebug.com/ , Chrome Inspect Element: https://developers.google.com/chrome-developer-tools/ or Internet Explorer 9+ F12 Dev. Tools: http://msdn.microsoft.com/en-us/library/dd565627(v=vs.85).aspx#csstool

There are others.

When editing CSS, use a Child Theme
http://codex.wordpress.org/Child_Themes
Custom CSS Plugin, or Theme provided custom CSS option.
Edits to parent themes are lost on theme update.

Learn CSS: http://www.w3schools.com/css/