body {
font-family: helvetica, arial;
font-size: 10px;

}

#scroll {
position: relative;
width: 230px;
margin-bottom: 20px;
}

h1 {
	font-size: 20px;
	line-height: 20px;
}

ul, li, h4 {
margin: 0; padding: 0;
list-style: none;
}

a {
text-decoration: none;
color: #292929;
}

a:hover {
text-decoration: underline;
}

small {
color: gray;
font-weight: normal;
font-size: 11px;
display: block;
}

#widget {
overflow: hidden;
background: #ba98ca; /* #e3e3e3; */
padding: 1em;
border: 1px solid #e5cef0; /* 1px solid #c5c5c5; */
height: 435px; /* You should adjust this height for your project. */
position: relative;
float: left;
min-width: 230px;
-moz-border-radius-bottomright: 10px;
}

#widget img {
float: left;
border: 1px solid white;
padding: .2em;
background: #e5cef0;
margin-right: .5em;
width: 90px;
height: 90px;
}

#widget li {
clear: left;
overflow: hidden;
position: relative;
top: 0;
padding-bottom: 1em;
height: 96px; /* Change this to fit your needs. The plugin will access this value if you don't pass a parameter in when you call it. */
}

h4 {
padding-top: .5em;
font-size: 14px;
}

li p {
color: #474747;
margin-top: .4em;
}