/* -------------- THE button -------------- */
.button {

/* text */
	text-decoration: 		none;
	font: 					13px/1em sans-serif;
	font-weight: 			bold;
	text-shadow: 			rgba(255,255,255,.5) 0 1px 0;

/* layout */
	padding: 				.7em .6em .6em .6em;
	margin: 				.5em;
	display: 				inline-block;
	position: 				relative;

	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 	5px;

/* effects */
	border-top: 		1px solid rgba(255,255,255,0.8);
	border-right: unset;
	border-bottom: 		1px solid rgba(0,0,0,0.1);
	border-left: unset;

	background-image:   -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0.9) ), to( rgba(255,255,255,0.4) ));
	background-image: 	-moz-radial-gradient(top, ellipse cover, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%);
	background-image: 	gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.4) ));


	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px;
    -moz-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px;
    box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px;
}

/* -------------- colours -------------- */
.button.blue {
	color: 				hsl(208, 50%, 40%) !important;
	background-color: 	hsl(208, 100%, 75%);
}

/* -------------- Shapes -------------- */

/* brackets */
.brackets, .brackets.glossy:after, .brackets.glass:after {
	border-top: 			none;
	-webkit-border-radius: 	.5em / 1em;
	-moz-border-radius: 	.5em / 1em;
	border-radius: 			.5em / 1em;
}

/* back */
.back, .back.glossy:after, .back.glass:after {
	border-top-color: 		rgba(255,255,255,0.5);
	-webkit-border-radius: 	1.6em 1.6em 1em 1em / 4em 4em 1em 1em;
	-moz-border-radius: 	1.6em 1.6em 1em 1em / 4em 4em 1em 1em;
	border-radius: 			1.6em 1.6em 1em 1em / 4em 4em 1em 1em;
}