/* ==>  Global ---------------------------------------------------------------------------------------- */
html { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */ }
#FixedTab,
#FixedTab a { display: none; }
#Breadcrumb ul { padding: 5px 0 10px; }

/* ==>  Text ---------------------------------------------------------------------------------------- */
body {
	font-size: 14px; font-size: 1.4rem;
	line-height: 22px; line-height: 2.2rem;
}
/* ----- 12px ----- */
#PrimaryCols ul.targets-cols p.title,
p.copy { 
	font-size: 12px; font-size: 1.2rem; 
	line-height: 20px; line-height: 2rem;
}
/* ----- 14px ----- */
.details ul,
.details ol { 
	font-size: 14px; font-size: 1.4rem;
	line-height: 22px; line-height: 2.2rem;
}
/* ----- 16px ----- */
blockquote,
nav, 
p[class^=title],
#PreFooter .post-wrap p[class^=title] {
	font-size: 16px; font-size: 1.6rem;
	line-height: 24px; line-height: 2.4rem;
}
div[class^=gutters] { 
	padding-left: 1%; 
	padding-right: 1%; 
}
/* ----- 18px ----- */
div.topic-wrap p[class^=title],
div.redline p.title {
	font-size: 18px; font-size: 1.8rem;
	line-height: 26px; line-height: 2.6rem;
}

/* ==>  Framework Header ---------------------------------------------------------------------------------------- */
header #NavWrap.top-anchor {
	top: 0 !important; 
	position: relative; 
}
div#Social,
#Breadcrumb div#Social { position: absolute; }

/* ==>  Framework Footer ---------------------------------------------------------------------------------------- */
/*@media only screen and (max-width : 500px) {
	footer ul.cols li.column { 
		width: 100%;
		padding: 0 0 20px;
	}
}*/

/* ==>  Common page / index ---------------------------------------------------------------------------------------- */
.wrap { width: 92%; } 
ul.targets-cols div.scalebox { height: 100px; }
ul.targets-cols div.scalebox img { max-height: 100px; }
*[class^=bar] select {
	max-width: 100px; 
	margin: 7px 10px 0; 
}
#TopicBands div.topic-wrap:nth-child(even) .blurb,
div.topic-wrap .blurb { padding: 30px 20px 10px; }
div.topic-wrap ul { padding: 15px 0 15px 25px; }
div.topic-wrap ul li { padding: 0 0 12px 5px; }

/* ==>  Forms ---------------------------------------------------------------------------------------- */
/* - HACK RECAPTCHA STUFF FOR SMALLER SCREEN LESS THAN 340 - */
@media only screen and (max-width : 355px) {
	#CapRow { position: relative; }
	#CapRow #recaptcha_widget_div {
		position: absolute;
		top: 25px;
		left: -7px;
	}
	#CapRow.form-row-error #recaptcha_widget_div { top: 75px; }
}
@media only screen and (max-width : 500px) {
	#CapRow.form-row-error div.field {
		width: 100%;
		min-width: 305px; 
		min-height: 185px;
		margin: 0 0 0 -7px; 
	}
	#content div.details img { 
		max-width: 100%;
		margin: 0 auto;
		padding: 0 0 20px;
		float: none; 
	}
	#MailingList div[class^=form-row] { 
		width: 100%;
		padding: 10px 0 5px; 
	}
}
@media only screen and (max-width : 480px) {
	.sidebar-main-blog #MailingList div.banner {
		width: 96%;
		margin: 0 0 0 2%;
	}
	.sidebar-main-blog #MailingList input[type=text], 
	.sidebar-main-blog #MailingList input[type=email] {
		width: 44%;
		margin: 0 0 0 2%;
	}
	.sidebar-main-blog #MailingList input[type=submit].small {
		width: 96%;
		margin: 10px 0 0 2%;
	}
}
@media only screen and (max-width : 420px) {
	#MailingList div.banner {
		width: 96%;
		margin: 0 0 0 2%;
	}
	#MailingList input[type=text], 
	#MailingList input[type=email] {
		width: 44%;
		margin: 0 0 0 2%;
	}
	#MailingList input[type=submit].small {
		width: 96%;
		margin: 10px 0 0 2%;
	}
}