<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html;" charset="UTF-8" />
<style type="text/css">
  html {
    background: #EEEDED;
  }
</style>
</head>
<body style="margin: 0px; background-color: #FFFFFF; font-family: Helvetica, Arial, sans-serif; font-size:12px;" text="#444444" bgcolor="#FFFFFF" link="#21759B" alink="#21759B" vlink="#21759B" marginheight="0" topmargin="0" marginwidth="0" leftmargin="0">

<table cellpadding="0" width="700" bgcolor="#FFFFFF" cellspacing="0" border="0" align="center" style="width:100%!important;line-height:100%!important;border-collapse:collapse;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
  <tbody><tr>
    <td valign="top" height="20">&nbsp;</td>
  </tr>
  <tr>
    <td valign="top">
      <table cellpadding="0" bgcolor="#ffffff" cellspacing="0" border="0" align="center" style="border-collapse:collapse;width:700px;font-size:13px;line-height:20px;color:#545454;font-family:Arial,sans-serif;border-radius:3px;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto">
  <tbody><tr>
    <td valign="top">
        <table cellpadding="0" cellspacing="0" border="0" style="border-collapse:separate;width:100%;border-radius:3px 3px 0 0;font-size:1px;line-height:3px;height:3px;border-top-color:#0298e3;border-right-color:#0298e3;border-bottom-color:#0298e3;border-left-color:#0298e3;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px">
          <tbody><tr>
            <td valign="top" style="font-family:Arial,sans-serif;background-color:#5ab8e7;border-top-width:1px;border-top-color:#8ccae9;border-top-style:solid" bgcolor="#5ab8e7">&nbsp;</td>
          </tr>
        </tbody></table>
      <table cellpadding="0" cellspacing="0" border="0" style="border-collapse:separate;width:700px;border-radius:0 0 3px 3px;border-top-color:#8c8c8c;border-right-color:#8c8c8c;border-bottom-color:#8c8c8c;border-left-color:#8c8c8c;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:0;border-right-width:1px;border-bottom-width:1px;border-left-width:1px">
        <tbody><tr>
          <td valign="top" style="font-size:13px;line-height:20px;color:#545454;font-family:Arial,sans-serif;border-radius:0 0 3px 3px;padding-top:3px;padding-right:30px;padding-bottom:15px;padding-left:30px">

			<h1 style="margin-top:20px;margin-right:0;margin-bottom:20px;margin-left:0; font-size:28px; line-height: 28px; color:#000;">New Comment</h1>
			<p style="margin-top:20px;margin-right:0;margin-bottom:20px;margin-left:0">{{wp-user-displayname}},  There is a new comment on the post "<a href="{{wp-comment-url}}">{{wp-post-title}}</a>"</p>

			<!-- NEW TABLE -->
			<table class="heavyTable" style="width: 100%;
				max-width: 700px;
				border-collapse: collapse;
				background: white;
			   margin-bottom: 20px;">
			   <tbody>
			   
				<tr style="">
					<td style="vertical-align:top;padding-top:10px;">
						<div style="">
							<img src="[inbound-gravitar email='{{wp-comment-author-email}}' size='60']" width="60" height="60">
						</div>
					</td>
					<td width="600" style="padding: 10px; padding-bottom: 5px;">						
						<div style="padding-left:5px; display:inline-block; padding-bottom: 5px; font-size: 16px; color:#555;">
							<div style="margin-bottom:8px;"><strong>{{wp-comment-author}} says:</strong></div>
							{{wp-comment-content}} <br><br>
							
							<a href="{{wp-comment-url}}">Click here to reply</a>
						</div>
						
					</td>
				</tr>
			   
				
				
			   </tbody>
			 </table>
			 <!-- END NEW TABLE -->
          </td>
        </tr>
      </tbody></table>
    </td>
  </tr>
</tbody>
</table>

	<table cellpadding="0" cellspacing="0" border="0" align="center" style="border-collapse:collapse;width:700px;font-size:13px;line-height:20px;color:#545454;font-family:Arial,sans-serif;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto">
		<tbody>
		  <tr>
			<td valign="top" width="30" style="color:#272727">&nbsp;</td>
			<td valign="top" height="18" style="height:18px;color:#272727"></td>
			  <td style="color:#272727">&nbsp;</td>
			<td style="color:#545454;text-align:right" align="right">&nbsp;</td>
			<td valign="middle" width="30" style="color:#272727">&nbsp;</td>
		  </tr>		   
		  <tr>
			<td valign="top" height="6" style="color:#272727;line-height:1px">&nbsp;</td>
			<td style="color:#272727;line-height:1px">&nbsp;</td>
			  <td style="color:#272727;line-height:1px">&nbsp;</td>
			<td style="color:#545454;text-align:right;line-height:1px" align="right">&nbsp;</td>
			<td valign="middle" width="30" style="color:#272727;line-height:1px">&nbsp;</td>
		  </tr>
		</tbody>
	</table>

    <table cellpadding="0" cellspacing="0" border="0" align="center" style="border-collapse:collapse;width:700px">
        <tbody><tr>
          <td valign="top" style="color:#b1b1b1;font-size:11px;line-height:16px;font-family:Arial,sans-serif;text-align:center" align="center">
            <p style="margin-top:1em;margin-right:0;margin-bottom:1em;margin-left:0"></p>
          </td>
        </tr>
      </tbody>
	</table>
    </td>
  </tr>
  <tr>
    <td valign="top" height="20">&nbsp;</td>
  </tr>
</tbody>
</table>
</body>