@charset "utf-8";

header {
	background-color: #f16b34;
}

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

#mainNav a {
	color: #FFF;
}

#mainNav a:hover {
	color: #531e17;
}

#content {
	color: #470e12;
}


h2 {
	color: #f16b34;
	font-size: 2em;
	padding: 30px 0 40px 0;
}

h3 {
	color: #f16b34;
}

article {
	padding: 0 14px;
}	


article img {
	width: 90%;
	margin: 0 auto;
	max-width: 504px;
}


article a {
	color: #f16b34;
}

article a:hover {
	color: #531e17;
}

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

footer {
	background-color: #f16b34;
}

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

#pkIcon {
	background: url(/images/blog/smashing/pk-icon.png) no-repeat center top;
}

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

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

article p {
	padding-left: 38%;
}

article img#bookSide {
	position: absolute;
	top: 90px;
	width: 30%;
	max-width: 361px;
}

article img {
	float: left;
	width: 38%;
}

}


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

}

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

article img#bookSide {
	padding-left: 60px;
}
}


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