/* START general elements and classes ebece6 */
body { background:#b4dfda url(/theme/Diane/assets/css/_whale/waves.gif) repeat-x;color:#3b2a03;font-size:.8em;font-family:'Open sans',sans-serif;line-height:1.3; }
a:link, a:visited { color:#693; }
a:hover, a:active { color:#e43844; }
h1, h2, h3, h4, h5, h6 { color:#e43844;font-family:'Flamenco',sans-serif; }
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 { border:solid 2px #aeaba6;background:#f0f4e9; }
textarea.text { border:solid 2px #aeaba6;background:#f0f4e9; }
li { margin-bottom:.5em; }
/* END general elements and classes */

/* START main layout items */
#page-wrapper { max-width: 70em; background:#b4dfda url(/theme/Diane/assets/css/_whale/whale.gif) no-repeat;margin:120px auto 0 auto; }
#main-grid { padding-left:350px; }
/* END main layout items */

/* START stuff inside main */

/* page content */
span.required { color:#f00; }
#main ul { margin-left:1.3em;padding-left:0; }
#main li { list-style:square url(/theme/Diane/assets/images/ul-ul.gif); }
/* END stuff inside main */


/* START stuff inside aside */
#navigation { margin-top: 1em; }
#navigation h2 { display:none; }
#main-nav li { display:inline;margin-right:20px; }
#main-nav li.current a, #main-nav li.active a { color: #e43844; }

/* 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: 52em) {

	#main-grid {
		-webkit-flex-direction: column;
		flex-direction: column;
	   }

	#main-grid  > article, #main-grid  > aside {
		/* Return them to document order */
		-webkit-order: 0;
				order: 0;
   }
   
	#main-grid  > aside { margin-top: 1em; }
	#page-wrapper { background-size: 175px;margin:120px auto 0 auto; }
	#main-grid { padding-left:200px; }
	aside { margin-left:0; }
}

@media all and (max-width: 28em) {
	#page-wrapper { background-size: 175px;background-position: bottom right; margin:120px auto 0 auto; }
	#main-grid { margin-left:0;padding-left:0; }
	aside { margin-left:0; }
	#google-ad { margin-bottom:175px; }
}

