.article_item{
	margin-bottom:10px;
}
.article_item_title{
	text-transform:uppercase;
	font-size:11px;
	margin-bottom:2px;
	display:block;
}
.article_item_title a{
	color:#373B3E;
	text-decoration:none;
}
.article_item_title a:hover{
	color:#FFF;
}
.article_item_title.selected{
	color:#FFF;
}
.article_item_title.selected a{
	color:#FFF;
}
.article_wide_image_selected{
	background-color:#000;
	width:149px;
	height:57px;
}
.article_wide_image_selected img{
	opacity:0.5;
	filter:alpha(opacity=50);	
}

/* these styles below are duplicates of above
This was done to keep jquery from taking away
something we want to be permanately styled
This is the fastest solution without a lot of
logic code */

.article_item_title.selected_perm{
	color:#FFF;
}
.article_item_title.selected_perm a{
	color:#FFF;
}
.article_wide_image_selected_perm{
	background-color:#000;
	width:149px;
	height:57px;
}
.article_wide_image_selected_perm img{
	opacity:0.5;
	filter:alpha(opacity=50);	
}