/*background pattern: http://www.colourlovers.com/pattern/582552/saturday_warmth */
body {background-image:url(../img/bg.png); font-size:12px; }


/*=======================
Native
========================*/
header {height:110px; position:relative; z-index:5; padding:10px 20px 20px 20px; font-size:50px;}
nav {width:200px; float:left; padding:20px 0 20px 20px;}

nav li {padding:20px; text-align:right;}
nav a {background-color:#5e412f; padding:15px 15px 15px 20px; font-size:20px; text-decoration:none; font-weight:bold; border-radius: 50px 0 0 50px; color:#fcebb6;}
nav a:hover {background-color:#f07818; color:#fcebb6; padding-left:30px;}
nav a:visited{color:#fcebb6}

hr {border: 5px dotted #5e412f; width:50%; margin:10px auto 30px auto; padding:0;}
/*=======================
ID's
========================*/
#wrapper {width:100%; margin-left: auto;	margin-right: auto; padding-bottom:50px;}
#content {
	margin-left:200px; 
	background-color:#FFF; 
	padding-top:5px; 
	border-radius: 0 40px 40px 40px; 
	box-shadow:5px #000;
	-webkit-box-shadow: 1px 10px 15px #000;
	-moz-box-shadow: 1px 10px 15px #000;
	box-shadow: 1px 10px 15px #000;
	
	border: 3px dashed #f5a15f;
	
	position:relative;
	z-index:1;}
#recent {text-align:center;}
#center {width:80%;margin:auto;}
#left-side, #middle, #right-side {text-align:center}
#left-side, #middle, #right-side p {text-align:left;}
/*=======================
Class
========================*/
.gridContainer {min-width:320px; width:90%;}
.active {background-color:#78c0a8;}
.intro {padding:20px;}
.emphasis {font-weight:bold;}