/* base */
html body {}

/* animations colors */
@-webkit-keyframes fadeIn {
    0% { opacity: 0; -webkit-animation-timing-function: ease-out; }
    65% { opacity: 0; }
    100% { opacity: 1; -webkit-animation-timing-function: ease-out; }
}
@-webkit-keyframes fadeInAndUp {
    0% { opacity: 0; -webkit-transform: translate3d(0, -40px, 0); -webkit-animation-timing-function: ease-out; }
    65% { opacity: 0; -webkit-transform: translate3d(0, -39px, 0); }
    100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -webkit-animation-timing-function: ease-out; }
}
@-webkit-keyframes fadeInAndDown {
    0% { opacity: 0; -webkit-transform: translate3d(0, 40px, 0); -webkit-animation-timing-function: ease-out; }
    65% { opacity: 0; -webkit-transform: translate3d(0, 39px, 0); }
    100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -webkit-animation-timing-function: ease-out; }
}
@-webkit-keyframes colours {
	  0% {background-color: #39f;}
	 15% {background-color: #8bc5d1;}
	 30% {background-color: #f8cb4a;}
	 45% {background-color: #95b850;}
	 60% {background-color: #944893;}
	 75% {background-color: #c71f00;}
	 90% {background-color: #bdb280;}
	100% {background-color: #39f;}
}
/*
body {
	-webkit-animation-direction: normal;
	-webkit-animation-duration: 60s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: colours;
	-webkit-animation-timing-function: ease;
}
*/

/* selection colors */
::-moz-selection{ background: #5eaeff; color:#fff; text-shadow: none; }
::selection { background:#5eaeff; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #5eaeff; } /* j.mp/webkit-tap-highlight-color */

html { 
	height: 100%; 
	width: 100%; 
}

/*	Default Layout: 992px, Gutters: 24px, Outer margins: 48px.
	Leftover space for scrollbars @1024px: 32px.
	http://lessframework.com */
#page > * {
	width: 896px;
	padding-left: 48px;
	padding-right: 48px;
	margin:0 auto; /* center the page */
}

	#page #content .section.columns-2 > .section {
		float: left;
		margin-right: 24px;
		width: 528px;
		}			
	#page #content .section.columns-2 > .section.article,
	#page #content .section.columns-2 > .section.aside {
		}		
	#page #content .section.columns-2 > .section:nth-child(2n+2) { /* ever second */
		margin-right: 0;
		}

	#page #content .section.columns-3 > .section {
		margin-right: 24px;
		float: left;
		width: 344px;
		}
	#page #content .section.columns-3 > .section.article,
	#page #content .section.columns-3 > .section.aside {
		}
	#page #content .section.columns-3 > .section:nth-child(3n+3) { /* ever third */
		margin-right: 0;
		}
		
	#page #content .section.columns-4 > .section {
		margin-right: 24px;
		float: left;
		width: 252px;
		}		
	#page #content .section.columns-4 > .section.article,
	#page #content .section.columns-4 > .section.aside {
		}			
	#page #content .section.columns-4 > .section:nth-child(4n+4) { /* ever fourth */
		margin-right: 0;
		}