@charset "UTF-8";

/*
	LemonJar Website
	Version 3.0

	Copyright 2013 LemonJar Pty Ltd. All Rights Reserved.
*/

html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0;
	background-attachment: scroll;
	background-image: -o-linear-gradient(-90deg, #0F223C 0%, #102B44 7%, #21B4CC 45%, #29526F 100%);
	background-image: -moz-linear-gradient(-90deg, #0F223C 0%, #102B44 7%, #21B4CC 45%, #29526F 100%);
	background-image: -webkit-linear-gradient(-90deg, #0F223C 0%, #102B44 7%, #21B4CC 45%, #29526F 100%);
	background-image: -ms-linear-gradient(-90deg, #0F223C 0%, #102B44 7%, #21B4CC 45%, #29526F 100%);
	background-image: linear-gradient(-180deg, #0F223C 0%, #102B44 7%, #21B4CC 45%, #29526F 100%);
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 14px;
}

#header { 
	height: 80px;
	margin: 0 auto;
}

#header #logo { 
	text-align: center;
	margin-top: 25px;
}

#apps {
	margin: 15px auto;
}

#apps {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}

#apps .app {
	display: inline-block;
	margin: 30px;
}

#apps .app .name {
	font-size: 18px;
	color: #E9E4E4;
	line-height: 10px;
	text-shadow: 0px 2px 4px rgba(0,0,0,0.50);
}

#footer { 
	clear: both;
	margin: 0 auto;
	padding: 15px 0px 0px;
	color: #ccc;
}

#footer p { 
	line-height: 10pt;
	font-size: 8pt;
	text-align: center;
}

h1, h2, h3, h4, h5, p, li {
	margin: 10px 0px;
	padding: 0;
}

h1 { 
	font-size: 18pt;
	line-height: 30px;
	border-bottom-color: #e6e6e6;
}

h2 { 
	font-size: 14pt;
	line-height: 25px;
}

h3, h4, h5, p, li { 
	font-size: 12pt;
	line-height: 20px;
}

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

a,
a:visited {
	color: #000;
	text-decoration: none;
}

a:hover,
a:active {
	text-decoration: none;
}

.chromeframe {
	background: #c33131;
	color: #FFF;
	text-align: center;
}

@media only screen and (max-device-width: 480px) {
	body {
		background-attachment: fixed;
	}

 	#apps .app {
		display: block;
		margin-bottom: 50px;
	}
	
	#footer {
		padding: 6px 0;
	}
}