problem with image alignment

sorry about the lengthy paste, here is the CSS: http://pastebin.com/m7bfee292

I tried that earlier, but it causes ALL images to align left despite what alignment I choose for them individually.

this way, even if I have class="alignnone" in the image attributes, it looks like this: http://i29.tinypic.com/2d8qn1v.jpg

the text is forced to the right side of the image even though its entered below it. How would I be able to choose whether the text is below the image or next to it?

at first I couldn’t get text next to an image even if I specified so when adding the image (img class=alignleft). it was still showing like in the first screeshot link, at the first row of the text.

if I add “float: left” to the CSS, it forces ALL images to left instead of allowing me to manually choose how its placed.

what I would like to do is be able to manually enter alignment for each image, so that some can be aligned to the left, others simply above or below text, some to the right etc.

thanks for your help

I looked through other themes, and found the alignments missing in mine (below), this seemed to correct it. I didn’t realize it before as I was only looking for something directly under parts with “img” 🙂

.aligncenter,
		div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

	.alignleft {
		float: left;
		}

	.alignright {
		float: right;
		}