/* Item Styles - Store in a CSS file or the master page file*/		
.S2StyleImage {
	border-bottom: 1px rgb(251,230,187) solid;
	padding: 5px 7px 10px 0px;
	}
.S2StyleTitle {
	padding-top: 10px;
	}
.S2StyleTitle a, .S2StyleTitle a:link, .S2StyleTitle a:visited, .S2StyleTitle a:hover {
	font-weight: bold;
	font-size: 1.2em;
	}
.S2StyleDescription {
	padding: 5px 0px 10px 0px;
	border-bottom: 1px rgb(251,230,187) solid;
	}
.S2StyleBorder {
	border-bottom: 2px rgb(251,230,187) solid;
	}



<xsl:template name="S2Article_ShowImageTitleBody" match="Row[@Style='S2Article_ShowImageTitleBody']" mode="itemstyle">
        <xsl:variable name="SafeImageUrl">
            <xsl:call-template name="OuterTemplate.GetSafeStaticUrl">
                <xsl:with-param name="UrlColumnName" select="'ImageUrl'"/>
            </xsl:call-template>
        </xsl:variable>
        <xsl:variable name="SafeLinkUrl">
            <xsl:call-template name="OuterTemplate.GetSafeLink">
                <xsl:with-param name="UrlColumnName" select="'LinkUrl'"/>
            </xsl:call-template>
        </xsl:variable>
        <xsl:variable name="DisplayTitle">
            <xsl:call-template name="OuterTemplate.GetTitle">
                <xsl:with-param name="Title" select="@Title"/>
                <xsl:with-param name="UrlColumnName" select="'LinkUrl'"/>
            </xsl:call-template>
        </xsl:variable>
        <xsl:variable name="LinkTarget">
            <xsl:if test="@OpenInNewWindow = 'True'" >_blank</xsl:if>
        </xsl:variable>
        
        <xsl:variable name="bodyContent">
        	<xsl:call-template name="removeMarkup">
        		<xsl:with-param name="string" select="@PublishingPageContent"/>
            </xsl:call-template>
		</xsl:variable>
                   	 
       <table cellpadding="0" cellspacing="0" width="100%">
        	<tr>
           		<td class="S2StyleTitle" colspan="2">
	            	<xsl:call-template name="OuterTemplate.CallPresenceStatusIconTemplate"/>     
                		<a href="{$SafeLinkUrl}" target="{$LinkTarget}" title="{@LinkToolTip}">
                    	<xsl:value-of select="$DisplayTitle"/>
                		</a>
                </td>
            </tr>
            <tr class="S2StyleBorder">
             	<xsl:if test="string-length($SafeImageUrl) != 0">
                	<td class="S2StyleImage"> 
                    	<a href="{$SafeLinkUrl}" target="{$LinkTarget}">
                        	<img class="image" src="{$SafeImageUrl}" alt="{@ImageUrlAltText}" />
                    	</a>
                	</td>
            	</xsl:if>
            	<td class="S2StyleDescription" valign="top">
                   <xsl:value-of select="substring($bodyContent,1,100)"/>... (<a href="{$SafeLinkUrl}" mce_href="{$SafeLinkUrl}" target="{$LinkTarget}" title="{@LinkToolTip}">more</a>)
                </td>
            </tr>
        </table>
</xsl:template>	

<!-- Remove Markup from escaped page content - Call function in the style -->
<xsl:template name="removeMarkup">
	<xsl:param name="string" />
	<xsl:choose>
	<xsl:when test="contains($string, '&lt;')">
		<xsl:variable name="nextString">
			<xsl:call-template name="removeMarkup">
			<xsl:with-param name="string" select="substring-after($string, '&gt;')" />
			</xsl:call-template>
		</xsl:variable>
	<xsl:value-of select="concat(substring-before($string, '&lt;'), $nextString)" />
	</xsl:when>
	<xsl:otherwise>
		<xsl:value-of select="$string" />
	</xsl:otherwise>
	</xsl:choose>
</xsl:template>