@charset "utf-8";

@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('/fonts/OpenSans-CondBold-webfont.eot');
    src: url('/fonts/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-CondBold-webfont.woff') format('woff'),
         url('/fonts/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('/fonts/OpenSans-CondBold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

header {
	background-color: #307ca1;
}

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

#mainNav a {
	color: #FFF;
}

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

#content {

	margin: 0;
}

#content a {
	color: #ff4800; 
}

#content a:hover {
	color: #790906;
}

#blogContent {
	max-width: 900px;
	padding: 0 20px;
}


h1 {
	color: #FFF;
}


h2 {
	color: #FFF;
	font-family: open_sans_condensedbold, Arial, Helvetica, sans-serif;
	font-size: 3em;
	text-shadow: none;
	padding: 25px 30px 25px 30px;
	width: 100%;
	background-color: #ff6600;
	margin-bottom: 30px;
}

h3 {
	font: 2.5em 'open_sans_condensedbold' Arial, Helvetica, sans-serif;letter-spacing: 0;
	text-shadow: none;
}

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

footer {
	background-color: #307ca1;
	color: #FFF;
}

#batman-fin {
	width: 95%;
	max-width: 360px;
}

@media screen and (min-width: 48em) { /* 768 and up */
article {
	background-position: left top;
}

h2 {
	font-size: 5em;
}
}



@media screen and (min-width: 52.5em) { /* 840 and up */

h2 {
	font-size: 6em;
}
}

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