@charset "utf-8";


header {
	background-color: #823c48;
}

#logo a {background-image:url(/images/blog/puppets/logo.png);}

#mainNav a {
	color: #FFF;
}

#mainNav a:hover {
	color: #400913;
}

#content {
	background: #dee6cf url(/images/blog/puppets/puppet.jpg) no-repeat left top;
	background-attachment: fixed;
	margin: 0;
	color: #3c020c;
}



h2 {
	color: #5b0312;
	font-size: 3em;
	padding: 30px 0 10px 0;
}

h3 {
	color: #5b0312;
	padding: 1.2em 0 .3em 0;
}

article {
	padding: 0 14px;
	background-color: rgba(255,255,255,.8);
}
	

#intro {
	font-size: 1.3em;
}


article a {
	color: #830218;
}

article a:hover {
	color: #f7080d;
}

#toTop, #mainNav a#pull {
	background-color: #490305;
}

footer {
	background-color: #823c48;
}

footer p, footer h4, h1 {
	color: #FFF;
}

footer a {
	color: #ccc;
}

@media screen and (min-width: 48em) { /* 768 and up */
h2 {
	font-size: 4.5em;
	padding: 30px 0 0px 38%;
}

h3 {
	font-size: 2.1em;
	padding: 1.2em 0 .3em 38%;
}

article p {
	padding-left: 38%;
}

#intro {
	font-size: 1.8em;
}


}


@media screen and (min-width: 60em) { /* 1024 and up */
h2 {
	font-size: 4.8em;
}	


}

@media screen and (min-width: 75em) { /* 1200 and up */
h2 {
	font-size: 5.4em;
}


}

@media screen and (min-width: 83em) { /* 1328 and up */

h2 {
	font-size: 5.7em;
}


article {
	background: none;
}

}


@media screen and (max-width: 47.5em) { /* mobile nav */
#mainNav li {
	background-color: #490305;
}
}