<html>
<head>
<style type="text/css">
<!-- body {
background-color: #f0cbc2;
background-repeat:repeat-y;
background-position:left;}
td, tr, body {
font-family: Tahoma;
font-size: 8px;
color: #0086a9;
line-height: 12px;
text-align: justify;
}
b{COLOR: #9ec5c0}
i{COLOR: #FFFFFF}
u{COLOR: #9ec5c0}
a img {
border: 2px solid #ffffff;
}
a:hover img {
border: 2px solid #9ec5c0;}
A:link {cursor : default;
cursor : none;COLOR: #9ec5c0; FONT-WEIGHT: none; TEXT-DECORATION: none; TEXT-TRANSFORM: none ;}
A:visited{cursor : default;
cursor : none;COLOR: #9ec5c0; TEXT-DECORATION: none; TEXT-TRANSFORM: none}
A:active {cursor : default;
cursor : none;COLOR: #9ec5c0; TEXT-DECORATION: none; TEXT-TRANSFORM: none}
A:hover {cursor : default;
cursor : none;COLOR: #ffffff; TEXT-DECORATION: em ; text-transform: none;}
.menuline {
padding: 2,5px;
font-size: 7px;
color: #0086a9;
font-weight: bold;
line-height: 12px;
text-align: justify;
font-family: Tahoma;
letter-spacing: 3px;
text-transform: uppercase;
background-color: #9ec5c0;
}
.menu {
padding: 4px;
font-size: 10px;
color: #0086a9;
line-height: 12px;
font-weight: none;
text-align: justify;
font-family: Tahoma;
background-color: #CCCCCC;
border-bottom: #9ec5c0 1px solid;
}
-->
</style>
</head>
<table border="0" width="100%">
<tr>
<td width="100%" class="menuline">
<div style="width:420px; margin-bottom:0px;">
<div><strong>{title}</strong></div>
</td>
</tr>
<tr>
<td width="100%" class="menu">
<p align="left">
<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #f0cbc2;">{short-story}</div>
</a> <!-- no full story--> <div><em>Posted on {date} by {author}</em></div>
[com-link] {comments-num}Comments[/com-link]</div>
<div style="float: right;">[full-link]Read more •[/full-link]
</div>
</tr>
</span>
<tr>
</table></style></head>
