/* mcc/base.css
****************************************************************
****************************************************************
****************************************************************/


/* Chrome disappearing font fix
****************************************************************/

body
{
	-webkit-animation-delay: 0.1s;
	-webkit-animation-name: fontfix;
	-webkit-animation-duration: 0.1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix
{
	from { opacity: 1; }
	to   { opacity: 1; }
}


/* Hide Google AdSense iframe
****************************************************************/

[name=google_conversion_frame]
{
	display: none;
}


/* Facebook like button position fix
****************************************************************/

.fb_iframe_widget span
{
	display: block !important; 
}


/* Basic Layout and Fonts
****************************************************************/

@font-face
{
	font-family: Chunk;
	src: url('/include/fonts/chunk.eot');
	src: url('/include/fonts/chunk.eot?#iefix') format('embedded-opentype'),
	     url('/include/fonts/chunk.woff') format('woff'),
	     url('/include/fonts/chunk.ttf') format('truetype'),
	     url('/include/fonts/chunk.svg#ChunkFiveRomanRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

html
{
	font-size: 62.5%;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
}

body
{
	margin: 0;
	background-color: white;
	color: #404040;
	font-family: Helvetica, Arial, sans-serif;
	/* 14 pt 'English' */
	font-size: 14px;
	font-size: 1.4rem;
	/* line:24px */
	line-height: 24px;
	line-height: 2.4rem;
	width: 100%;
	height: 100%;
}


/* Anchors
****************************************************************/

a img
{
	border: none;
}

a,
.section-alt-a .feature h3 a
{
	color: #1560BD;
	text-decoration: none;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.byline a, .isxn a, .breadcrumb a
{
	/* override */
	color: inherit;
}

a:hover,
h1 a:hover, h2 a:hover, h3 a:hover,
h4 a:hover, h5 a:hover, h6 a:hover,
.section-alt-a .feature h3 a:hover,
.sitewide .footer a:hover,
.byline a:hover, .isxn a:hover, .breadcrumb a:hover
{
	color: #F0CE00;
}


/* Edit Anchors
****************************************************************/

.article .header,
.section .feature-list,
.edit-wrapper
{
	position: relative;
	display: block;
}

.article .header a.edit,
.section .feature-list a.edit,
.edit-wrapper a.edit,
a.edit-alt-a
{
	right: 0;
	/* 0 (margin:20px / 4) */
	padding: 0 5px;
	position: absolute;
	z-index: 8000;
	display: block;
	color: #BB0000;
	/* line:24px */
	line-height: 24px;
	line-height: 2.4rem;
	/* 14pt '' */
	font-size: 14px;
	font-size: 1.4rem;
	background-color: white;
	/* 67% opacity */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}

.section-alt-e .feature-list a.edit,
.section-alt-e .edit-wrapper a.edit,
.section-alt-e a.edit-alt-a
{
	/* line:24px * 2/3 */
	line-height: 16px;
	line-height: 1.6rem;
}

a.edit-alt-a
{
	/* 12pt 'pica' */
	font-size: 12px;
	font-size: 1.2rem;
}

.article .header a.edit:hover,
.section .feature-list a.edit:hover,
.edit-wrapper a.edit:hover,
a.edit-alt-a:hover
{
	border: none;
	/* 100% opacity */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}


/* Edit Section Style
****************************************************************/

.section-edit
{
	position: fixed;
	z-index: 2000;
	bottom: 20%;
	right: 0;
	/* grid:100px */
	width: 100px;
	margin: 0;
	/* 0 (margin:20px / 2) */
	padding: 0 10px;
	background-color: #BB0000;
	color: white;
}

.section-edit h2,
.section-edit a
{
	color: white;
	border-color: white;
}


/* Misc Styles
****************************************************************/

img
{
	max-width: 100%;
}

blockquote
{
	/* margin:20px */
	margin-left: 20px;
	margin-right: 20px;
}

.byline, .isxn, .breadcrumb
{
	color: #555555;
}

.byline
{
	/* 12pt '' */
	font-size: 12px;
	font-size: 1.2rem;
}

.byline .p
{
	/* 0 (margin:20px / 4) */
	margin: 0 5px;
}

.byline a
{
	text-transform: uppercase;
}

.byline a.share
{
	text-transform: none;
}

.isxn
{
	/* 12pt 'pica' */
	font-size: 12px;
	font-size: 1.2rem;
}

.breadcrumb
{
	text-transform: uppercase;
}

.more
{
	font-size: 12px;
	font-size: 1.2rem;
	font-style: italic;
	text-transform: lowercase;
}

.caption
{
	/* 12pt 'pica' */
	font-size: 12px;
	font-size: 1.2rem;
	color: #555555;
}

i, em, .more
{
	/* fix italics line-height issue */
	line-height: normal;
}

hr
{
	border: 0;
	color: #DDDDDD;
	background-color: #DDDDDD;
	/* 1px */
	height: 1px;
	height: .1rem;
	text-align: left;
	padding: 0;
	/* (line:24px - 1px) 0 line:24px */
	margin: 23px 0 24px;
	margin: 2.3rem 0 2.4rem;
}

hr.silent
{
	border: 0;
	color: white;
	background-color: white;
	/* line:24px / 2 */
	height: 12px;
	height: 1.2rem;
	/* (line:24px / 2) 0 */
	margin: 12px 0;
	margin: 1.2rem 0;
}


/* Headings
****************************************************************/

h1, h2, h3, h4, h5, h6, .hgroup
{
	font-weight: normal;
	color: black;
}

h1
{
	/* 22 pt 'double small pica' */
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
}

h2
{
	/* 18 pt 'great primer' */
	font-size: 18px;
	font-size: 1.8rem;
}

h3, h4
{
	/* 16pt 'Columbian' */
	font-size: 16px;
	font-size: 1.6rem;
}


/* Lists, TOC, and Navigation
****************************************************************/

ul, ol
{
	/* margin:20px */
	padding-left: 20px;
}

ul.list-alt-a, ol.list-alt-a
{
	padding-left: 0;
}

.nav ul
{
	list-style-type: none;
	padding-left: 0;
}

.nav ul ul,
.toc ul ul
{
	/* margin:20px */
	padding-left: 20px;
}

.nav ul ul
{
	margin: 0;
}

.toc ul ul
{
	/* 12pt 'pica' */
	font-size: 12px;
	font-size: 1.2rem;
}

.toc ul li


/* Images and Pull Quotes
****************************************************************/

.image, .pull-quote
{
	width: 220px;
	max-width: 100%;
}

.image
{
	/* (line:24px * 1/4) 0 ((line:24px * 1/4) - 1px) */
	margin: 6px 0 5px;
	margin: .6rem 0 .5rem;
}

.pull-quote
{
	/* (line:24px / 2) 0 */
	margin: 12px 0;
	margin: 1.2rem 0;
	text-align: center;
	/* 18 pt 'great primer' */
	font-size: 18px;
	font-size: 1.8rem;
}

.image img
{
	display: block;
}

.image .caption
{
	margin-bottom: 0;
}

.image, .pull-quote, .left
{
	float: left;
	clear: left;
	display: inline;
	margin-left: 0;
	/* margin:20px */
	margin-right: 20px;
}

.center
{
	float: none;
	clear: both;
	display: block;
	/* grid:100px + margin:20px */
	margin-left: 120px;
	margin-right: 120px;
}

.right
{
	float: right;
	clear: right;
	display: inline;
	/* marginm:20px */
	margin-left: 20px;
	margin-right: 0;
}


/* Vertical Spacing
****************************************************************/

h1, h2, h3, h4, h5, h6, .hgroup,
.content .header, .article .section, .article .footer
{
	/* line:24px 0 (line:24px / 2) */
	margin: 24px 0 12px;
	margin: 2.4rem 0 1.2rem;
}

.hgroup h1, .hgroup h2, .hgroup h3,
.hgroup h4, .hgroup h5, .hgroup h6,
.header h1, .header h2, .header h3,
.header h4, .header h5, .header h6,
.header .hgroup,
p, ul, ol, dl, blockquote,
.byline, .isxn, .breadcrumb, .caption, .colset, .table, .nav
{
	/* (line:24px / 2) */
	margin-top: 12px;
	margin-bottom: 12px;
	margin-top: 1.2rem;
	margin-bottom: 1.2rem;
}


/* Clear fix
****************************************************************/

.clear-wrapper { overflow: visible !important; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear { clear: both; }


/* Site-Wide Footer
****************************************************************/

.sitewide .footer
{
	font-size: 12px;
	font-size: 1.2rem;
}


/* Site-Wide Header
****************************************************************/

.sitewide .header .tagline
{
	/* line:24px * 1.5 */
	line-height: 36px;
	line-height: 3.6rem;
	/* (line:24px / 3) */
	padding-top: 12px;
	padding-top: 1.2rem;
	/* 11pt */
	font-size: 11px;
	font-size: 1.1rem;
	color: #757575;
	text-transform: uppercase;
}

.sitewide .header .primary li a
{
	color: #757575;
	-webkit-transition: color 0.125s linear;
}

/*.sitewide .header .primary li.selected a,*/
.sitewide .header .primary li a:hover
{
	color: #EA372C;
	-webkit-transition: color 0.02s linear;
}


/* Article and Sidebar
****************************************************************/

.article .header .nav,
.article .footer .pagination
{
	/* line:24px */
	height: 24px;
	height: 2.4rem;
}

.article .footer .pagination
{
	/* -(margin:10px / 2) */
	margin-left: -10px;
}

.article .header .nav
{
	/* -margin:20px */
	margin-left: -20px;
}

.article .header .nav-alt-b
{
	float: left;
	display: inline;
	/* margin:20px */
	margin-right: 20px;
	/* -margin:20px / 2 */
	margin-left: -10px;
}

.article .header .nav li
{
	/* margin:20px */
	margin-left: 20px;
	float: left;
	display: inline;
}

.article .header .nav-alt-b li
{
	/* margin:20px / 2 */
	margin-left: 10px;
}

.footer .more
{
	text-transform: none;
	/* 14pt '' */
	font-size: 14px;
	font-size: 1.4rem;
}

.article .footer .pagination li.next
{
	/* margin:20px / 2 */
	margin-right: 10px;
	float: right;
	display: inline;
}

.article .footer .pagination li.prev
{
	/* margin:20px / 2 */
	margin-left: 10px;
	float: left;
	display: inline;
}

.article .footer .terms
{
	color: #757575;
	font-style: italic;
}


/* Alternate Section Style 'A'
****************************************************************/

.section-alt-a .header .nav
{
	color: #555555;
	/* 12pt 'pica' */
	font-size: 12px;
	font-size: 1.2rem;
	height: auto;
	/* line:24px / 2 */
	line-height: 12px;
	line-height: 1.2rem;
}

.section-alt-a .header .nav,
.section-alt-a .header .nav ul,
.section-alt-a .header .nav li
{
	/* line:24px / 4 */
	margin-top: 6px;
	margin-top: .6rem;
	margin-bottom: 6px;
	margin-bottom: .6rem;
}

.section-alt-a .header .nav-alt-b
{
	margin-top: 0;
	margin-bottom: 0;
}

.section-alt-a .header .nav ul
{
	margin: 0;
	overflow: hidden;
}

.section-alt-a .header .nav-alt-a li
{
	clear: left;
}

.section-alt-a .header .nav a
{
	color: #555555;
}

.section-alt-a .header .nav a:hover
{
	border-color: #555555;
	background-color: #EEEEEE;
}

.section-alt-a .header .nav li.selected a
{
	color: #BB0000;
	border-color: #BB0000;
}

.section-alt-a .feature-list .feature
{
	overflow: hidden;
	/* (line:24px / 2) 0 line:24px */
	margin: 12px 0 24px;
	margin: 1.2rem 0 2.4rem;
}

.section-alt-a .feature-list .feature h3,
.section-alt-a .feature-list .feature h4,
.section-alt-a .feature-list .feature p,
.section-alt-a .feature-list .feature .byline
{
	/* (line:24px / 4) 0 */
	margin: 6px 0;
	margin: .6rem 0;
}

.section-alt-a1 .feature-list .feature h3,
.section-alt-a1 .feature-list .feature h4,
.section-alt-a1 .feature-list .feature p,
.section-alt-a1 .feature-list .feature .byline
{
	margin: 0;
}

.section-alt-a .feature-list .feature h3
{
	font-weight: bold;
}

.section-alt-a .feature-list .feature img
{
	float: left;
	display: inline;
	/* (line:24px / 4) 0 0 */
	padding: 6px 0 0;
	/* margin:20px / 2 */
	margin-right: 10px;
}


/* Alternate Section Style 'E'
****************************************************************/

.section-alt-e
{
	/* 11 pt '' */
	font-size: 11px;
	font-size: 1.1rem;
	/* line:24px * 2/3 */
	line-height: 16px;
	line-height: 1.6rem;
}

.section-alt-e .header h2
{
	font-family: Chunk, 'Arial Black', sans-serif;
	font-weight: normal;
	/* 24 pt '' */
	font-size: 24px;
	font-size: 2.4rem;
	/* line:24px */
	line-height: 24px;
	line-height: 2.4rem;
	text-transform: lowercase;
	color: #EECF15;
}

.section-alt-e .header h2 strong
{
	font-weight: normal;
	text-transform: uppercase;
	color: black;
}

.section-alt-e .header h2 .w
{
	display: none;
}

.section-alt-e .header h2 small
{
	float: right;
	display: inline;
	/* 12 pt '' */
	font-size: 12px;
	font-size: 1.2rem;
	/* line:24px * 2/3 */
	line-height: 16px;
	line-height: 1.6rem;
	/* line:24px / 3 */
	padding-top: 8px;
	padding-top: 0.8rem;
	text-transform: uppercase;
	color: #959595;
}

.section-alt-e h3,
.section-alt-e .hgroup
{
	/* (line:24px / 2) 0 */
	margin: 6px 0;
	margin: 0.6rem 0;
}

.section-alt-e .feature
{
	margin: 12px 0 24px;
	margin: 1.2rem 0 2.4rem;
}

.section-alt-e h3
{
	/* 14 pt '' */
	font-size: 14px;
	font-size: 1.4rem;
}

.section-alt-e h3 a
{
	color: #1560BD;
}

.section-alt-e h3 a:hover
{
	color: #F0CE00;
}

.section-alt-e .nav
{
	/* 12 pt '' */
	font-size: 12px;
	font-size: 1.2rem;
}

.section-alt-e .nav li
{
	/* (line:24px / 6) 0 */
	padding: 4px 0;
	overflow: hidden;
}

.section-alt-e .nav li img
{
	float: left;
	display: inline;
	/* margin:20px / 4 */
	margin-right: 5px;
}

.section-alt-e .image
{
	/* override */
	float: none;
	display: block;
	margin: 0;
}

.section-alt-e1 h2
{
	line-height: 18px;
	line-height: 1.8rem;
}

.section-alt-e1 h2 .l
{
	display: block;
}

.section-alt-e1 a h3
{
	color: #1560BD;
}

.section-alt-e1 a:hover h3
{
	color: #F0CE00;
}


/* Other Section Styles
****************************************************************/

.section-subscribe
{
	/* line:24px * 2 */
	height: 48px;
}

.section-subscribe .header h2
{
	float: left;
	/* (290px - margin:20px / 4) - (47px * 4) */
	width: 97px;
	/* margin:20px / 4 */
	padding-right: 5px;
	/* line:24px / 4 */
	padding-top: 6px;
	margin: 0;
	/* line:24px - (line:24px / 8) */
	line-height: 21px;
	text-transform: uppercase;
	text-align: right;
}

.section-subscribe .header h2 .line
{
	display: block;
}

.section-subscribe .nav li
{
	/* (line:24px * 2) - (1px * 2) */
	height: 46px;
	/* 47px */
	width: 47px;
	padding: 1px 0;
	float: left;
}

.section-subscribe .nav li img
{
	display: block;
}