﻿/* StartStyle */
ul.newsCont,ul.newsCont li,ul.newsCont *{
font: 11px/1 Verdana,sans-serif; /* прописываем для любых элементов общий фонт. */
list-style:none;
background-image:none;
margin:0; /* убираем все возможные отступы и поля в контенте  */
padding:0;
}
ul.newsCont{
width:170px; /* указываем фиксированную ширину. */
border:1px solid #CCC;
position:relative; /* задаём позиционирование */
overflow:hidden; /* задаём поведение блока при переполнении */
height:150px; /* указываем высоту */
text-align:left;
}
ul.newsCont li{
padding:3px 2px;
opacity:0;
display:none; /* скрываем контент */
position:absolute; /* задаём абсолютное позиционирование, относительно блока контента */
}
ul.newsCont p,ul.newsCont h4{
margin-bottom:3px; /* отступы для заголовков и параграфов */
}
ul.newsCont h4 a{
font: bold 11px/1 Georgia,serif; /* перебиваем значение фонта по умолчанию для ссылок заголовков */
}
ul.newsCont h4:first-letter {
vertical-align:baseline;color:#C03; /* буквица для заголовков */
}
ul.newsCont .inf{
position:absolute; /* задаём позиционирование для блока дополнительной информации */
top:187px;right:1px; /* вычисляется от высоты блока контента */
text-align:right; /* выравнивание текста в блоке */
float:right; /* для оперы ... ? */
background:#FFF; /* задаём белый фон, для удобства чтения/восприятия */
font-size:10px;
color:777;
padding:1px 3px 2px; /* задаём поля, для удобства чтения/восприятия */
}
ul.newsCont img.prev{
max-height:120px!important; /* ограничиваем максимальные размеры картинки в контенте. На всякий... */
max-width:120px!important;
border:solid 1px #ddd; /* немного оформления ... */
float:left; /* положение относительно текста - картинка - слева, текст справа ? */
margin-right:5px;
padding:3px;
}
/* EndStyle */