/* CSS Document */

.column
{
	margin-top:-25px;
	
	font-family:'PT Sans', sans-serif;
}

.column .date
{
	display:inline-block;
}

.column .header
{
	position:relative;
	margin-bottom:40px;
	color:#FFFFFF;
	font-size:12px;
	min-height:80px;
}

.column .header img
{
	width:100%;
	height:auto;
}

.column .header .meta {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	padding:20px 0px 25px 0px;

	background:rgba(0,0,0,0.5)
}

.column .header .meta h1
{
	padding:0px 21px 14px 21px;
	font-size:32px;
}

.column .header .meta .info
{
	padding-left:21px;
}

.column .header .meta a
{
	color:#FFF;
	text-decoration:none;
	
	background:#4db2ec;
	padding:4px 8px 4px 8px;
	margin-right:10px;
	
	line-height:12px;
	letter-spacing:1px;
	
	display:inline-block;
}

.column .header .meta a:hover
{
	text-decoration:underline;
}


/*  (min-width: 500px) and  */
@media (max-width:1100px)
{
	.column
	{
		margin-top:0px;
	}
	.column .header .meta h1
	{
		font-size:24px;
	}
}

@media (max-width:499px)
{
	.column .header .meta h1
	{
		padding:0px 10px 10px 10px;
	}
	
	.column .header .meta {
		position:inherit;info
	}
	
	.column .header
	{
		margin-bottom:25px;
	}
	
	.column .header .meta .info
	{
		padding:0px 10px;
	}
	
	.column .header .meta a
	{
		margin-bottom:10px;
	}
}