/* CSS Document */

/* ---------------------- ANIMATIONS ----------------------- */

@keyframes tile-in 
{
	0% 
	{
		transform: translate(-2000px, 0px) rotateY(-90deg);
	}
	100% 
	{
		animation-timing-function: ease-in;
		transform: translate(0px, 0px) rotateY(0deg);
	}
}
@keyframes tile-flip
{
	0% 
	{
		transform: rotateX(0deg);
	}
	50% 
	{
		transform: rotateX(90deg);
	}
	100%
	{
		transform: rotateX(0deg);
	}
}
.tile-intro
{
	animation-timing-function: ease-in;
	animation: tile-in 3s 1;
}
.tile-flip
{
	animation: tile-flip 1s 1;
}

*
{
	perspective: 1000px;
	-moz-perspective: 1000px;
	-ms-perspective: 1000px;
	-webkit-perspective: 1000px;
	-o-perspective: 1000px;
}

/* ------------ STYLE ---------------------- */
html
{
	font-family:"Segoe WP", "Segoe WP Black", "Segoe WP Light", "Segoe WP Semibold", "Segoe WP SemiLight";
}
body
{
	background: #FFF;  /* background */
	margin: 0;
	height: 100%;
}

.tile
{
	background-color: #990000;
	color: #FFF;
	padding: 20px;
}

#container
{
	width: 768px;
	height: 586px;
	margin: auto;
	position: relative;
}
 
.header
{	
	text-align:center;
	margin-left:auto;
	margin-right: auto;
	width: 50%;
}

.header p
{
	padding: 0px 50px 0px 50px;
	font-size: 48px;
	margin: 10px 0 10px 0;
}
.column
{
	width: 48.5%;
}
#left-content
{
	margin: 10px 0px 10px 5px;
	float: left;
}
#right-content
{
	margin: 10px 5px 10px 0px;
	float: right;
}
.column-heading
{
	font-size:36px;
	text-align: center;
	margin: 0;
}
.column-content
{
	font-size: 24px;
	text-align:left;
}

/* ------------------------------- RSS ----------------------------- */

#RSS-container ul
{
	list-style-type:none;
}
#RSS-container ul li a
{
	text-decoration:none;
	color:inherit;
}

/* ------------------------- SOCIAL ---------------------------- */

#social-container
{
	text-align: left;
	width: 100%;
	float: left;
}

#social-sub-container
{
	margin-left:auto;
	margin-right: auto;
	text-align:center;
	padding: 10px 0 10px 0;
	height:20px;
}
.fb-like
{
	top: -4px;
	width: 120px;
	text-align:left;
}