.clearfix:after{content:"."; display:block;clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix{display:inline-block;}
.clearing{height:0px; clear:both; font-size:.1em; }
* html .clearfix{height: 1%;}
img{border:0px; }
html[xmlns] .clearfix{display:block;}


/* + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - 
+ - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - */
body {
	font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:12px;
	margin: 10px;
}
	.body {
		padding-top: 10px;
		background-color:#9bb94f;
	}

	@-webkit-keyframes colours {
		  0% {background: rgba(60,60,60, 0); }
		 50% {background: rgba(60,60,60, 1); }
		100% {background: rgba(60,60,60, 0);}
	}

	/*body, .article .date {
		-webkit-animation-direction: normal;
		-webkit-animation-duration: 10s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-name: colours;
		-webkit-animation-timing-function: ease;
	}*/

/* + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - 	
+ - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - */
@font-face {
	font-family: "GothamLight";
	src: url("/media/interface/GothamLight.otf") format("opentype");
}
@font-face {
	font-family: "GothamBlack";
	src: url("/media/interface/GothamBlack.otf") format("opentype");
}

/* + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - 	
+ - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - */
.bottomLink a{
	font-family: "GothamLight";
	font-size: 16px;
	text-decoration: none;
	padding: 5px;
	color:#FFFFFF;
}
	.bottomLink a:hover{
		-webkit-animation-direction: normal;
		-webkit-animation-duration: 4s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-name: colours;
		-webkit-animation-timing-function: ease;
	}

	.bottomLink .newer{
		width: 30%;
		text-align: right;
		float: right;
	}
	.bottomLink .older{
		width: 30%;
		float: left;
	}

/* + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - 	
+ - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - */
.article{
	padding: 5px 10px 8px 10px;
	margin-bottom: 30px;
	background: #FFFFFF;
	-moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
}
	.article .date{
		font-family: "GothamLight";
		float: left;
		font-size: 12px;
		margin-top: 22px;
		margin-right: 7px;
		padding: 3px;
		background: #9bb94f;
		color:#FFFFFF;
	}
	.article h1{
		padding: 3px;
		font-family: "GothamLight";
		font-size: 35px;
		padding-top: 10px;
		margin-bottom: 10px;
		line-height: 40px;
		color: rgb(130,130,130);
	}
		.article h1 a{
			color: rgb(130,130,130);
			text-decoration: none;
		}
	.article .txt{
		line-height: 20px;
		padding-bottom: 10px;
		font-family: "Trebuchet MS";
		font-size: 14px;
		color: rgb(70,70,70);
	}
	.article .code{
		padding: 5px;
		border:1px solid #556270;
		border-left:3px solid #556270;
		font-size:12px;
		margin-bottom: 10px;
	}
	.article .grid .item img{
		-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
		margin-bottom: 10px;
	}
	.article .back{
		font-family: "GothamBlack";
		float: left;
		padding-bottom: 5px;
	}
		.article .back a{
			text-decoration: none;
		}

	.article .social{
		text-align: right;
	}
		.article .social a{
			text-decoration: none;
			color:#666;
		}
/* + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - 	
+ - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - */
.left{
	width: 200px;
	position: fixed;
	background: #FFFFFF;
	padding: 10px;
	-moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
	color: rgb(130,130,130);
}
	.left h1{
		font-weight: 100;
		padding: 0px;
		margin: 0px 0px 10px 0px;
	}
		.left h1 a{
			text-decoration: none;
			color: rgb(130,130,130);
		}
	.left ul{
		margin-bottom: 15px;
	}
	.left ul:last-child{ margin-bottom: 0px; }

	.left li{
		padding: 5px 0px 0px 10px;
	}
		.left li a {
			text-decoration: none;
		}


/* + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - 
+ - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - */
a{
	text-decoration:underline;
	color:#000000;
}

p {
	margin-bottom:10px;
}

h1{
	font-size: 18px;
	line-height: 30px;
	color:[h1Color];
}

h2{
	font-size:14px;
	color:[h2Color];
	color:#f90f90;
}

.__dev__Table td, .__dev__Table th{
	padding: 3px;
	border: 1px solid #515151;
}