@charset "utf-8";

@font-face {
  font-family: 'Raleway-ExtraBold';
  src: url('/fonts/Raleway-ExtraBold.eot');
  src: url('/fonts/Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Raleway-ExtraBold.woff') format('woff'),
       url('/fonts/Raleway-ExtraBold.ttf') format('truetype'),
       url('/fonts/Raleway-ExtraBold.svg#Raleway-ExtraBold') format('svg');
}

@font-face {
  font-family: 'Raleway-Medium';
  src: url('/fonts/Raleway-Medium.eot');
  src: url('/fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Raleway-Medium.woff') format('woff'),
       url('/fonts/Raleway-Medium.ttf') format('truetype'),
       url('/fonts/Raleway-Medium.svg#Raleway-Medium') format('svg');
}


header {
	background-color: #7d0719;
}

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

#mainNav a {
	color: #FFF;
}

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

#content {
	background: #CCC url(/images/blog/box/box-bg.jpg) no-repeat center top;
	background-attachment: fixed;
	background-size: cover;
	margin: 0;
	font-family: Raleway-Medium, Arial, sans-serif;
	color: #FFF;
	padding-bottom: 0;
}

.postStart {
	background: rgba(84, 84, 85, .90);
	margin-top: 10%;
}

.postCenter {
	width: 94%;
	max-width: 70em;
	margin: 0 auto;
	padding: 40px 0;
}

#blogContent, #fileUnder {
	width: 100%;
	margin: 0 auto;
}

#fileUnder {
	background: rgba(84, 84, 85, .90);
	text-align: center;
	padding-bottom: 30px;
}

#blogContent, #content .wrapper {
	width: 100%;
	max-width: 1000em;
}

#content a {
	color: #c0c0c1;
	text-decoration: underline;
}

#content a:hover {
	background-color: #8c2131;
	color: #FFF;
	text-decoration: none;
}

figure {
	width: 80%;
	max-width: 37.5em;
	text-align: center;
	margin: 0 auto;
}

figure img {
	width: 96%;
-webkit-box-shadow: 5px 5px 25px 5px rgba(0,0,0,.2);
box-shadow: 5px 5px 25px 5px rgba(0,0,0,.2);
	border: 5px solid #FFF;
}

figcaption {
	font-size: .8em;
	display: block;
	padding: 8px 0 12px 0;
}

h2 {
	color: #FFF;
	font-family: Raleway-ExtraBold, Arial, sans-serif;
	font-size: 2.5em;
	text-align: center;
	padding: 200px 0 40px 0;
	text-shadow: 1px 1px 4px #3D3D3D;
}

h3 {
	font: 2.25em Raleway-ExtraBold, Arial, sans-serif;letter-spacing: 0;
	padding: 1.2em 0 .3em 0;
}

#content p {
	font-size: 1.1em;
}

#content .firstPara {
	font-size: 1.2em;
	padding-top: 30px;
}


ol {
	list-style: inherit;
	padding: 0 20px 30px 30px;
}

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

footer {
	background-color: #7d0719;
	margin-top: -40px;
}

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

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

#content {
	background-size: cover;
}

.postStart {
	margin-top: 40%;
}

#content .firstPara {
	font-size: 1.4em;
	padding-top: 30px;
}

}


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

}

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

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

#mainNav li:hover {
	background-color: #c21630;
}

#content {
	background-size: 195%;
	background-attachment: fixed;
}
}