#cover2{
	display:none;
	height:1px;
	width:100%;
	z-index:2;
	text-align:center;
	position:absolute;
	top:0px;
}

#image{
	display:block;
	float:left;
	width:60%;	
	overflow:hidden;
	background-color:#848484;
}

.gray{
	background-color:#848484;
	height:6px;
	clear:both;
}


#image-inner{
	width:98%;
	padding:0px 1% 0px 1%;
}

#image img{
	width:100%;		
}

#label{
	margin-left:60%;
	width:40%;
	overflow:hidden;
	background-color:#848484;
}

.posts{
	padding-left:30px;
	width:100%;
	height:80px;
	margin-left:0px;
	opacity:0.8;	
	background-color:#848484;
	color:#FFF;	
	cursor:pointer;
}

.more{
	height:35px;
	line-height:35px;
	text-align:center;	
	font-size:26px;
	position:relative;
	right:35px;
	padding-right:5px;
}

.older{
	margin-top:5px;
	height:0px;
	overflow:hidden;
}

.newer{
	margin-bottom:5px;
	height:0px;
	overflow:hidden;
}

.date-text{
	width:50px;
	text-align:center;
	float:left;
	padding:4px 10px 0px 10px;
}

.date-text .month, .date-text .year{
	font-size:20px;
	line-height: 18px;
}

.date-text .day{
	font-size:36px;
	line-height: 34px;
}

.post-title{
	float:left;
	width:100%;
	margin-right:-80px;	
}

.post-small-image{
	display:none;
	float:right;
	height:70px;
	width:70px;
	float:left;
	
}
.post-small-image img{
	width:100%;
}

.post-endcap{
	background-color:#666;
	color:#848484; /*Match the text color to the background*/
	float:left;
	width:5px;
	height:100%;
	margin-right:10px;
	margin-left:-10px;
	overflow:hidden;
	line-height:200px; /*Shove text down so it's hidden*/
}

.posts p{
	height:0px;
	overflow:hidden;
	padding:0;
	margin:0;
}

.post-title .inner-block{
	display:block;
	margin:0px 130px 0px 0px; /* width of .date-text plus margin-left of .posts */
	text-align:center;
	line-height:80px; /* height of .posts */
	height:80px; /* height of .posts */	
	
}

.post-title .inner-block h1{
	margin:0px;
	padding:0px 5px 0px 5px;
	font-weight:normal;
	font-size:24px;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
	width:100%
}

.white-space{
	background-color:#FFF;
	height:3px;
	width:100%;
	margin:auto;
}

/*********************************************
* On this Day                                *
**********************************************/
#onthisday_a{
	float:left;
	width:75%;
	background-color:#848484;
}

.onthisday{
	display:inline-block;
	width:150px;
	padding:3px;
	vertical-align:top;
}

.onthisday h2{
	margin:0;
	text-align:center;
}

.onthisday .onthisday_img_wrapper{
	height:100px;
	width:100%;
	overflow:hidden;
}

.onthisday p{
	padding:5px;
	margin:0;
	text-align:center;
}

/*********************************************
* Location Map                               *
**********************************************/

#map_wrapper{
	width:25%;
	float:right;
	min-width:350px;
	margin-right:10px;
	background-color:#848484;
}

#map_wrapper .h1{
	text-align:center;
}

#map{
	height:250px;
}

#map_line{
		display:none;
	}

@media (max-width: 800px){ 
	#map_wrapper{
		float:none;
		width:100%;
		height:450px;
	}
	#map{
		height:384px;
	}
	#onthisday_a{
		float:none;
		width:100%!important;
	}
	
	#map_line{
		display:block;
	}
}

/*Iphone 6+ screen size, portrait or landscape*/
@media (max-width: 667px){ 
	#image{
		width:100%;	
		display:none;
	}
	#label{
		width:100%;
		margin-left:0;
		clear:both;
	}
	.inner-block h1{
		font-size:5vw!important;
	}
	.post-small-image{
		display:block;
	}
	.post-title{
		margin-right:-270px;
	}
	.post-title .inner-block{
		display:block;
		margin:0px 150px 0px 0px; /* width of .date-text plus margin-left of .posts plus the small image*/
		text-align:left;
	}
	.inner-block h1{
		padding-left:15px!important; /*Add a little more padding to the left*/
	}
	.posts{
    margin-left: -30px;
  }
}