.content_module

.content_category_wrapper
{
	position: relative;
	float: left;
	font-size: 0px;
}

.content_category_wrapper_margin
{
	margin: 10px;
}

.content_category_wrapper img
{
	margin: 0px;
	padding: 0px;
}

.content_category_title_wrapper
{
	position: absolute;
	left: 21px;
	top: 0px;
	width: 90px;
	height: 32px;
	margin: 10px;
	
	text-align: center;
	text-transform: uppercase;
	font-size: 0px;
	font-weight: bold;
}

/* These 2 ids are for identity sake, for Jquery to work */
#content_category_title
{
	display:block;
}
#content_category_titledate
{
	display:none;
	margin: 8px 0px 0px 0px;
	font-size: 11px;
}

a:hover #content_category_title
{
	display:none;
}
a:hover #content_category_titledate
{
	display:block;
}

/*.content_category_visible
{
	display:block;
}
.content_category_hidden
{
	display:none;
}*/

.content_category_title_padding
{
}



.content_category_footer_wrapper
{
	position: absolute;
	left: 10px;
	bottom: 10px;
	vertical-align:text-bottom;
	width: 133px;
	
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.2em;
}

#ie6fix .content_category_footer_wrapper
{
	bottom: 0px;
}

.content_category_footer
{
	position: relative;
	vertical-align:text-top;
	margin: 8px 10px;
}


/* Light Color Scheme */
.light_title
{
	background:#EA0000 none repeat scroll 0 0;
	background-image: none;
	/*background-color: transparent;*/
	color: white;
}

a:hover .light_title
{
	background-image: url('../img/content_modules/contentBoxDateBG.png');
	background-color: transparent;
	color: red;
}

a:hover .light_border
{
	background: #F8F8F8;
}

.light_footer
{
	color: red;
	background-color: #EAEAEA;
	background-image: none;
}

/*a:hover .light_footer
{
	color: red;
	background-color: transparent;
	background-image: url('../img/content_modules/contentBoxTitleBG.png');
	bottom: 10px;
}*/



/* Dark Color Scheme */
.dark_title
{
	background-image: none;
	background-color: #231f20;
	color: red;
}

a:hover .dark_title
{
	background-image: url('../img/content_modules/contentBoxDateBG.png');
	background-color: transparent;
	color: red;
}

.dark_border
{
	background-color: #231f20;
}

a:hover .dark_border
{
	background: #EDEDED;
}

.dark_footer
{
	color: red;
	background-color: #EAEAEA;
	background-image: none;
}

a:hover .dark_footer
{
	color: red;
	background-color: transparent;
	background-image: url('../img/content_modules/contentBoxTitleBG.png');
	bottom: 10px;
}