#tweetcontainer {
position: relative;
width: 220px;
margin: 0 0 0 15px;
padding: 0px;
}

#tweetheader{
font-family: Arial,Verdana,Sans-serif; 
font-size: 12px; 
font-weight:bold; 
color:#ffffff;
background-color:#00ddff;
height: 15px;
padding: 5px;
}

#widget {
overflow: hidden;
background: ;
padding: 0px;
border: 0px;
height: 120px; /* You should adjust this height for your project. */
position: relative;
float: left;
width: 220px;
}


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

#recenttweets {
position: relative;
width: 220px;
margin: 0 0 0 15px;
padding: 0px;
}

#recenttweet{
}

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





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


a.scrolltitle:link { font-family: Arial,Verdana,Sans-serif; font-size: 12px; font-weight:; color: #22496A; text-decoration: none; line-height: 16px}
a.scrolltitle:visited { font-family: Arial,Verdana,Sans-serif; font-size: 12px; font-weight:; color: #22496A; text-decoration: none; line-height: 16px}
a.scrolltitle:hover { font-family: Arial,Verdana,Sans-serif; font-size: 12px; font-weight:; color: #802E2C; text-decoration: underline; line-height: 16px}


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

.date{
font-family: Arial,Verdana,Sans-serif; 
font-size: 11px;
text-transform:uppercase;
color:#504f4f;
}

.scrolldesc{
font-family: Arial,Verdana,Sans-serif; 
font-size: 11px;
}

.clearboth{ 
clear: both;
}