.general {
	height: 228px; 
	width: 236px;
	margin-bottom: 20px;
}

	.general.active h3 {
		bottom: 18px;
	}

/* Not sure what the purpose of this style was,
so commenting out for now */	
/*	
.general.active .itemLength {
	bottom: 18px;
	display: none;
}
*/

	
	
	.story {
		background: #fff;
		display: block;
		float: left;
		margin: 0 5px 10px;
		position: relative;
		z-index: 1;
	}
	
		.story.active {
			margin-bottom: 10px;
			/*padding-bottom: 23px;*/
			/*background: #fff url(../../../img/backgrounds/tab-story-active.png) 0 100% no-repeat;*/
			z-index: 3;
		}
		
			.story.active a {
				cursor: default;
			}
			
		.story.general { }
			
			.story.general a {
				display: block;
				height: 228px; 
				width: 236px;
			}

			.story.general h3 {
				margin: 0;
				padding: 10px 10px 0 10px;
				font-size: 16px;
				width: 216px;
			}
			.story.general .description h3 {
			    padding-left: 0;
			    width: auto;
			}
			
		.story.noChildren { }
			
		.story.noChildren a {
			cursor: default;
		}

		.story h3 {
			margin-left: 8px;
			font-weight: normal;
		}

		.story p {
			color: #5c5c5c;
			font-size: 16px;
		}

		.story .itemLength {
			display: block;
			padding-left: 25px;
			background: url(../../../img/icon_items.png) no-repeat top left;
			font-size: 14px;
			color: #aaa;
			position: absolute;
			bottom: 8px;
			left: 10px;
			margin: 0;
		}