active news & full story

<style>
<!--
Body { FONT-SIZE: 10px;
       font-family: Tahoma;
       color: #324547;
       text-align: justify;}

td, tr, body {
        font-size: 10px;
        color: #324547;
        line-height: 12px;
        font-family: Tahoma;}

strong{COLOR: #52BAEF; letter-spacing: 1px; font-weight: bold; font-family: Tahoma; font-size: 8px; text-transform: uppercase;}
b{COLOR: #52BAEF; letter-spacing: 1px; font-weight: bold; font-family: Tahoma; font-size: 8px; text-transform: uppercase;}
em{COLOR: #00CC99; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; font-family: Tahoma; font-size: 8px;}
i{COLOR: #00CC99; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; font-family: Tahoma; font-size: 8px;}
u{COLOR: #FFAA7B; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; font-family: Tahoma; font-size: 8px; border-bottom: 1px solid;
border-bottom-color: #222F30;}

a img {
        border: 1px solid #52BAEF;
}
a:hover img {
        border: 1px dotted #FFAA7B; }


                        BODY, P, TD{
                                font-family: Tahoma;
                                font-size: 10px;
                                color: #818181;
                                text-transform: none;
                                cursor: default
                                }

A:link, A:visited, A:active {cursor: help; COLOR:#52BAEF; font-weight: bold; font-family: Tahoma; font-size: 8px;text-decoration: none; text-transform: uppercase;}
A:hover{cursor: help; COLOR:#FFAA7B; font-weight: bold; font-family: Tahoma; font-size: 8px; text-transform: uppercase;}

.line {
padding: 0px;
 font-family: Courier New;
 font-size: 12px;
 color: #52BAEF;
 line-height: 24px;
 text-transform: uppercase;
 letter-spacing: 1px;
 font-weight: italic;
 text-align: center;
background-image: url('https://img.webme.com/pic/s/sel-fan/unbenannt22.png')
}

.box {
        padding: 4px;
        font-size: 10px;
        color: #818181;
    font-weight: none;
    text-align: justify;
    font-family: Tahoma;
    background-color: #cee1a1;

                        }
input {
FONT-SIZE: 8px;
font-family: Tahoma;
BORDER: #324547 1px solid;
color: #324547;
letter-spacing: 3px;
background-color: #B7D5E3;
text-transform: uppercase;

}

textarea {
FONT-SIZE: 9px;
color: #324547;
BORDER: #324547 1px solid;
font-family: Tahoma;
background-color: #B7D5E3;
}

SELECT {
PADDING-RIGHT: 1px;
PADDING-LEFT: 1px;
FONT-WEIGHT: normal;
FONT-SIZE: 9px;
BACKGROUND: #B7D5E3;
MARGIN-BOTTOM: 3px;
PADDING-BOTTOM: 0px;
TEXT-TRANSFORM: none;
COLOR: #324547;
LINE-HEIGHT: 12px;
PADDING-TOP: 0px;
BORDER: #324547 1px solid;
FONT-FAMILY: Tahoma;
TEXT-ALIGN: center;
TEXT-DECORATION: none
}
</style>

<table border="0" width="100%">
  <tr>
    <td width="100%" class="line">
    {title}
        </span>
    </td>

  </tr>

  <tr>
    <td width="100%" class="box">
{short-story}</td> <tr>

      <td width="100%" class="line">
Posted on {date} by {author-name} • [com-link]{comments-num} Comment(s) [/com-link]
    </td>

  </tr>
</table>

comment :

 <div style="width:400px; margin-bottom:20px;">
 
 <div class=""> by <strong>{author}</strong> @ {date}</div>
 
 <div class="box" style="padding:2px; background-color:#cee1a1">{comment}</div>
 
 </div>