Featured thumbnail center

Hello,
I would like to ask you for help, I´m trying to customize my new theme I can´t figure out this problem. My featured thumbnail is on the left side and text is on the right side. I would like to have image center in the middle on the top and text under the image center in the middle.

/* Featured thumbnail */
.featured-thumbnail {
float:left;
margin:0px 20px 10px 0;
position:relative;
}
.featured-thumbnail a {overflow:hidden;}
.featured-thumbnail span {position:absolute; left:0; top:0; right:0; bottom:0; border:0px solid #962b06;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.featured-thumbnail a:hover span {border-width:5px;}
.featured-thumbnail img {
float:left;
}

/* Small thumbnail */
.featured-thumbnail.small img {
padding:4px;
}

/* Large thumbnail */
.featured-thumbnail.large {
margin-right:0;
float:none;
overflow:hidden;
margin-bottom:1.5em;
}
.featured-thumbnail.large .img-wrap {
float:none;
display:block;
overflow:hidden;
}
.featured-thumbnail.large img {
width:100%;
height:auto;
}
.f-thumb-wrap {
overflow:hidden;
width:100%;
height:220px;
}

/* Thumbnail with prettyphoto */
.featured-thumbnail .image-wrap[rel=”prettyphoto”] {
background:url(images/magnify.png) no-repeat 50% 50%;
display:block;
float:left;
}
.featured-thumbnail .image-wrap[rel=”prettyphoto”] img {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.featured-thumbnail .image-wrap[rel=”prettyphoto”]:hover img {
opacity:.5;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”;
}

Hope somebody can help what to change here. Thanks