CSS Help With Rollover

Our website is http://packerslounge.com/
Im posting this link not to increase traffic but it is necessary in the solution to my problem.
If you visit the site and look on the right hand side there is something called "The Daily Feed" it has text under it which is yellow and when you hover over the text it is black or a dark color. We cannot for the life of us figure out a way to change these colors. We want to make the text directly under "The Daily Feed" to be white and when you hover over yellow. We like the update list as it is. We would appreciate if someone could help us with our CSS, I do not know where to begin, if you can help you would be a lifesaver!

 

/*
Theme Name: zinmag-futura
Description:3rd edition of the successful magazine theme Zinmag.
Author: jinsona designs
Author URI: www.wpfreethemes.com

WARNING: Distribution of this theme on thirdparty sites without my permission is strictly prohibited.
Any violation will result in a DMCA filed againt the site involved . 


*/


body {
	margin:0 auto;
	padding:0px 0 0px 0;
	background:#254020 ;
	font-family:Century gothic, Arial,Tahoma,sans-serif;
	color:#f2d72f;
	font-size:13px;
	}
img {
	border:0;
	float:left;
	padding:5px 5px 5px 0;
	}
a {
	color:#f2d72f;
	text-decoration:none
	}
a:hover {
	color:#050505;
	text-decoration:none
		}
h1, h2, h3, h4, h5, h6 {
	
	}
blockquote {
	padding-left:10px;
	color:#003300;
	font-style: normal;
	
	}
.clear {
	clear:both;
	}
.alignleft {
	float:left;
	padding:3px 0 2px 5px;
	}
.alignright {
	float:right;
	padding:3px 5px 2px 0px;
	}

/* The Wrapper */

#wrapper {
	width:1000px;
	margin:0 auto;
	

	}
	
	
/* The Top */

#top {
	height:119px;
	margin:auto;
	background:url(images/head.jpg) repeat-x;
	width:1000px;
	
	
	}
.blogname {
	width:600px;
	font-family:georgia,Century gothic,Verdana,Tahoma,sans-serif;	
	margin:20px 0 0 25px;
    float:left;
	background:url(images/logo.png);
	background-repeat:no-repeat;
	height:88px;
	}
.blogname h1  {
	font-size:38px;
	font-weight:normal;
	color:#;
	text-align:left;
	margin:0px 0 0 75px
	
	}
.blogname h1  a:link, .blogname h1  a:visited{ 
	color: #; 
	}
	
.blogname h1  a:hover { 
	color: #; 
	}
.blogname h2 {
	margin:0px 20px 0px 75px;
	font-size:16px;
	font-weight:normal;
	color:#;
	text-align:left;
	}
	
#topbar {
	height: 39px;
	margin-bottom: 0px;
	background: url(images/topbar.jpg) repeat-x;
	font-family:Georgia,Century gothic, Arial,Tahoma,sans-serif;
}

#topbar #dates {
	float: left;
	height: 35px;
	line-height: 25px;
	padding-top:2px;
	padding-left: 35px;
	font-size: 13px;
	color: #ffffff;
	margin: 1px 0 0 15px;
	background:url(images/date.jpg) no-repeat;
	
}

#topbar ul {
	float: right;
	display: inline;
	height: 25px;
	padding-right: 10px;
	margin:0px 0px
}

#topbar ul li {
	float: left;
	margin-left: 20px;
	display: inline;
	height: 20px;
}

#topbar ul li a {
	height: 22px;
	line-height: 30px;
	background: url(images/feed.png) no-repeat;
	background-position: left;
	padding-left: 20px;
	font-size: 13px;
	font-weight:normal;
}

#topbar ul li a:hover {
	color: #ffffff;
}


/* The Search */


#search {
	height:21px;
	width:auto;
	padding-top:85px ;
	margin-left:5px;
	width:240px;
	float:right;
}

#search form {
	margin: 0;
	padding: 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search p {
	margin: 0;
	font-size: 85%;
}

#s {
	margin-left:5px;
	float: left;
	width:158px;
	padding: 4px 7px;
	background: url(images/sf.png) no-repeat;
	border:none;
	font: normal 100% "century Gothic", Arial, Helvetica, sans-serif;
	color:#003300;
}

#searchsubmit {
	width:48px;
	float: left;
	margin-top: 0px;
	background:url(images/sbuton.png) no-repeat;
	border: none;
	font: bold 100% "century gothic", Arial, Helvetica, sans-serif;
	color: #f2d72f;
	height:26px;
}

/*top menu*/

#foxmenucontainer{
	height:29px;
	background:url(images/menu.jpg) repeat-x;
	display:block;
	padding:0px 0 0px 0px;
	border-top:2px solid #f2d72f;
	font: 18px "Copperplate Gothic Gold",verdana, Arial, sans-serif;
	font-weight:normal;

	}
	

#menu ,#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height:29px;
	
	}

#menu a {
	color: #ffffff;
	display: block;
    font-weight: normal;
   	padding: 4px 10px 6px 10px;
	}
	
#menu a:hover {
	background:url(images/menuhov.jpg) repeat-x;
	color: #213d30;
	display: block;
	text-decoration: none;
  
	}

#menu li {
	float: left;
	margin: 0px 0 0px 0;
	padding: 0px;
	}
	
#menu li li {
	float: left;
	margin: px 0px 0px 5px;
	padding: 0px;
	width: 130px;
	}
	
#menu li li a, #menu li li a:link, #menu li li a:visited {
	background:url(images/menu.jpg) repeat-x;
	width: 130px;
	float: none;
	margin: 0px;
	padding: 4px 10px 5px 10px;
	color:#f2d72f;
	
	}
	
#menu li li a:hover, #menu li li a:active {
	background:url(images/menuhov.jpg) repeat-x;
	width: 130px;
	float: none;
	margin: 0px;
	padding: 4px 10px 5px 10px;

	}

#menu li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	z-index:1;

	}

#menu li:hover ul {
	left: auto;
	display: block;
	}
	
#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
	}

#catmenucontainer{
	height:29px;
	background:url(images/catmenu.jpg) repeat-x;
	display:block;
	padding:0px 0 0px 0px;
	font: 14px "Century Gothic",verdana, Arial, sans-serif;
	font-weight:normal;
	border-top:2px solid #f2d72f;
	}
		
#catmenu ,#catmenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height:29px;
	}

#catmenu  a {
	color: #ffffff;
	display: block;
    font-weight: normal;
  	padding: 4px 10px 6px 10px;
	}
	
#catmenu  a:hover {
	background:url(images/catmenuhov.jpg) repeat-x;
	color: #f2d72f;
	display: block;
	text-decoration: none;


	}

#catmenu  li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#catmenu  li li {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 130px;
	}
	
#catmenu  li li a, #catmenu  li li a:link, #catmenu  li li a:visited {
	background:url(images/catmenu.jpg) repeat-x;
	width: 130px;
	float: none;
	margin: 0px;
	padding: 4px 10px 5px 10px;
	color:#f2d72f;
	
	}
	
#catmenu  li li a:hover, #catmenu  li li a:active {
	background:url(images/catmenuhov.jpg) repeat-x;
	width: 130px;
	float: none;
	margin: 0px;
	padding: 4px 10px 5px 10px;
	color:#f2d72f;
	}

#catmenu  li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	z-index:1;
	}

#catmenu  li:hover ul {
	left: auto;
	display: block;
	}
	
#catmenu  li:hover ul, #catmenu li.sfhover ul {
	left: auto;
	}	
	
	
	
/* Main Content*/	
	
	
#casing {
	padding:20px 0px 10px 0px;
	background:#020202 url(images/casings.jpg) bottom right;
	background-repeat:no-repeat;
	}	

#content {
	float:left;
	width: 690px;
	height:100%;
	padding:5px 0px 0px 0px;
	}
.title{
	margin: 0 0 0 0px;
	padding: 0px 0px 0px 5px;
	height:50px;

}	
.time{
	text-align:left;
	width:100px;

	margin-top:2px;
	font-family:Century gothic,Verdana,Helvitica,sans-serif;
	padding:1px 0 0 0px;
	color:#f2d72f;
	float:right;
	}

.date {
	float:left;
	height:14px;
	font-size:13px;
	font-family:century gothic,Verdana,Helvitica,sans-serif;
	margin-left:5px;
	margin-top:0px;
	padding-left:2px;
	font-weight:normal;
   	color:#f2d72f;
	
	}
	
.single {
	width:685px;
	margin: 0px 5px 5px 5px;
	height:100%;
	color:#ffffff;
	font: 13px  century gothic,Arial,verdana, sans-serif;
	}

.single  h2 {
	margin: 0px 0 5px 0;
	padding: 3px 0px 0px 5px;
	text-align: left;
	font: 24px  century gothic,Arial,verdana, sans-serif;
	font-weight:bold;
	overflow:hidden;
	

	}

.single  h2 a, .single  h2 a:link, .single  h2 a:visited  {
	color:#f2d72f;
	background-color: transparent;
	}
.single  h2 a:hover  {
	color: #f2d72f;
	background-color: transparent;
	}	
.author{
	color:#ffffff;
	padding:0px 0 4px 0px;

}
.clock{
	color:#f2d72f;
	padding:0px 0 4px 10px;

}	

.singleinfo {
	height:25px;
	margin: 0 0 0 0px;
	padding: 0px 0px 0px 0px;
	background:#213d30;
	color:#213d30;
			}
	
.comm{
	padding:4px 0 0px 25px;
	float:left;
	background:url(images/comm.jpg)no-repeat;
	height:24px;
}

.comm a:link,
.comm a:visited {
	color:#f2d72f;
}
.comm a:hover{
	color:#ffffff;
}
.postmore{
	padding:4px 5px 0px 25px;
	float:right;
	font-weight:bold;
	background:url(images/pmore.jpg) left no-repeat;
	height:24px;
}

.postmore a:link,
.postmore a:visited {

	color:#f2d72f;

}
.postmore a:hover{

	color:#ffffff;
}
.category{
	padding:3px 5px 1px 0px;
	margin-left:5px;
	font:13px  century gothic,Arial,verdana, sans-serif;
	font-weight:normal;
}

.category a:link,.category a:visited{
	color:#f2d72f;

	}
.category a:hover{
	color:#254020;
		font-weight:normal;

	}
.entry {
	margin:0 0;
	padding: 10px 5px 5px 5px;

	}	
	
.entry a:link,
.entry a:visited {
	color: #f2d72f;
	background-color: transparent;
}
.entry a:hover {
	color:#f2d72f;
	background-color: transparent;
	text-decoration: none;
}
.entry img {
	border:0;
	float:left;
	padding:4px 4px;
	background:#213d30;
	border:1px solid #f2d72f;
	margin:2px 5px 5px 0px;
	}
	
	
.entry p{
	margin:5px 5px;

}


/* sidebar */
#rightcol{
	
	float:right;
	width:304px;
	padding:0 0 10px 0;
	
}


/* The Sidebar1 */
.sidebar1{
	float:left;
	width:147px;
	padding-top:5px;
	font-size:14px;
	font-family: Georgia,Century gothic, Arial, sans-serif;
	

	}

.sidebar1 h2 {
	height:27px;
	line-height:27px;
	font-size:16px;
	color:#f2d72f;
	margin:5px 0 0 0 ;
	padding:0px 0 0 5px;
	background:url(images/h2.jpg) repeat-x;
	font-weight:bold;

	}
.sidebar1 ul {
	list-style-type: none;
	margin: 0 ;
	padding: 0;

	}

.sidebar1 ul ul  {
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 10px 0px;
	background-repeat:no-repeat;
	
	}

.sidebar1 ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}

.sidebar1 ul ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}
	
.sidebar1 ul li {
	height:100%;
	line-height:18px;
	}

.sidebar1 ul li a:link, .sidebar1 ul li a:visited {
	color: #f2d72f;
	text-decoration: none;
	padding: 5px 0px 5px 5px;
	display:block;
	background:#254020;
	background-repeat:no-repeat;
	border-bottom:1px solid #fdfbfb;
		border-top:1px solid #fdfbfb;
	}

.sidebar1 ul li a:hover {
	background:#213d30;
	background-repeat:no-repeat;
	color:#f2d72f;
	}

.sidebar1 p {
	padding: 7px 10px;
	margin:0;

	}

.sidebar1 table {
	width:100%;
	text-align:center;
	background-color:#020202;
	color: #020202;
	}	
	
	
/* The Sidebar2 */	
.sidebar2{
	float:right;
	width:147px;
	padding-top:5px;
	padding-right:5px;
	font-size:14px;
	font-family: Georgia,Century gothic, Arial, sans-serif;
	color: #f2d72f;
	}

.sidebar2 h2 {
	height:27px;
	line-height:27px;
	font-size:16px;
	color:#f2d72f;
	margin:5px 0 0 0 ;
	padding:0px 0 0 5px;
	background:url(images/h2.jpg) repeat-x;
	font-weight:bold;

	}
.sidebar2 ul {
	list-style-type: none;
	margin: 0 ;
	padding: 0;

	}

.sidebar2 ul ul  {
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 10px 0px;
	background-repeat:no-repeat;

	}

.sidebar2 ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}

.sidebar2 ul ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}
	
.sidebar2 ul li {
	height:100%;
		line-height:18px;
	}

.sidebar2 ul li a:link, .sidebar2 ul li a:visited {
	color: #f2d72f;
	text-decoration: none;
	padding: 5px 0px 5px 5px;
	display:block;
	background:#254020;
	background-repeat:no-repeat;
	border-bottom:1px solid #fdfbfb;
	border-top:1px solid #fdfbfb;

	}

.sidebar2 ul li a:hover {
	background:#213d30;
	background-repeat:no-repeat;
	color:#f2d72f;
		}

.sidebar2 p {
	padding: 7px 10px;
	margin:0;

	}

.sidebar2 table {
	width:100%;
	text-align:center;
	background-color:#f608ee;
	color:#f608ee;
	}		
			
	
#wp-calendar{
	width: 100%;
	padding: 0 0 15px;
	background:#496E80;
}

#wp-calendar caption{
	padding: 5px 5px ;
	font-size:16px;
	background:#d9e2e6;
}

#wp-calendar th, #wp-calendar td{
	padding: 5px;
	text-align:center;
	background:#aaa;
	color:#EBF0F2;
}

#wp-calendar td a{
	background:#fff;
	padding: 5px;
}
#wp-calendar td{
	background:transparent;
}
#wp-calendar td, table#wp-calendar th{
	padding: 2px 0;
}		
	
	
/* --- FOOTER --- */

#footer {
	height:25px;
	padding:10px 0 0 10px;
	color:#ffffff;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	letter-spacing:1px;
	font-family: Century gothic, georgia, Arial, sans-serif;

	}

#footer a:link , #footer a:visited{
	color:#f2d72f;
	}

#footer a:hover {
	color:#f2d72f;
	}



/* The Navigation */

#navigation {
	
	width:685px;
	margin:0px 0px 5px 5px;
	background:#213d30;
	height:20px;
	float:right;
	}

	
/* The Attachment */

.contentCenter {
	text-align:center;
	}

/* The Page Title */

h2.pagetitle {
	padding:0;
	margin:10px 0 20px 0;
	font-size:20px;
	text-align:center;
	}

/* The Comments */

.comments {
	padding-left:10px;
	}
.comments form {
	}
.comments textarea {
	width:90%;
	height:156px;
	background:#254020;
	border:1px solid #f2d72f;
	color:#f2d72f;
	padding:10px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;

	}
h3 #comments-count {
	font-weight:bold;
	font-size:18px;
	margin:0 0 0 20px;

}	
	
#commentform {
	padding-left:23px;
	}
#commentform input {
	background:#254020;
	border:1px solid #f2d72f;
	color:#f2d72f;
	padding-left:10px;
	}
.comments input#submit {
	padding:0;
	width:72px;
	height:25px;
	background:#254020;
	border:1px solid #f2d72f;
	color:#f2d72f;
	}
.comments h2 {
	font-size:19px;
	line-height:30px;
	margin:24px 0 0 10px;
	padding:0;


	font-weight:normal;

	}
.comments ol li p {
	padding:0;
	margin:10px 0;
	color:#ffffff;
	
	}
.commentmeta small{
	color: #213d30;
	
}



/*Featured*/
.featout{
	width:670px;
	overflow: hidden;
	padding:5px 5px;
	margin:0px 4px 5px 5px;
	background:#ffffff;
	border:1px solid #f2d72f;
}
.featured{
	width:670px;
	overflow: hidden;
	padding:5px 0px 2px 0px;
	margin:0px 0px 0px 0px;
	background:#254020;
	font-family:Georgia, Century gothic,Verdana,Helvitica,sans-serif;
}

.featured h2 a, .featured h2 a:link, .featured h2 a:visited  {
	color: #f2d72f;
	background-color: transparent;
	}
.featured h2 a:hover  {
	color: #ffffff;
	background-color: transparent;
	}

.fentry{

	height:185px;
	overflow:hidden;
}

.cat{
	padding:1px 5px 1px 10px;
	font-size:12px;
	
}


.cat a:link,.cat a:visited{
	color:#fff;

	}
.cat a:hover{
	color:#ffffff;

	}
.cats{

	margin:1px 5px 1px 0px;
	font-size:13px;
	margin-left:5px;
	color:#020202;
}
.cats a:link,.cats a:visited{
	color:#213d30;

	}
.cats a:hover{
	color:#020202;

	}

.fentry p{
	margin: 5px 5px;
	color:#fff;
	font-style:italic;
	line-height:20px;

}
.fentry img {
	border:0;
	float:left;
	padding:4px 4px;
	background:#213d30;
	border:1px solid #f2d72f;
	margin:2px 5px 5px 5px;
	}
	
	
.featured h2{
	font-size:22px;
	margin:3px 0 4px 10px;
	
	
}
.featmeta{
	
	height:22px;
	text-align:right;
	padding:3px 5px 0 0;
	background:url() right no-repeat;
	
	
}
.featmeta a:link,.featmeta a:visited{
	color:#f2d72f;
	font-weight:bold;
	text-decoration:none;
	}
.category a:hover{
	color:#f2d72f;
	font-weight:bold;
	text-decoration:none;
	}

	
/*magbox*/
	
.post {
	width: 337px;
	margin: 0px 0px 5px 5px;
	padding:3px 0 0 0;
	float: left;
	background:#254020;
	border:1px solid #f2d72f;
	display:inline;
	color:#ffffff;
	font-style:italic;
	font-family:Georgia,century gothic,Arial,verdana, sans-serif;
	}

.post h2 {
	margin: 0px 0 0px 0;
	padding: 0px 0px 3px 0px;
	text-align: left;
	font-size: 18px;
	overflow:hidden;
	font-weight:normal;
	height:20px;

	}

.post h2 a, .post h2 a:link, .post h2 a:visited  {
	color:#fff;
	background-color: transparent;
	}
.post h2 a:hover  {
	color: #ffffff;
	background-color: transparent;
	}	
	

.postinfo {
	height:28px;
	margin: 0 0 0 0px;
	padding: 2px 0px 0px 0px;
	background:#f2d72f url(images/postinf.jpg)repeat-x;
			}
	
.categ {
	height:14px;
	margin: 1px 0 0 0px;
	padding: 0px 0px 2px 0px;
	overflow:hidden;
	font-size:12px;
}

.categ a:link,.categ a:visited{
	color:#f2d72f;

	}
.categ a:hover{
	color:#f2d72f;
	font-weight:normal;
	}
	

.centry a:link,
.centry a:visited {
	color: #f2d72f;
	background-color: transparent;
}

.post img {
	border:0;
	float:left;
	padding:4px 4px;
	background:#213d30;
	border:1px solid #f2d72f;
	margin:2px 5px 2px 0px;
	}
	
	
.centry p{
	margin:2px 0;

}
.centry a:hover {
	color:#ffffff;
	background-color: transparent;
	text-decoration: none;
}

.centry {
	margin:0 0;
	padding: 0px 5px 5px 5px;
	height:120px;
	overflow:hidden;
	}
	
	




#bottom{
	width:100%;
	padding:5px 0 0px 0;
	margin-bottom:10px;
float:left;
}	

.recents{

width:225px;
margin-left:5px;
padding: 0 0px 10px 0;
float:left;
display:inline;
	font-family:Georgia,century gothic,Arial,verdana, sans-serif;
	color:#ffffff;

}
.recents h2{
	margin:0px 0 0px 0;
	padding:2px 0 2px 3px;
	font-size:18px;
	color:#f2d72f;
	background:#213d30;
	font-weight:normal;
}

.recents  ul {
	list-style-type: none;
	margin: 0 ;
	padding: 0;
	background:#254020;
	}

.recents  ul ul  {
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 10px 5px;

	
	}

.recents  ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}

.recents  ul ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}
	
.recents  ul li {
	height:;
	line-height:18px;

	}

.recents  ul li a:link, .recents  ul li a:visited {
	color: #f2d72f;
	text-decoration: none;
	padding: 5px 0px 5px 5px;
	display:block;
	background-repeat:no-repeat;
	border-bottom:1px solid #fff;

	}

.recents  ul li a:hover {
	background:#213d30;
	background-repeat:no-repeat;
	color:#ffffff;
	padding: 5px 0px 5px 5px;
	}	
	
	




.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid #213d30;
overflow: scroll; /*leave this value alone*/
width: 900px; /*Width of Carousel Viewer itself*/
height: 180px; /*Height should enough to fit largest content's height*/
margin: 0px 0 10px 40px;
background:#fdfdfd;
}

Code (markup):

 

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 10px ; /*margin around each panel*/
width:213px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background:#213d30;
height:160px;
}
.stepcarousel .panel p{
text-align: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 5px ; /*margin around each panel*/

}

.stepcarousel .panel h2{
text-align: left; /*leave this value alone*/
height:20px;
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px 5px ; /*margin around each panel*/
font-size:16px;
font-weight:bold;
text-align:center;
font-family:Georgia,century gothic,Arial,verdana, sans-serif;
}

.stepcarousel .panel img{
float: left; /*leave this value alone*/
background:#f2d72f; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 5px 5px 5px; /*margin around each panel*/
padding:1px 1px;
}



	
.twitzin{

height:auto;
width:299px;
margin-right:5px;
margin-top:5px;
overflow:hidden;
padding:0 0 12px 0;
float:left;
background:url(images/twitbot.jpg) bottom no-repeat;
}	
.twitter-title{
	margin:0px 0 0px 0;
	padding:40px 10px 0px 3px;
	font-size:20px;
	height:29px;
	color:#ffffff;
	font-family:Trebuchet ms,century gothic,Verdana,Helvitica,sans-serif;
	background:url(images/twith2.jpg) no-repeat;
	font-weight:bold;
	text-align:right;
}

#twitter_update_list {
height:auto;
background:#213d30; url(images/twitbody.jpg) repeat-y;
margin: 0 0;
}

ul#twitter_update_list {

list-style-type:none;
padding: 0 10px;

}

ul#twitter_update_list  li {

list-style-type:none;


}

ul#twitter_update_list  li span{

list-style-type:none;
display: block;
background:#254020;
padding:3px 5px ;
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
color:#f2d72f;
font: 13px "trebuchet ms",verdana, Arial, sans-serif;
}

ul#twitter_update_list  li a:link , ul#twitter_update_list  li a:visited{

color:#f2d72f;
height:20px;
//display:inline;


}

ul#twitter_update_list  li a:hover {

color:#ffffff;
height:20px;
//display:inline;


}

Code (markup):

 

#menu a:hover {
background:url(images/menuhov.jpg) repeat-x; /* <---- menuhov.jpg?? is the text on image dark? */
color: #213d30; /* <------- color is dark gray or black switch this to "white" */
display: block;
text-decoration: none;

}

Under any help posted it's up to you to take suggestions and add it yourself...
Hope this helps....

 

open style.css, and on line 31 change the following

a:hover {
	color:#ffffff;
	text-decoration:none
		}

Code (markup):

 

The other's were sorta correct, you have missing references in your css file.

Add this line anywhere in the file

#twitter-title a:hover {color:#ffffff;}  

Code (markup):

Of course put whatever color you want in place of #ffffff

 

please review the code

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

a:hover {
color:#b81313;
text-decoration:underline;
}

 

Thanks for everyone who responded but jinsona's reply worked. I apprecieate all your help guys its all working fine.