Светлый вид материалов

<div class="news">
<a href="$ENTRY_URL$">
<h2>$TITLE$</h2>
</a>
<div class="info">
<div class="n-info-l"></div>
<div class="n-info-r"></div>
<div class="n-info-c"></div>
</div>
<div class="n-info-text">
<div class="n-date">
$DATE$ в $TIME$
</div>
<div class="n-author">
Автор: <a href="$PROFILE_URL$">$USERNAME$</a>
</div>
<div class="n-category">
Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a>
</div>
</div>
<div class="n-main-text">  
<div class="n-ava">
  <img onclick="new _uWnd('screen','$TITLE$',200,100,{align:0,shadow:1,modal:1,close:1,autosize:1,maxh:500,minh:100,resize:0},'<img src=$IMG_URL1$ border=0>');" src="$IMG_URL1$"></img>
</div>  
<div class="n-text">
$MESSAGE$
</div>
</div>
<div class="b-info">
<div class="b-info-l"></div>
<div class="b-info-r"></div>
<div class="b-info-c"></div>
<div class="b-detail">
<div class="b-pod">
<a href="$ENTRY_URL$">Подробнее</a>
</div>  
<div class="b-com">
Коментариев: $COMMENTS_NUM$
</div>
</div>  
</div>
</div>

/* вид материалов by SlowMotion, PSD от uWeb.su */
  .news {
  width:670px;
  height:100%;
  }
  .news h2 {
  background: url(../img/bg-n-h2.png) left no-repeat;
  color:#646464;
  font:bold 12px Tahoma, Geneva, sans-serif;
  padding-left:20px;
  }
  .news a {
  text-decoration:none;
  }
  .news a h2:hover {
  text-decoration:none;
  color:#9c9c9c;
  }
  .info {
  height:24px;
  width:670px;
  margin-top:3px;
  }
  .n-info-l {
  float: left;
  width:12px;
  height:24px;
  background:url(../img/n-info-l.png) no-repeat;
  }
  .n-info-c {
  height:24px;
  background:url(../img/n-info-c.png) repeat-x;
  }
  .n-info-r {
  float:right;
  width:12px;
  height:24px;
  background:url(../img/n-info-r.png) no-repeat;
  }
  .n-info-text {
  width:665px;
  margin:-21px 0px 0px 5px;
  font:normal 12px Tahoma, Geneva, sans-serif;
  height:15px;
  }
  .n-date {
  float:left;
  width:130px;
  color:#9c9c9c;
  height:15px;
  margin-left:5px;
  font:bold 11px Tahoma, Geneva, sans-serif;
  }
  .n-category {
  color:#9c9c9c;
  margin-left:150px;
  padding-left:18px;
  height:15px;
  background:url(../img/bg-category.png) left no-repeat;
  }
  .n-category a {
  text-decoration:none;
  color:#9c9c9c;
  }
  .n-category a:hover {
  text-decoration:underline;
  }
  .n-author {
  color:#9c9c9c;
  float:right;
  height:15px;
  padding-left:20px;
  padding-right:15px;
  background:url(../img/bg-aughtor.png) left no-repeat;
  }
  .n-author a {
  text-decoration:none;
  color:#9c9c9c;
  font:bold 12px Tahoma, Geneva, sans-serif;
  }
  .n-author a:hover {
  text-decoration:none;
  color:#6c6c6c;
  font:bold 12px Tahoma, Geneva, sans-serif;
  }
  .n-main-text {
  margin:5px;
  width:665px;
  height:100%;
  overflow:hidden;
  }
  .n-ava {
  overflow:hidden;
  float:left;
  width:230px;
  max-height:200px;
  }
  .n-text {
  margin-left: 240px;
  max-height:200px;
  color:#646464;
  font:normal 12px Tahoma, Geneva, sans-serif;
  }
  .b-info {
  margin-top:-5px;
  height:30px;
  width:670px;
  overflow: hidden;
  }
  .b-info-l {
  width:16px;
  height:30px;
  float:left;
  background:url(../img/b-info-l.png) no-repeat;
  }
  .b-info-r {
  width:16px;
  height:30px;
  float:right;
  background:url(../img/b-info-r.png) no-repeat;
  }
  .b-info-c {
  height:30px;
  background:url(../img/b-info-c.png) repeat-x;
  }
  .b-detail {
  margin-top:-24px;
  padding:0px 20px;
  height:24px;
  width:670px;
  overflow: hidden;
  }
  .b-com {
  background:url(../img/n-dop-com.png) no-repeat;
  padding-left: 20px;
  color:#9c9c9c;
  font:normal 12px Tahoma, Geneva, sans-serif;
  }
  .b-pod {;
  margin-right:60px;
  float:right;
  color:#9c9c9c;
  font:normal 12px Tahoma, Geneva, sans-serif;  
  }
  .b-pod a {
  color:#9c9c9c;
  font:normal 12px Tahoma, Geneva, sans-serif;
  text-decoration:underline;  
  }
  .b-pod a:hover {
  color:#9c9c9c;
  text-decoration:none;
  font:bold 12px Tahoma, Geneva, sans-serif;  
  }
/* вид материалов END*/