Help Styling two column wordpress template

Hi, im new here but i need some help. I’m using a template for WordPress called ‘Thematic’ with a child theme called ‘Gallery’ and i’m trying to incorporate IntenseDebate into my portfolio in a very specific way.

See this image for what im trying to do and please check out this page for an example.

This is a sample of parts of the css i’m using currently. Essentially i’m trying to have a 940px wide main container in which the article text has a left margin of 550px so i can fit the article image (500x375px) to the left of the text. My problem is when i try to have the Intense Debate div sit directly under the main image (it always seems to begin after the article text). I want the text to continue down the page if necessary (in most case it will be).

/* CONTENT WRAPPER*/
#content{
  width: 940px;
  margin: 0;
  float: none;
  padding-top: 0
}
/* ARTICLE*/
.entry-content{
  display: inline;
  float: left;
  margin: 20px 0 0 550px;
  width: 385px
}
/* IMG WRAPPER*/
.artwork-container{
  float: left;
  margin-left: -935px
}
/* IMG*/
.entry-artwork{
  background-color: #191919;
  border: 1px solid #333;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 10px
}
/* INTENSEDEBATE COMMENT WRAPPER*/
#idc-container-parent #idc-container {
  float: left;
  margin-left: -935px
  padding: 0 0 18px;
  width: 520px;
}

Please help!