#container {
position: relative;
width: 300px;
margin: auto;
margin-top: 150px;

}


#newlist{
margin: auto;	
position:absolute; 
float: left;
left:0px; 
top:700px; 
z-index:210; 
width:300px; 
height: 500px; 
font-family:  Arial, Helvetica, sans-serif; 
color:#2c2c2b;
text-align:left;
}


h1 {
	font-size: 12px;
	line-height: 12px;
	text-align:left;
	padding: 0px;
}


#widget {
overflow: hidden;
padding: 0px;
height: 296px; /* You should adjust this height for your project. */
position: relative;
float: left;
margin-left: 0px ;
text-align:left;
min-width: 250px;
/*-moz-border-radius-bottomright: 10px;*/
}

#widget img {
float: left;
padding: 0px;
margin-right: .5em;
width: 100px;
height: 75px;
}

#widget ul {

float:left; 
left:0 px;
list-style-type: none ;
}



#widget li {
clear: left;
overflow: hidden;
position: relative;
top: 0;
padding-bottom: 1em;
	list-style-type: none ;
height: 75px; /* 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: 12px;
font-family:  Arial, Helvetica, sans-serif;
color:#a9b8bc;
align:left;
text-decoration:none;
}
h4 a{
padding-top: .5em;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color:#a9b8bc;
align:left;
text-decoration:none;
}

h4 a:hover{
padding-top: .5em;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color:#ab1b32;
align:left;
text-decoration:none;
}

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