/* Purple base is hsla(280,100%,80%, 1.0)  and hsla(280, 100%, 20%, 1.0); dark items*/
body {
	background-image: url("../img/wallpapers/purpleskulls.jpg");
	background-size: 200px;
	background-color: rgba(0,0,0,1.00);
	background-attachment:fixed;
}

header {
	background-color: hsla(280,100%,80%,0.80); border-bottom: 5pt solid hsla(280, 100%, 20%, 0.2) ;
	background: -webkit-linear-gradient(45deg, hsla(280,100%,80%,0.00), hsla(280,100%,80%,0.60), hsla(280,100%,80%,0.90), hsla(280,100%,80%,0.90) );
	background: -o-linear-gradient(45deg, hsla(280,100%,80%,0.00), hsla(280,100%,80%,0.60), hsla(280,100%,80%,0.90), hsla(280,100%,80%,0.90) );
	background: -moz-linear-gradient(45deg, hsla(280,100%,80%,0.00), hsla(280,100%,80%,0.60), hsla(280,100%,80%,0.90), hsla(280,100%,80%,0.90) );
	background: linear-gradient(45deg, hsla(280,100%,80%,0.00), hsla(280,100%,80%,0.60), hsla(280,100%,80%,0.90), hsla(280,100%,80%,0.90) );
}


h1 {
	color: hsla(280, 100%, 20%, 1.0);
	-moz-text-shadow: 0 2px 2px #FFFFFF, -2px -2px 1px #000000, -5px -2px 20px #FFFFFF;
	-webkit-text-shadow: 0 2px 2px #FFFFFF, -2px -2px 1px #000000, -5px -2px 20px #FFFFFF;
	text-shadow: 0 2px 2px #FFFFFF, -2px -2px 1px #000000, -5px -2px 20px #FFFFFF;
}

h3{
	color:black;
	-moz-text-shadow: 5px 2px 5px rgba(0,5,0,0.5),0 5px 0 hsla(280,100%,80%, 1.0);
	-webkit-text-shadow: 5px 2px 5px rgba(0,5,0,0.5), 0 5px 0 hsla(280,100%,80%, 1.0);
	text-shadow:  -2px -2px 2px hsla(280,100%,80%, 1.0), 2px -2px 2px hsla(280,100%,80%, 1.0), -2px 2px 1px hsla(280,100%,80%, 1.0);
}

/* tint the label text on items just a bit */
.detailLabel {
	-moz-text-shadow:  1px 1px 0 hsla(280, 100%, 80%, 1.0);
	-webkit-text-shadow: 1px 1px 0 hsla(280, 100%, 80%, 1.0);
	text-shadow: 1px 1px 0 hsla(280, 100%, 80%, 1.0);
}