/* Table of Content
==================================================
	#Basics & Shared styles
	#Typography
	#Lists
	#Links
	#Buttons
	#Images
	#Icons	
	#Tables
	#Forms
	#Misc */

/* Colour palette
==================================================
	violet: #99C;
	red: #ff0030;
*/


/* Basics & Shared styles
================================================== */
body { background: #fff center top; color: #000;}

*:hover {-webkit-transition:all .3s linear; -moz-transition:all .3s linear;}

.shadow{box-shadow:0px 2px 5px #909090;}
.embossed-light { border: 1px solid rgba(0,0,0,0.1); box-shadow: inset 0 1px 0 rgba(255,255,255,0.9); }
.inset { box-shadow: inset 0 0 7px 4px rgba(0,0,0,0.1); border: 1px solid rgba(0,0,0,0.2);}
.rim {position: relative; z-index: 2;}  
.rim:after {
	content: "";
	z-index: -1;
	position: absolute;
	border-radius: 6px;
	box-shadow: 
	  inset 0 1px 0 rgba(0,0,0,0.1),
	  inset 0 -1px 0 rgba(255,255,255,0.4);
	top: -6px; bottom: -6px;
	right: -6px; left: -6px;
	background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1));
}
.stitched {
   padding: 7px 20px;
   margin: 10px;
   background: #99c;
   color: #fff;
   font-size: 21px;
   border: 2px dashed #fff;
   border-radius: 10px;
   box-shadow: 0 0 0 4px #99C, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
   font-weight: normal;
}

.inline {display: inline;}
.floatleft {float: left;}
.floatright {float: right;}
.relative {position: relative;}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.justify {text-align: justify;}

.nowrap { white-space:nowrap;}


/* #Typography
================================================== */
	
html, body { font: lighter 1.2em 'Questrial', sans-serif; color: #000; }

h1{ font:  3em 'Anton', sans-serif; text-align:center;  text-shadow: 2px 2px 1px #fff, 4px 4px 0px #99C;}
h2{ font-size: 1.2em; text-align:center; }

p{ font:  1em 'Anton', sans-serif; text-align:center; }


/*variants & styles*/
	em { font-style: italic; }
	strong { font-weight: bold;}
	.uppercase { text-transform:uppercase;}

/* #Links
================================================== */

a{font: lighter 1em 'Questrial', sans-serif; color:#000; text-decoration:none; }
a:hover{ color:#fff;}

/* #buttons
================================================== */