Chỉnh giúp cái EWRblock_RecentNews.css

xin chào mọi người.
ai biết css chỉnh giúp cho mình với.
cái hình số 1 thành hình số 2.
xin cảm ơn.

EWRblock_RecentNews

Mã:

<xen:require css="message_user_info.css" />
<xen:require css="bb_code.css" />
<xen:require css="EWRblock_RecentNews.css" />

<div id="recentNews">
        <div class="header_rc"><div class="title_rc">Tin mới nhất</div></div>
    <xen:foreach loop="$RecentNews" value="$news">
 
            <div class="section recentNews" id="{$news.thread_id}">

            <div class=" leftDate">
                <h2>
                    <a href="{xen:link threads, $news}" title="{$news.title}" class="newsTitle">{xen:helper snippet, $news.title, 40}</a>

                </h2>
                                            <xen:if is="{$visitor.permissions.EWRporta.canPromote}">
                         (<a href="{xen:link 'threads/edit', $news}" class="OverlayTrigger">{xen:phrase edit}</a>)
                            </xen:if>
            <span class="rt-published">
                        <span class="rt-date-day rt-date-ribbon">{$news.day}</span>
                        <span class="rt-date-month rt-date-ribbon">{$news.month}</span>
                        </span>

             

                <div class="messageContent baseHtml">
                    <div class="postedBy">
                        <span class="author"><a href="{xen:link members, $news}" class="username">{$news.username}</a></span>
                        <span class="timing"><a href="{xen:link threads, $news}">{xen:time $news.post_date, 'absolute'}</a></span>
                        <span class="views">{xen:number $news.view_count} {xen:phrase views}</span>
                        <span class="cm"><a href="{xen:link threads/unread, $news}">{xen:number $news.reply_count} {xen:phrase comments}</a></span>
                        <span class="liked">{xen:number $news.first_post_likes} {xen:phrase likes}</span>
                     
                    </div>

                    <div class="newsText">

                 
                     
                     
                         <div class="thumb"><span class="rt-image">
                           <xen:if is="{$news.promote_icon} != 'disabled'">
                <xen:if hascontent="true">

                            <xen:contentcheck>
                            <xen:if is="{$news.attach}">
                                <a href="{xen:link threads, $news}"><img src="http://res.cloudinary.com/tint/image/fetch/w_250,h_150,c_thumb/http://www.giaoductuonglai.com/{$news.attach.thumbnailUrl}" alt="{$news.attach.filename}" /></a>
                            <xen:elseif is="{$news.medio}" />
                                <div style="background: url('{xen:helper medio, $news.medio}') no-repeat;">
                                    <a href="{xen:link 'full:media/media/popout', $news.medio}" class="OverlayTrigger"><img src="styles/8wayrun/EWRmedio_play.png" width="160" height="90" /></a>
                                </div>
                            <xen:elseif is="{$news.image}" />
                                <a href="{xen:link threads, $news}"><img src="http://res.cloudinary.com/tint/image/fetch/w_250,h_150,c_thumb/{$news.image}" alt="{$news.image}" /></a>
                            <xen:else />
                                <a href="{xen:link threads, $news}"><img src="http://res.cloudinary.com/tint/image/fetch/w_250,h_150,c_thumb/http://www.giaoductuonglai.com/images/news.jpg" /></a>
                            </xen:if>
                            </xen:contentcheck>
                </xen:if>
                </xen:if>
                            </span></div>
                     
                           {xen:helper snippet, $news.message, 400}
                            </div>
                    <div class="clearFix"></div>
                </div>

             
            </div>
        </div>
     
    </xen:foreach>

    <xen:if hascontent="true">
    <div class="section sectionMain">
        <xen:contentcheck>
        <xen:if is="{$option.pagenav} && {$option.count} > {$option.limit}">
            <xen:pagenav link="articles" linkdata="{$category}" page="{$page}" perpage="{$option.limit}" total="{$option.count}" />
        </xen:if>
        </xen:contentcheck>
    </div>
    </xen:if>
</div>

và cái EWRblock_RecentNews.css

Mã:

.newsText {
  color: #414141;
  font-family: arial;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}
.recentNews .subHeading { margin: -10px -10px 10px; }
.recentNews .subHeading a { color: #737373; }
.recentNews .messageUserBlock { float: right; margin-left: 10px; }

.recentNews .newsDate { float: left; margin: 0px 10px 10px 0px; padding: 0px 10px 5px; width: 35px; font-weight: bold; text-align: center; }
.recentNews .newsDate .newsMonth { padding: 10px 0px 5px !important; margin: 0px -10px 5px !important; text-transform: uppercase; }
.recentNews .newsDate .newsDay { font-size: 26px; }

.recentNews .leftDate .newsDate { margin-left: -45px; }
.paginator {
    margin-top:60px;
    font-size:1em;
    wi dth:600px;
}
.paginator_pages {
    wi dth:600px;
    text-align:right;
    font-size:0.8em;
    color:#808080;
    margin-top:-10px;
}
.paginator table {
    border-collapse:collapse;
    table-layout:fixed;
    width:100%;
}
.paginator table td {
    padding:0;
    white-space:nowrap;
    text-align:center;
}
.paginator span {
    display:block;
    padding:3px 0;
    color:#fff;
}
.paginator span strong,
.paginator span a {
    padding:2px 6px;
}
.paginator span strong {
    background:#ff6c24;
    font-style:normal;
    font-weight:normal;
}
.paginator .scroll_bar {
    width:100%;    height:20px;
    position:relative;
    margin-top:10px;
}
.paginator .scroll_trough {
    width:100%;    height:3px;
    background:#ccc;
    overflow:hidden;
}
.paginator .scroll_thumb {
    position:absolute;
    z-index:2;
    width:0; height:3px;
    top:0; left:0;
    font-size:1px;
    background:#363636;
}
.paginator .scroll_knob {
    position:absolute;
    top:-5px; left:50%;
    margin-left:-10px;
    width:20px; height:20px;
    overflow:hidden;
    background:url(styles/hutek/xenforo/slider_knob.gif) no-repeat 50% 50%;
    cursor:pointer; cursor:hand;
}
.paginator .current_page_mark {
    position:absolute;
    z-index:1;
    top:0; left:0;
    width:0; height:3px;
    overflow:hidden;
    background:#ff6c24;
}

.fullsize .scroll_thumb {
    display:none;
}


.recentNews .messageContent { font-size: 13px; }
.recentNews .messageContent .postedBy { margin-bottom: 10px; padding-bottom: 5px; }
.recentNews .messageContent .username { font-weight: bold; }
.recentNews .messageContent .comments { float: right; font-weight: bold; }
.recentNews .messageContent .clearFix { clear: right; }

.recentNews .iconKey div
{
    background: transparent url('styles/hutek/xenforo/xenforo-ui-sprite.png') no-repeat 10000px 0;
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 4px;
}
.recentNews .iconKey .sticky    { background-position:   0px -16px; }
.recentNews .iconKey .redirect  { background-position: -48px -16px; }
.recentNews .iconKey .new       { background-position: -64px -16px; }

.recentNews .sectionFooter { margin: 10px -10px -10px; text-align: right; position: relative; }
.recentNews .sectionFooter .continue { padding: 6px; font-size: 12px; }
.recentNews .sectionFooter .continue a { display: inline-block; }
.recentNews .sectionFooter .continue a:hover { text-decoration: none; }
.recentNews .sectionFooter .source { padding-top: 6px; float: left; }
.recentNews .sectionFooter .sharePage { position: absolute; }
.recentNews .sectionFooter .shareControl { margin-top: 4px !important; }

@font-face {
    font-family: 'icomoon';
    src:url('/fonts/icomoon.eot');
    src:url('/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
        url('/fonts/icomoon.svg#icomoon') format('svg'),
        url('/fonts/icomoon.woff') format('woff'),
        url('/fonts/icomoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

#recentNews h2 a:hover{color:#55B8DF;padding-left:7px; text-decoration: none;}
#recentNews h2 a,.footer a,#feedback a{-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;}
#recentNews h2 a:before{
content: "\e001";
display: inline-block;
font-family: 'icomoon';
padding-right:3px
}

.recentNews {
margin: 10px 0 20px;
float: left;
width: 100%;
}

.recentNews{ margin: 10px 0 20px;float:left; width:100%}
.EWRporta_Portal .breadBoxBottom{ display:none}
#recentNews h2  a{
border-bottom: 1px dashed #EDEDED;
text-shadow: 0 0 0 transparent, 1px 1px 1px #ccc;
color: #303030;
display: inline-block;
font-size: 20px;
position: relative;
width:90%
}
#recentNews .newsText h2{display:block !important}
#recentNews .rt-published {margin-top: -43px;
display:inline-block;
-webkit-border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; border-radius:100%;
width:60px;
height:60px;
float:right;
}

#recentNews .rt-published span {
display:block;
text-align:center;
}

#recentNews .rt-published span.rt-date-day {
font-size:1.4em;
margin-top:1px;
}

#recentNews .rt-published span.rt-date-month {
font-size:.8em;
text-transform:uppercase;
font-weight:100;
}

#recentNews .rt-published span.rt-date-year {
font-size:.8em;
text-transform:uppercase;
margin-top:-4px;
font-weight:100;
}
#recentNews .rt-published span {
  display: block;
  text-align: center;
}
.rt-published {
-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.8);
-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.8);
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.8); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.8); -khtml-box-shadow: inset 0 2px 4px rgba(0,0,0,0.8); box-shadow:inset 0 2px 4px rgba(0,0,0,0.8);
background-color:#4b4243;
color:#fff;
text-shadow: 0 0 0 transparent, 1px 1px 1px #000;
font-size:18px
}
.newsText  img {
height:auto;
border: 1px solid rgb(0,0,0); border: 1px solid rgba(0,0,0, 0.4); _border: 1px solid rgb(0,0,0);
-webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3); -khtml-box-shadow: 0 1px 2px rgba(0,0,0,0.3); box-shadow:0 1px 2px rgba(0,0,0,0.3);
}
.newsText img{width:250px;height:150px; float:left; margin: 3px 10px 5px 0;
}
.newsText br{display:none !important; height:0 !important}
.newsText{ margin:0}
.EWRporta_Portal .titleBar{ display:none}

.topLeftBlocks, .midLeftBlocks, .btmLeftBlocks{ margin-top:-61px;}
#recentNews h2,#footer h5, footer h5,.titleBar,.searchResult .title{font-family: 'Open Sans', sans-serif; font-weight:700}
#recentNews .sectionMain{border:none;-moz-box-shadow: none;
-webkit-box-shadow: none;
-webkit-box-shadow: none; -moz-box-shadow: none; -khtml-box-shadow: none; box-shadow: none;padding:0 !important}
#recentNews h2 a {text-transform: uppercase;}

.postedBy{padding:5px 0;font-size:12px;}
.postedBy span{padding-right:7px}

.postedBy .author:before{
content:"\e034";
font-family:'icomoon';
margin-right:4px;
}
.postedBy .timing:before{
content:"\e03c";
font-family:'icomoon';
margin-right:4px;
}

.postedBy .views:before{
content:"\e032";
font-family:'icomoon';
margin-right:4px;
}

.postedBy .liked:before{
content:"\e00f";
font-family:'icomoon';
margin-right:4px;
}

.postedBy .cm:before{
content:"\e016";
font-family:'icomoon';
margin-right:4px;
}

 

ah quên còn cái này nữa.
ai biết chỉnh cho nó hiện tiêu đề và hình ảnh của bài viết. nếu ko có hình thì hiện 1 hình mặc định.