/*** Tag setting ***/

h1 {
	font-size: 24px;
	margin-top: 50px;
}
h1:first-child { margin-top: 0; }
h1.thin { font-weight: 100; }
h1.thin > strong { font-weight: normal; }

h2 {
	font-size: 24px;
}
* + h2 {
	margin-top: 40px;
}

h3 {
	font-size: 15px;
	font-weight: 600;
}

* + h3 {
	margin-top: 30px;
}

p, dl {
	line-height: 1.4em;
	font-size: 15px;
}

p + p {
	margin-top: 12px;
}

p.marginTop { margin-top: 40px; }
p.twoCols {
	-webkit-column-width: 400px;
	-webkit-column-gap: 50px;
	-moz-column-width: 400px;
	-moz-column-gap: 50px;
}

h1 + p, h2 + p {
	margin-top: 20px;
}
h3 + p {
	margin-top: 7px;
}

/*** Border Radius ***/

/* Complete 7px */
header, #container > section {
	border-radius: 8px;
}

/* Top only 7px */
.topRadius, .splash:first-child {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

/* Bottom only 7px */
#container > section > .metalbox:last-child {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}



/*** Fonts ***/

header, h1, h2, .title, .subTitle {
	font-family: "Myriad Pro", "Myriad", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Fonts */

@font-face {
	font-family: "Myriad Pro";
	font-weight: normal;
	src: url("/media/fonts/MyriadPro-Regular.otf");
}

@font-face {
	font-family: "Myriad Pro";
	font-weight: bold;
	src: url("/media/fonts/MyriadPro-Semibold.otf");
}

@font-face {
	font-family: "Myriad Pro";
	font-weight: bold;
	font-style: italic;
	src: url("/media/fonts/MyriadPro-SemiboldIt.otf");
}

@font-face {
	font-family: "Myriad Pro";
	font-weight: 100;
	src: url("/media/fonts/MyriadPro-Light.otf");
}


/*** Text Shadows ***/

/* Strong White Down */
footer {
	text-shadow: 0 1px 1px rgba(255,255,255,.7);
}



/*** Colour Palette ***/

/* Snow White */
.artise > .splash > .four h2 {
	color: #fff;
}

/* Metallic White */
header > .title {
	color: #eef2f7;
}

/* Clear Grey */
.darkBg {
	color: #d8d8d8;
}

/* Greyish White */
header > nav > a, header > nav > a:hover, .artise > .splash > .title {
	color: #eeeeee;
}

/* Intense Green */
header > nav > .active, header > nav > .active:hover {
	color: #c0ff51;
}

/* Intense Blue */
a {
	color: #128eff;
}

a:hover {
	color: #21a2f4;
}

.linkLike {
	color: #128eff !important;
}
.linkLike:hover {
	color: #21a2f4 !important;
}

/* Solid Grey */
footer {
	color: #5b5b5b;
}

/* Soft */
.soft {
	color: #939393;
}

/* Regretful Violet */
.artise > .splash > .subTitle, .artise > .splash > .four p {
	color: #b4acc4;
}

/* Serious ShinyBlue */
#container > section.artise .metalbox > div > .subTitle {
	color: #2c3c4c;
}


/*** Main ***/

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	background: url(/images/page/glow.png) repeat-x center top, url(/images/page/bg.png) repeat center top;
}







/*** GUI ***/


/* Button */

button {
	cursor: pointer;
	height: 21px;
	padding: 0 15px 0;
	border: 1px solid rgba(26, 11, 61, .7);
	border-radius: 12px;
	box-shadow: inset 0 0 1px rgba(255, 255, 255, .5);
	color: #fff;
	font-size: 13px;
	line-height: 19px;
	text-align: center;
	text-shadow: 0 0 5px rgba(23, 23, 62, .2);
	background-image: -webkit-gradient(linear, left bottom, right bottom, from(rgba(255, 254, 255, 0)), color-stop(0.316, rgba(255, 254, 255, 0.3)), color-stop(0.632, rgba(255, 255, 255, 0.3)), to(rgba(255, 254, 255, 0))), -webkit-gradient(linear, left bottom, left top, from(#8c47be), color-stop(0.15, #52008e), color-stop(0.455, #5d1b95), color-stop(0.485, #8e56b4), color-stop(0.501, #7d3da9), to(#c19dd6));
	background-image: -moz-linear-gradient(0deg, rgba(255, 254, 255, 0) 0%, rgba(255, 254, 255, 0.3) 31.6%, rgba(255, 255, 255, 0.3) 63.2%, rgba(255, 254, 255, 0) 100%), -moz-linear-gradient(90deg, #8c47be 0%, #52008e 15%, #5d1b95 45.5%, #8e56b4 48.5%, #7d3da9 50.1%, #c19dd6 100%);
	-webkit-transition: box-shadow .2s ease-in-out;
}

button:hover {
	box-shadow: inset 0 0 1px rgba(255, 255, 255, 1);
}

button:active {
	height: 22px;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#8c47be), color-stop(0.15, #52008e), color-stop(0.374, #5d1b95), color-stop(0.408, #8e56b4), color-stop(0.441, #7d3da9), to(#c19dd6));
	background-image: -moz-linear-gradient(90deg, #8c47be 0%, #52008e 15%, #5d1b95 37.4%, #8e56b4 40.8%, #7d3da9 44.1%, #c19dd6 100%);
	box-shadow: inset 0 2px 2px rgba(23, 10, 56, .8);
	line-height: 22px;
	-webkit-transition: box-shadow 0 ease-in-out;
}

/* Loaders */

.circleLoader {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(/images/gui/loaders/circle.gif) no-repeat bottom right;
	opacity: 0;
	-webkit-transition: opacity .1s ease-in-out;
}
.circleLoader.show {
	opacity: 1;
}

form.listing .buttons .circleLoader {
	position: relative;
	top: 3px;
	left: 4px;
}


/* Forms */

form span.onerror > label { color: #ea0909; }
form span.onokay > label { color: #3f890d; }
form span > label.alternative { display: none; }