Text wrap semi-working

Hello all

the template I use has the following code for images inside the post:
.img_link img {
border:0px none;
margin:0px 0 10px 0;
}

I want the text to align it left or right.
I tried the code:
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}
It works.. but not completely. What I mean:
If you see one of my posts, for example:
https://freshwebradio.com/archives/1339
you will see the “read more” button. When I use the code I tried
this “read more” goes behind! the photo. And also one other strange thing, is when I add this code, I see the page numbers only the half of them!!!! And which by the way I don’t use the default pagination of the theme, but a plugin ??

Any suggestions?
Below I’m copying the css.style.
/* – Center Conteiner Style – */
.post {
width:526px;
position:relative;
z-index:117;
margin: 44px auto 0px;
border-bottom: 2px dotted #EEE;
}
.tit {
font-size:20px;
margin:0 0 10px 0;
width:526px;
color: #000;
font-weight:normal;
text-decoration:none;
}
.tit:hover {
color:#58595B;
}
.post_tit {
width:526px;
height:28px;
background-color:#EEE;
/*- IE 6 Fix -*/
overflow:hidden;
}
.post_tit span {
font-size:9px;
padding: 0px 0px 0 24px;
float:left;
color:#A1A1A1;
margin: 0 10px;
line-height:28px;
cursor:default;
}
.post_tit span:hover {
color:#000;
}
.post_tit a {
font-size:9px;
padding: 0px 0px 0 24px;
float:left;
color:#A1A1A1;
margin: 0 10px;
text-decoration:none;
line-height:28px;
}
.post_tit a:hover {
color:#000;
text-decoration:underline;
}
.cld {
background-position: 0px -957px;
}
.cld:hover {
background-position: 0px -1017px;
}
.pby {
background-position: 0px -1197px;
}
.pby:hover {
background-position: 0px -1257px;
}
.comm {
background-position: 0px -1076px;
}
.comm:hover {
background-position: 0px -1136px;
}
.ptxt {
color:#A1A1A1;
}
.more-link {
width:86px;
height:18px;
display:block;
text-decoration:none;
background-color:#FAA61A;
color:#FFF;
padding:3px 0 0 8px;
margin:18px 0 36px 0;
}
.more-link:hover {
color:#000;
}
.pagination {
position:relative;
z-index:7;
text-align:center;
font-size:11px;
margin:30px 0 0 0;
height:100px;
line-height:40px;
}
div.pagination a {
background-color:#DEDEDC;
color:#000;
padding:2px 5px;
border:1px solid #DEDEDC;
text-decoration:none;
margin:0px 5px 0 0;
}
div.pagination a:hover {
background-color: #FAA61A;
border-color: #FAA61A;
}
div.pagination span.current {
border:1px solid #FAA61A;
color:#FAA61A;
padding:2px 5px;
margin:0px 5px 0 0;
}
div.pagination span.disabled {
border:1px solid #FAA61A;
color:#FAA61A;
padding:2px 3px;
margin:0px 5px 0 0;
}

div.pagination .next {
background-color: #FAA61A;
border:1px solid #FAA61A;
color:#FFF;
padding:2px 3px;
text-decoration:none;
}
div.pagination .next:hover {
color:#000000;
}
.prev {
border:1px solid #FAA61A;
color:#FAA61A;
padding:2px 3px;
}
.page_num_activ {
border:1px solid #FAA61A;
color:#FAA61A;
padding:2px 5px;
}
.page_num {
background-color:#DEDEDC;
color:#000;
padding:2px 5px;
border:1px solid #DEDEDC;
text-decoration:none;
}
.page_num:hover {
background-color: #FAA61A;
}
.next {
background-color: #FAA61A;
border:1px solid #FAA61A;
color:#FFF;
padding:2px 3px;
text-decoration:none;
}
.next:hover {
color:#000;
}