body.news div#pageheader { background-position: 7px -600px; }
body.archive div#pageheader { background-position: 7px -480px; }
body.recall div#pageheader { background-position: 7px -60px; }
body.investigation div#pageheader { background-position: 7px -120px; }

	#content > header { margin: 2em 0; }

	div#pageheader { background: url(/img/v1/icons-heading.png) no-repeat 7px 0; }
		div#pageheader h2.primary { margin-bottom: 0.1em; padding-left: 64px; }
		div#pageheader h2.long { font-size: 25pt; line-height: 44px; }
			div#pageheader h2 strong { display: none; }

	form#filter { float: left; margin: 14px 0 14px 65px; padding: 7px 14px; background-color: rgba(200,200,200,0.4); border-radius: 7px; box-shadow: 0 0 3px 0 #999 inset; }
		form#filter fieldset { padding: 0; border: 0; font-size: 1.2em; }
			form#filter legend { float: left; margin: 0 14px 0 0; padding: 0; font-size: 14pt; }
			form#filter label { float: left; margin: 0 2px; }
			form#filter label#newstype { margin-left: 20px; }
				form#filter label select { font-size: 1em; }
		form#filter input[type="submit"] { margin-left: 14px; }
	#welcome p:last-child { clear: left; margin-left: 79px; margin-bottom: 0; font-size: 1.2em; }

	#primary { font-size: 16px; font-family: Georgia,"Times New Roman"; }
		#primary figure.left,
		#primary figure.right { overflow: hidden; padding: 1px; border: 1px solid #666; background-color: #fff; box-shadow: 1px 1px 2px 1px #ccc; }
		#primary figure.left { float: left; margin: 0 17px 2px 4px; border-radius: 3px; }
		#primary figure.right { float: right; margin: 0 4px 2px 17px; }
		#primary blockquote { padding: 0 0 0 17px; border-left: 5px solid #ccc; color: #333; }
		#primary ul,
		#primary ol,
		#primary blockquote { margin: 0 0 1.5em; }
		#primary table ul,
		#primary table ol { margin-bottom: 0; }
		#primary time { font-weight: bold; }
		#primary hr { clear: right; }

	/* new markup */
	ul.newslist { list-style: none; margin: 1em 0; padding: 0; overflow: hidden; }
		ul.newslist li.article { float: left; width: 418px; position: relative; overflow: hidden; padding: 4px 7px 0 14px; border-top: 2px solid #fff; background: rgba(255,255,255,0.4); }
		ul.newslist li.article:nth-child(even) { clear: left; border-right: 2px solid #fff; }
		ul.newslist li.note { text-align: center; }
			ul.newslist li h3 { margin: 0 !important; padding: 4px 7px 4px 0; font-size: 16px; }
				ul.newslist li h3 a,
				ul.newslist li > a { font: normal 24px 'LeagueGothicRegular'; text-decoration: none; }
				ul.newslist li h3.l1 a { font-size: 23px; }
				ul.newslist li h3.l2 a { font-size: 22px; }
				ul.newslist li h3.l3 a { font-size: 21px; }
				ul.newslist li h3 small { display: block; font-size: 12px; font-family: 'Trebuchet MS', arial, helvetica, sans-serif; font-weight: bold; text-decoration: none !important; color: #666; }
			ul.newslist li time { font-size: 0.9em; text-transform: uppercase; }
			ul.newslist li p { margin-top: 2px; padding: 0; font-size: 13px; font-family: 'Trebuchet MS', arial, helvetica, sans-serif; line-height: 1.5; color: #333; }
				ul.newslist li figure { width: 80px; margin: 4px 14px 0 0; text-align: center; }
					ul.newslist li figure img { max-width: 100%; padding-bottom: 0; }

	#primary > ul.newslist li:first-child { float: none; width: auto; }
			#primary > ul.newslist li.article:first-child h3 { padding-left: 200px; }
				#primary > ul.newslist li.article:first-child h3 a { font-size: 2.5em; }
				#primary > ul.newslist li.article:first-child h3.l1 a { font-size: 2.3em; }
				#primary > ul.newslist li.article:first-child h3.l2 a { font-size: 2.2em; }
				#primary > ul.newslist li.article:first-child h3.l3 a { font-size: 2.1em; }
				#primary > ul.newslist li.article:first-child h3 small { font-size: 14px; }
				#primary > ul.newslist li.article:first-child figure { position: absolute; top: 8px; left: 0; width: 190px; max-height: 135px; }
			#primary > ul.newslist li.article:first-child p { padding-left: 200px; padding-right: 14px; font-size: 14px; }

		#content h3.switchpage.bottom { margin: 14px auto 0; text-align: center; background-position: 50% 100%; }
			#content h3.switchpage.bottom a { display: block; padding: 4px 0; font-size: 24pt; color: #333; }

/* article */
article #primary { width: 866px; margin-left: 14px; }
article hr { margin: 1.5em 0; border-top: 1px solid #ccc; box-shadow: inset 0 1px 0 white; }

article header .meta { margin: 0.2em 0 0 65px; font-size: 1.1em; color: #333; }
article header .vcard { display: inline; }
article header .vcard address { display: inline; font-style: normal; }
article header .optional-break { display: inline; }
article header .optional-break:before { content: " • "; }

article figure.main { float: right; width: 250px; margin: 0 0.5em 0.5em 1em; padding: 3px; border: 1px solid #ccc; border-radius: 3px; box-shadow: 1px 1px 7px 0 #fff; }
	article figure.main figcaption { display: none; }
article figure.borderless { border: 0; box-shadow: none; }
article figure.left { float: left; margin: 0 1em 0.5em 0; }
article figure.full { float: none; width: auto; margin: 1em auto; }
	article figure img { max-width: 100%; padding: 0; border-radius: 3px; }

article table { table-layout: auto; width: 100%; margin-bottom: 30px; border: 0; border-collapse: collapse; border-spacing: 0; word-break: normal; }
article th, article td { font-size: 16px; line-height: 1.3; padding: 6px 15px; border: 0; vertical-align: middle; }
article th { word-break: normal; border-bottom: 1px solid #d0d0d0; font-weight: bold; text-align: left; background-color: #e6e7eb; }
article .highlight td { background-color: #fdefba; font-weight: bold; }
article tr { background-color: #fefefe; }
article tr:nth-child(even) { background-color: #f3f3f5; }

article #primary { padding-top: 0; background: rgba(255,255,255,0.5); box-shadow: 0 0 14px -3px #000; }
article #primary > div { padding: 1em; }
article #primary footer { padding: 0 1em 1em; }
article p { margin: 0 0 1.125em; line-height: 1.625em; }
	article p a { text-decoration: underline; }
	article p > img { border-radius: 2px; box-shadow: 1px 1px 4px 0 #999; }
article #secondary { padding: 0; }

article .article-content ol,
article .article-content ul { margin-right: 23px; }
article li { margin-bottom: 0.5em; line-height: 1.625em; }
article .article-content h3 + ul li, article .article-content h4 + ul li { line-height: 1; }

article footer { padding: 0 1em; }
article footer #sharebar { float: right; margin: 0; font-size: 1.1em; }
article footer h3 { margin-bottom: 1em !important; padding-top: 7px; font-weight: normal; font-size: 1.5em; }
article footer ul.related { list-style: none; margin: 0; padding: 0; overflow: hidden; }
	article .related li { width: 48%; margin: 0; padding: 0.5em 0 1em; overflow: hidden; }
	article .related li:nth-child(odd) { float: left; clear: left; margin-right: 4%; }
		article .related li figure { float: left; clear: left; width: 100px; max-height: 70px; margin: 0 14px 7px 7px; overflow: hidden; border-radius: 7px; box-shadow: 0 0 4px 0 #ccc; }
			article .related li figure figcaption { margin: 0 7px 0; padding: 1px 0; font: 8pt arial,helvetica,sans-serif; text-transform: uppercase; color: #999; background-color: rgba(255,255,255,0.5); border-radius: 0 0 7px 7px; box-shadow: 0 0 2px 0 #999 inset; }
		article .related li em { display: block; margin: 4px 7px 0 0; text-align: right; font-size: 0.9em; color: #999; }
			article .related li em a { font-weight: bold; font-style: normal; font-family: arial,helvetica,sans-serif; text-transform: capitalize; }

	#secondary #recentnews { }
		#secondary #recentnews ul { margin-left: 0; padding: 0; }
			#secondary #recentnews ul li { overflow: hidden; margin: 0 0 1.2em 7px; }
				#secondary #recentnews ul li a { display: block; font-size: 1.2em; }
				#secondary #recentnews ul li a:hover { text-decoration: none; }
					#secondary #recentnews ul li a figure { float: right; width: 75px; margin: 4px 7px; border-radius: 4px; box-shadow: 0 0 4px 0 #ccc; overflow: hidden; }
					#secondary #recentnews ul li a strong,
					#secondary #recentnews ul li time { display: block; margin-right: 90px; line-height: 1.2em; }
					#secondary #recentnews ul li time { font-style: italic; color: #666; }
		#secondary .news-guide { overflow: hidden; position: relative; display: table; width: 100%; height: 160px; background-position: 50% 50%; background-repeat: no-repeat; }
			#secondary .news-guide a { position: relative; display: table; vertical-align: middle; text-align: center; width: 80%; height: 100%; padding: 5% 10%; }
			#secondary .news-guide .overlay { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f96f0d; opacity: 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-transform: translateZ(0); }
			#secondary .news-guide p { z-index: 2; position: relative; text-decoration: none; color: #fff; background: rgba(0,0,0,0.85); }

		#secondary .news-guide:hover { cursor: pointer; }
			#secondary .news-guide:hover .overlay { z-index: 1; opacity: 0.85; }
			#secondary .news-guide:hover p { cursor: pointer; background: rgba(0,0,0,0.35); }

			#secondary .salt-belt { background-image: url(//media.carcomplaints.com/img/resources/salt-belt/share.jpg); }
			#secondary .takata { background-image: url(//media.carcomplaints.com/img/resources/takata/share.jpg); }
			#secondary .tsb { background-image: url(//media.carcomplaints.com/img/resources/tsb/share.jpg); }


/* fb comments */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] { min-width: 100% !important; width: 100% !important; }