/* typography */

#scroller, #scroller td { font-family:geneva, arial, sans-serif; font-size:10px; color:#000000; }

@media all { #scroller, #scroller td { font-size:10px; } }

scroller .ownerName { color:#666666; }

scroller .postNumber { color:#9A9A9A; }

scroller .postDate { color:#C4C4C4; }

.date { color: 4C51BE; font-weight: lighter; }

.category {color: grey; font-style: italic; font-size: 12px;}



/* positioning */

#scroller { position:absolute; left:10px; top:0px; width:207px; /*width:140px;*/ height:173px; clip:rect(0 207 173 0); overflow:hidden; 	font-weight: bolder;

}

#scroller #container { position:absolute; top:5px; width:187px; /*width:120px;*/ height:163px; clip:rect(0 187 163 0); overflow:hidden; }

#scroller #content { position:absolute; width:187px; /*width:120px;*/ }

#scroller #scrollUp { position:absolute; left: 197px; /* left:130px;*/ top:3px; }

#scroller #scrollDn { position:absolute; left: 197px; /* left:130px;*/ top:163px; }

#scroller #scrollbar { position:absolute; left: 197px; /* left:130px;*/ top:14px; width:10px; height:157px; clip:rect(0 10 157 0); }

#scroller #thumb { position:absolute; left:0px; top:0px; background-color:#CCCCCC; layer-background-color:#CCCCCC; }

#scroller #thumbArrowUp, #scroller #thumbArrowDn { position:absolute; left:2px; visibility:hidden; }

#scroller #marker { position:absolute; left:1px; top:0px; width:8px; height:1px; clip:rect(0 10 1 0); background-color:#CCCCCC; layer-background-color:#CCCCCC; visibility:hidden; }

#scroller #scrollerMo5Shim { position:absolute; left:0px; top:5px; width:1px; height:1px; }

#scroller #elevUp, #scroller #elevDn { position:absolute; left:0px; top:0px; width:10px; height:247px; overflow:hidden; clip:rect(0 10 247 0); }