text, bullets and blockquotes do not wrap around (to left or right of) images pr

Theme: Tempera 1.2.2

1. My ‘custom’ css code for scripture (partly the problem) use of ‘text-indent: -35px’ (the normal setting for scriptures; I created this new class to deal with the image wrap issue)

• .scripture-iw {
  margin-bottom: 5px;
  margin-top: 5px;
  text-align: justify;
  text-indent: -15px;
  padding-left: 80px; /* has little effect */
  padding-right: 40px;
  font-family: ‘Muli’, sans-serif;
  font-style: italic;
  }
• The current work-around is to change the text-indent to -15px to try to force the left margin but it does not always work.
• Partially working here
• Sample usage: <p class=”scripture-iw”>1 Corinthians 10:13 (ERV) The only temptations that you have are the same temptations that all people have. But you can trust God. He will not let you be tempted more than you can bear. But when you are tempted, God will also give you a way to escape that temptation. Then you will be able to endure it.</p>
• I tried adding position:relative; none of the position params resolved the issue 9/7/2014.
• Desperation failed changes: <p class=”scripture” style=”padding-left: 60px;”> and <p class=”scripture” style=”margin-left: 60px;”>

1. Blockquotes do not align properly with images, i.e., they do not wrap around the image.

• Examples: #1 and #2

• I tried other themes on another domain with different plugins: PhotoStory (displays the same as tempera) and Newpt (the text and blockquotes do not wrap at all). I also removed all plug-ins
• I also tried “blockquote style=”margin-left:nnpx” where nn = the width of your left floated image plus another 20 to 30 pixels (for alignleft image).

Any suggestions on resolving this will be greatly appreciated.