* {
	font-size:100%;
	vertical-align:baseline;
	margin:0px;
	padding:0px;
	vertical-align:top;
	font-family: 'Open Sans Condensed', sans-serif;
}

body, section, article, header, aside, footer, h1, h2, h3, figure, figcaption {
	margin:0px auto;
	width:100%;
	font-family: 'Open Sans Condensed', sans-serif;
	line-height:1.4;
}

body {
	background-color:#C9C1A4;
	text-align:center;
	font-family: 'Open Sans Condensed', sans-serif;
}

figure[title="0% transparency"] { background-color:rgba(252, 225, 130, 1.0); }

figure[title="10% transparency"] { background-color:rgba(252, 225, 130, .90); }

figure[title="25% transparency"] { background-color:rgba(252, 225, 130, .75); }

figure[title="50% transparency"] { background-color:rgba(252, 225, 130, .50); }

figure[title="75% transparency"] { background-color:rgba(252, 225, 130, .25); }

figure[title="90% transparency"] { background-color:rgba(252, 225, 130, .10); }

figure[title="100% transparency"] { background-color:rgba(252, 225, 130, 0); }

figure:hover {
	border:1px solid #FFF;
	box-shadow:1px 1px 1px #000;
}

h1 {
	color:#7D6F40;
	text-shadow:0px 1px 1px #000;
	font-size:200%;
	
	font-weight:bold;
}

h2 {
	font-size:125%;
	
	font-weight:bold;
}

h3 {
	color:#FCE182;
	text-shadow:0px 1px 1px #000;
	font-size:125%;
	
	font-weight:bold;font-family: 'Roboto', sans-serif;
}

span {
	background-color:#FCE182;
	border-radius:5px;
	padding:1px 5px;
	vertical-align:baseline;
	text-shadow:1px 1px 1px #343434;
	color:#000;
	font-size:80%;font-family: 'Roboto', sans-serif;
}

header { margin-top:20px; }

section {
	max-width:1200px;
	
}

section h2 {
	color:#FFF;
	text-shadow:0px 1px 1px #343434;
	margin:5px auto;
	font-size:150%;
	font-weight:bold;
}

article {
	display:inline-block;
	width:68%;
	background-color:#FCF2CE;
	padding-top:10px;
	border-radius:10px;
	margin-top:20px;
	vertical-align:top;
}

article p {
	width:96%;
	text-align:left;
	margin:5px auto;
	padding:10px 0px;
	font-size:115%;
}

article h2 {
	font-size:125%;
	color:#000;
	text-shadow:none;
}

aside {
	display:inline-block;
	width:25%;
	background-color:#7D6F40;
	box-shadow:1px 1px 20px #343434;
	padding:10px 10px 20px 10px;
	margin-left:2%;
	margin-top:25px;
	vertical-align:top;
	margin-bottom:10px;
	padding:0;
}

aside p {
	color:#000000;
	font-size:96%;
	padding:0px;
	color:#FCF2CE;
	font-family: 'Roboto', sans-serif;
}


a {
	text-decoration:none;
	font-weight:700;
	color:#7D6F40;
	text-shadow:0px 1px 1px #FFF;
	font-size:115%;
	font-family: 'Oswald', sans-serif;
	
}

a:hover { text-decoration:underline; }
p.hide { display:none; }
button {
	margin:0px 10px;
	box-shadow:1px 1px 10px #343434;
	padding:4px;
	}
	
 @media only screen and (max-width: 639px) {

article, aside, footer, header {
	display:block;
	width:100%;
	vertical-align:baseline;
	margin:10px 0px;
	padding:0px;
	border-radius:0px;
}

aside p {
	width:98%;
	margin:5px auto;
	padding:10px 0px;
	font-size:125%;
}

p { font-size:125%; }
}
img[alt="CSS Validate"], img[alt="html5 Validate"] {
	 width:44px;
	 height:15px;
	display:inline-block;
	
	 margin: 10px auto;
	 text-align:center;
	 }
	 
	  div.val {
		 width:100%;
		 margin:0 auto;
		 text-align:center}