/* START general elements and classes */
body { background:#adc382;color:#3b2a03;margin-top:30px;font-size:.8em;font-family:'Varela Round',sans-serif; }
a:link, a:visited { color:#693; }
a:hover, a:active { color:#e43844; }
h1, h2, h3, h4, h5, h6 { color:#e43844; }
h1 { font-size:2.3em;margin-top:0; }
h2 { font-size:1.2em; }
h3 { font-size:1.1em; }
h4, h5, h6 { font-size:1em; }
input.text, input.text:focus { border:solid 1px #adc382; }
textarea.text, textarea.text:focus { border:solid 1px #adc382; }
li { margin-bottom:.5em; }
/* END general elements and classes */

/* START main layout items */
#page-wrapper { max-width: 70em; width:96%; margin: 0 auto; padding-bottom:30px; }
#main-grid { 
	padding:30px 50px;
	background:#f0f4e9;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    2px 2px 3px rgba(50, 50, 50, 0.75);
	box-shadow:         2px 2px 3px rgba(50, 50, 50, 0.75);
}
/* END main layout items */

/* START stuff inside main */

/* page content */
span.required { color:#f00; }
#main ul { margin-left:0;padding-left:0; }
#main li { margin-bottom:.5em;list-style:none;background:url(/theme/Diane/assets/images/rose.png) no-repeat;padding:5px 0px 5px 30px; }

/* END stuff inside main */


/* START stuff inside aside */

/* END stuff inside aside */

/* single column default */
aside .grid {
	-webkit-flex-direction: column;
	flex-direction: column;
}
aside .grid > .grid-cell {
	/* Return them to document order */
	-webkit-order: 0;
			order: 0;
}
@media all and (max-width: 42em) {
	aside { margin-left:1em; }
}
@media all and (max-width: 22em) {
	aside { margin-left:1em; }
}