#container {
	background: #F8F6EE url(http://wizathon.com/idance4acure-dsd/bg.png) repeat-x ; 
}
	
#topnav {
	/* http://www.cssmatic.com/box-shadow */
	background: #e6e5ec url(http://wizathon.com/idance4acure-dsd/topnav_bg.png) repeat-x ;
	color: #fff;
	padding-top: 14px;
	padding-bottom: 17px;	 
	/*
	position: relative; /* important for box-shadow to work */
	/*background-color: rgb(81, 82, 77);
	-webkit-box-shadow: 0px 5px 3px 0px rgba(47,39,37,1);
	-moz-box-shadow: 0px 5px 3px 0px rgba(47,39,37,1);
	box-shadow: 0px 5px 3px 0px rgba(47,39,37,1);
	*/
}
	
#topnav a {
	text-transform: uppercase;
	color: #ffffff;
	}
	
#topnav a:hover {
	color: #ffffff;
	}

#content {
	background-color: transparent; /* let page background show through */
}
#maincontent {
	padding-top: 9px; /* separate nav from content for dropshadow */
}

/* customize colors for button, names and participant page */
a.rounded-button, .form-button {
    background-color: #249BA3;	
}

a {
	color: #9A1BFF;
}

#participant_name {
	color: #000;
}

.meter > span {
	background-color: rgb(154,27,255);
	background-image: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(0, rgb(154,27,255)),
	  color-stop(1, rgb(186,102,255))
	 );
	background-image: -moz-linear-gradient(
	  center bottom,
	  rgb(154,27,255) 37%,
	  rgb(186,102,255) 69%
	 );
}