active news&full story:

<style type="text/css">
<!--
body {
    background-color: #FFFFFF;
    background-repeat:;
    background-position:left; }

td, tr, body {
    font-size: 9px;
    color: #000000;
    line-height: 13px;
    text-align: justify;
    font-family: Tahoma;
}

a img {
    border: 0px solid #CC0033;
}
a:hover img {
    border: 0px solid #3333CC;
}

b{COLOR: #3333CC; font-weight: bold; font-family: Tahoma; font-size: 9px;}
i{COLOR: #3333CC; font-weight: none; font-family: Tahoma; font-size: 9px;}
s{COLOR: #CC0033; font-weight: none; font-family: Tahoma; font-size: 9px;}
u{COLOR: #3333CC; font-weight: none; font-family: Tahoma; font-size: 9px;border-bottom: 1px solid; border-bottom-color: #d2215f;}

A:link   {cursor : default;
cursor : help;COLOR: #000000; FONT-WEIGHT: none; TEXT-DECORATION: none; TEXT-TRANSFORM: none ;}
A:visited{cursor : default;
cursor : help;COLOR: #000000; TEXT-DECORATION: none; TEXT-TRANSFORM: none}
A:active {cursor : default;
cursor : help;COLOR: #000000; TEXT-DECORATION: none; TEXT-TRANSFORM: none}
A:hover  {cursor : default;
cursor : help;COLOR: #cc0033; TEXT-DECORATION: none; font-weight: none; font-family: tahoma; font-size: 9px;}

.date {
                                padding: 1px;
                                color: #000000;
                                font-family: Tahoma;
                                font-size: 8px;
                                font-weight: bold;
                                line-height: 7px;
                                text-align: center;
                                   font-family: Tahoma;
                                letter-spacing: 3px;
                                text-transform: uppercase;
                            background-color: #bcbcbc;
                            background-image: url('http://i39.tinypic.com/14d33ty.jpg');
                                                        }

.menuline {
    padding: 1px;
    font-size: 7pt;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 15px;
    text-align: center;
    font-family: Tahoma;
    letter-spacing: 3px;
    text-transform: uppercase;
    background-color: #9d053f;
    background-image: url('https://img.webme.com/pic/d/demilovato-daily/header-new.png');
    border-bottom: 1px solid #000000;

    padding: 1px;
    font-size: 7px;
    color: #ffffff;
    font-weight: bold;
    line-height: 12px;
    text-align: center;
    font-family: Tahoma;
    letter-spacing: 3px;
    text-transform: uppercase;

}

.menuline2 {
    padding: 1px;
    font-size: 6pt;
    color: #000000;
    font-weight: bold;
    line-height: 7px;
    text-align: center;
    font-family: Tahoma;
    letter-spacing: 3px;
    text-transform: uppercase;
    background-color: #999999;
    background-image: url('http://i39.tinypic.com/14d33ty.jpg');
    border: 0px solid #ffffff;

}

.menu {
    padding: 7px;
    font-size: 9px;
    color: #000000;
    line-height: 13px;
    font-weight: Tahoma;
    text-align: justify;
    font-family: Tahoma;
    background-color: #bcbcbc;
    border: 0px solid #999999;
    background-image: none;
}



input {
FONT-SIZE: 9px;
color: #000000;
font-family: Tahoma;
background-color:#999999;
border: #000000 1px solid;
}

textarea {
FONT-SIZE: 9px;
color: #000000;
font-family: Tahoma;
background-color:#999999;
border: #000000 1px solid;
}

SELECT {
BORDER-RIGHT: #000000 1px solid;
PADDING-RIGHT: 1px;
BORDER-TOP: #000000 1px solid;
PADDING-LEFT: 1px;
FONT-WEIGHT: normal;
FONT-SIZE: 7pt;
BACKGROUND: #999999;
MARGIN-BOTTOM: 3px;
PADDING-BOTTOM: 0px;
TEXT-TRANSFORM: none;
BORDER-LEFT: #000000 1px solid;
COLOR: #000000;
LINE-HEIGHT: 12px;
PADDING-TOP: 0px;
BORDER-BOTTOM: #000000 1px solid;
FONT-FAMILY: tahoma;
TEXT-ALIGN: center;
TEXT-DECORATION: none
}

-->
</style>
<table border="0" width="100%">
<td rowspan="2" class="date" align="center" width="15%" height="12">{date}</td><td class="menuline" width="100%">{title}</td></tr>
<tr><td class="menuline2"> POSTED BY Dilara • {comments-num} [com-link]Comments[/com-link]</td>
</tr></tbody></table><table border="0" width="100%">
<td valign="top" class="menu" table width="0%"> {short-story}<br />
</td>
<td valign="top" class="menu" table width="8%">{category-icon}<br />

</tr></tbody></table>
<style>

a img {
border: 3px solid #C0C0C0; border-radius: 3px;background:#ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 1px;
margin: 1px;
 
}
a:hover img {
border: 1px solid #609098;padding:2px;
background:#ffffff;
border-radius: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 2px;
margin: 1px;
 
}
</style>
<style type="text/css">
<!--
a img {
border: 1px outset #0033FF;}
a:hover img {
border: 1px inset #CC0000;}
-->
</style>


___________________________-

comment:
<div style="width: 478px; margin-bottom:20px;">

<div class="menuline"> by <strong>{author}</strong> @ {date}</div>

<div class="menu" style="padding:2px; background-color:#bcbcbc">{comment}</div>

</div>
____________________________-
add comment form:
<table border="0" width="370" cellspacing="0" cellpadding="0">
    <tr>
      <td width="60">Name:</td>
      <td><input type="text" name="name"></td>
    </tr>
    <tr>
      <td>E-mail:</td>
      <td><input type="text" name="mail"> (optional)</td>
    </tr>
    <tr>
      <td>Smile:</td>
      <td>{smilies}</td>
    </tr>
    <tr>
      <td colspan="2">
      <textarea cols="40" rows="6" id=commentsbox name="comments"></textarea><br />
      <input type="submit" name="submit" value="Add My Comment">
      <input type=checkbox name=CNremember  id=CNremember value=1><label for=CNremember> Remember Me</label> |
  <a href="javascript:CNforget();">Forget Me</a>
      </td>
    </tr>
  </table>