/* CSS Document - Screen
---------------------------------------------------------- */


/* ---- styling the list ---- */
		
		#stories {
			float:left;
			list-style:none;
			margin:10px 0 0 0;
			padding:0;
			width: 570px;
		/* original layout width: 960px; */
		}
		
		ul#stories {
		/* original layout width: 960px; */
		border: none;
		}
		
		#stories li {
			float:left;
			width:180px;
			margin: 0 0 10px 10px;
			padding: 0;
			display:inline;
			height:120px;
			
		}
		
		
		
		#stories li a {
			border:none;
		}
		#stories p {
		text-align: center;
			margin-bottom:0;
			margin-top: 0;
			padding-top: 0;
		
			font-size: 0.9em;
		}
		
		#stories h2 {
		text-align: center;
		font-size: 1.2em;
		margin: 10px 10px 0px 10px;
		}
		
		/* ---- show-hide elements ---- */
		
		#stories li .show{
			display:block;
			width:180px;
			height:120px;
		}
		#stories li .hide {
			
			text-align: left;
			height: 0;
			overflow: hidden;
			background:  #FFE688;
		}
		#stories li:hover .hide, #stories li.over .hide {
			height: 120px;
			width:180px;
		}
		#stories li:hover .show, #stories li.over .show {
			height: 0;
			overflow: hidden;
		}
		
		#stories li a {
			
		}
		
		#stories li a:hover {
			
		}