/*
	_lib/75th/_css/memory-bank/memory-bank.css
	project:75th anniversary
	purpose:css for the site's memory bank area
*/


/* - landing page */
div#mb_intro_landing {
	position:relative;
	top:-18px;
	padding:370px 0 35px 0;
	min-height:100px;
	height:auto!important;
	height:100px;
	background:no-repeat;
}

	
		
	div#mb_intro_landing_left {
		float:left;
		padding:0 0 0 18px;
		width:553px;	
	}
	
		div#mb_intro_landing_left div#mb_intro_landing p {
			line-height:18px;	
		}
	
	div#mb_intro_landing_right {
		position:relative;
		float:right;
		padding:0 0 0 23px;
		width:165px;
	}
	
	
		div#mb_intro_landing_right div.border {
			position:absolute;
			top:20px;
			left:1px;
			width:1px;
			height:140px;
			border-left:1px dotted #9f9f9f;
		}
	
		div#mb_intro_landing_right h3 {
			margin:10px 0 0 0;
		}
	




/* - inside page */

div#mb_intro {
	padding:270px 0 35px 0;
	min-height:100px;
	height:auto!important;
	height:100px;
	background:no-repeat;
}

	div#mb_intro p {
		line-height:18px;	
	}
	
	
ul.mb_image_list {
	margin:0;
	padding:0;
	list-style:none;	
}

	ul.mb_image_list li {
		padding:30px 20px;
		overflow:hidden;
		border-bottom:1px dotted #ddd;
	}
	
		ul.mb_image_list li.last {
			padding:0;
			border:0;
		}
	
		ul.mb_image_list li img {
			float:left;
			margin:0 20px 0 0;
		}
	
	
	
	
	
div#mb_media {
}

	div#mb_media ul {
		margin:0 0 20px 0;
		padding:0;
		width:760px;
		overflow:hidden;
		list-style:none;
	}
	
		div#mb_media ul li,
			div#mb_media ul li a,
				div#mb_media ul li a span {
					width:185px;
					overflow:hidden;
					cursor:pointer;
				}
	
	
		div#mb_media ul li {
			position:relative;
			float:left;
			margin:0 5px 20px 0;
		}
		
		
			/* -- image and overlay area */
			div#mb_media ul li a,
				div#mb_media ul li a span {
					display:block;
					height:70px;	
				}
					
			div#mb_media ul li a {
				position:relative;
			}
			
			
			div#mb_media ul li a span {
				position:absolute;
				top:70px;
				left:0;
				background:url(../../_images/memory-bank/media-image-overlay.png);
			}
			
				div#mb_media ul li a span i {
					position:absolute;
					top:17px;
					left:74px;
					display:block;
					width:36px;
					height:36px;
					background:url(../../_images/memory-bank/btn-play-media.png) no-repeat;
				}
				
				div#mb_media ul li.image a span i {
					background-position:-36px 0;	
				}
				
				div#mb_media ul li.doc a span i {
					background-position:-72px 0;	
				}
				
				
			
	div#mb_media ul li h4 {
		padding:11px 0 0 12px;	
	}
	
	
	div#mb_media ul li span.icon {
		position:absolute;
		top:56px;
		left:6px;
		display:block;
		width:26px;
		height:22px;
	}
	
	div#mb_media ul li.radio span.icon,
	div#mb_media ul li.video span.icon,
	div#mb_media ul li.image span.icon,
	div#mb_media ul li.doc span.icon {
		background:url(../../_images/memory-bank/media-icons.png) no-repeat;
	}
	
	div#mb_media ul li.radio span.icon {
	}
	
	
	div#mb_media ul li.video span.icon {
		background-position:-26px 0;	
	}
	
	div#mb_media ul li.image span.icon {
		background-position:-52px 0;	
	}
	
	div#mb_media ul li.doc span.icon {
		background-position:-78px 0;	
	}






/* - shared (landing, inside) elements */
div#more_memories {
	
}

	div#more_memories ul {
		margin:0;
		padding:0;
		width:760px;
		overflow:hidden;
		list-style:none;
	}
	
		div#more_memories ul li {
			float:left;
			margin:0 5px 0 0;
			width:185px;
			height:250px;
			overflow:hidden;
		}
		
			div#more_memories ul li a {
				display:block;	
				padding:0 0 3px 0;
				height:95px;
			}
			
			div#more_memories ul li.active a {
				padding:0;
				border-bottom:3px solid #333;	
			}
		
		div#more_memories ul li h4 {
			padding:0 0 4px 0;
			line-height:14px;
			font-size:12px;
			font-weight:bold;	
		}
		
		div#more_memories ul li h5 {
			font-size:12px;
			color:#505050;
			text-transform:uppercase;
		}
		
		div#more_memories ul li p {
			padding-right:15px;
			color:#505050;
		}
		
		div#quotes_from_canadians{
	width:240px;
	position:absolute;
	top:146px;
	left:500px;
	font-style:italic;
		}
		
		div#quotes_from_canadians h2{
		margin:0;
		line-height:20px;
		}
		
		#wishes{
			padding:0;
			margin:0;
			position:relative;
		}
		
		#wishes li{
			position:absolute;
		}