/**
 * Overwrite
 */
html {
	background: #ccccdd;
}
.license a:hover,
a:hover {
	color: #3552fc;
}
.header {
	border-top: 5px solid #3552FC;
}
.contact .input input:hover,
.contact form textarea:hover {
	border: 1px solid #3552fc;
}
.contact .submit input:hover {
	background-color: #3552fc;
	background-image: -webkit-linear-gradient(top, #adb9fc, #3552fc);
	background-image:    -moz-linear-gradient(top, #adb9fc, #3552fc);
	background-image:     -ms-linear-gradient(top, #adb9fc, #3552fc);
	background-image:      -o-linear-gradient(top, #adb9fc, #3552fc);
	background-image:         linear-gradient(to bottom, #adb9fc, #3552fc);
}
.header #logo {
	text-align: left;
	padding: 10px 10% 0;
}

.contact {
	text-align: left;
	margin: 0 15px;
	padding: 20px 40px 10px;
	background: #e6e6e6;
	border: 1px solid #888888;
}


.home,
.references,
.ref,
.download {
	text-align: left;
	margin: 0 15px;
	padding: 20px 40px 20px;
	background: #e6e6e6;
	border: 1px solid #888888;
}
	.features,
	.home h3,
	.download p {
		color: #555555;
	}


/**
 * Home
 */
 .home {
	text-align: justify;
 }
	.getting-started,
	.features {
		text-align: left;
		margin: 20px 0;
		vertical-align: text-bottom;
		display: inline-block;
		width: 49%;
	}
	.getting-started li {
		margin-left: 20px;
	}
	.getting-started li a:before {
		content: "AINE ";
	}
	#logo {
		text-align: center;
	}

	
 /**
 * Download
 */
	.license,
	.releases,
	.software {
		border-top: 1px solid #888888;
	}
	.software {
		padding: 20px 0 0;
		margin: 0 20px;
	}
		.releases .thick,
		.software .thick {
			font-weight:bold;
			margin-right: 10px;
			color: #000000;
		}
		.releases div,
			.software p {
			color: #777777;
			font-size: 14px;
		}
		.software img {
			margin: 0 40px;
		}
		.software li {
			color: #777777;
			width: 49%;
			padding-bottom: 20px;
		}
		.software h2{
			margin: 0;
			padding: 0;
			display: inline-block;
		}
		.software span {
			vertical-align: middle;
			display: inline-block;
		}
		#web {
			text-align: justify;
			padding: 20px;
			font-size: 14px;
			color: #555555;
			display: block;
		}

	.releases {
		margin: 0 20px;
		padding: 40px 20px;
	}
		.releases span{
			margin-left: 20px;
		}
		.software-menu {
			margin-left: 20px;
			color: #777777;
			display: inline;
		}
		.software-menu li {
			margin: 10px 0;
		}
		.software-menu li:not(:first-child):before {
			font-weight: 400;
			content: " | ";
		}

	.license {
		text-align: justify;
		padding: 20px 60px;
		color: #777777;
		font-size: 12px;
	}
		.license a {
			color: #777777;
		}


/**
 * References
 */
.references{
	color: #555555;
	padding-bottom: 40px;
}
	.references h1 {
		color: #333333;
	}
	.references div {
		display: inline-block;
		vertical-align: text-top;
		min-width: 180px;
		width: 25%;
	}
	.references h3 {
		margin: 30px auto;
	}
	.references ul {
		margin-bottom: 20px;
	}
		.references ul .title {
			font-weight:bold;
		}

	code{
		display: inline-block;
		padding: 0 2px;
	}
	code,
	.ref .slim,
	.ref .examples {
		font-family: monaco, "Courier New", Courier, monospace;
		background: #ffffff;
		border: 1px solid #cccccc;
	}
	.ref .examples {
		padding: 10px;
	}
	
	.ref .slim,
	.ref .related,
	.ref .examples,
	.methods h4 {
		font-size: 12px;
	}
	.ref {
		padding: 40px 40px 10px;
	}
	.ref ul li{
		margin-bottom: 40px;
	}
	.ref ul ul li{
		margin: 0 10px 10px 0;
	}
	.ref .slim li{
		margin: 10px;
	}
	.ref div {
		font-size: 14px;
		vertical-align: text-top;
	}
	.ref h3,
	.ref h4,
	.ref div {
		padding: 0;
		margin: 0;
		display: inline-block;
	}
	.ref h4,
	.parameters div {
		width: 120px;
	}
	.ref .examples span {
		margin-right: 20px;
	}
	.ref .description {
		line-height: 1.4em;
		max-width: 600px;
	}
	.ref .related h4 	{
		width: auto;
	}



/**
 * Responsive
 */
@media (max-width: 1039px) {
	.container {
		margin: 0 auto;
		width: 100%;
	}
	#logo img {
		max-width: 100%;
	}
}

@media (max-width: 890px) {
	#logo {
		text-align: left;
		padding: 20px 0 0 ;
	}
}