/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    /*color: #222;*/
}

html {
    /*font-size: 1em;
    line-height: 1.4;*/
}

body {
	height: auto;
	font-family: 'Roboto', sans-serif;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

header .advertisement {
	min-height:49px;
	height: auto;
	width: auto;
}

input[type=submit] {
    background: rgba(0,88,50,1);
	background: rgb(0,88,50);
    color: #FFF;
    border: none;
    padding: 4px 16px;
}

.right .related-articles .listing {
    width: auto
}

.right .related-articles .related-thumbnail {
    padding-right: 0.500em
}

.netcopy_archive {
    text-align: center;
    color: #fff;
    padding: 15px 10px 15px 10px;
    min-height: 200px;
    position: relative;
}

.netcopy_archive .headlines {
    margin: 0 auto;
    position: relative;
    z-index: 1;
    bottom: 14px;
    position: absolute;
    left: 5%;
    right: 5%;
}

.ms .netcopy_archive h3 {
    font-size: 2.000rem;
    margin-bottom: 60px;
    z-index: 2;
    position: relative;
}

.netcopy_archive .overlay {
    position: absolute;
    background: black;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    opacity: .5;
    z-index: 0;
}

.netcopy_archive h4 a {
    /* should these be headings? */
    font-size: 1rem;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    text-transform: none;
}

.netcopy_archive h4 {
    /* should these be headings? */
    margin-top: 4px !important;
    line-height: .8 !important;
}

.netcopy_archive h4 a,
.ms .netcopy_archive h3 {
    color: #fff
}

.netcopy_archive h3.archive_date span.normal {
    font-weight: normal
}

.screen-reader-text {
    display: none
}

/* redefine override */

.ms {
    text-align: left
}

.ms a {
    color: rgba(0,88,50,1);
	color: rgb(0,88,50);
}

.ms a:hover {
    color: #ffba00;
    text-decoration: none;
}

.ms {
    font-size: 1em;
    line-height: 1.4;
    font-family: 'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased !important;
}

.ms input,
select {
    font-family: 'Roboto Condensed', sans-serif !important
}

.ms h1,
.ms h2,
.ms h3,
.ms h4,
.ms h5 {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: 700;
    color: rgba(0,88,50,1);
	color: rgb(0,88,50);
    line-height: 1;
    margin: 0;
}

.ms h1 {
    font-size: 1.8em
}

.ms article h1 {
    font-size: 2.000em;
    padding-bottom: 8px;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #b7b7b7;
}

.ms h2 {
    font-size: 1.500em
}

.ms nav,
.ms .top-bar,
.ms .top-bar-section li:not(.has-form) a:not(.button) {
    background: #022b16
}

#lightbox {
    left: 0;
    min-width: 1020px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999999; /* noop */
}

#lightbox .caption {
    font-size: 14px
}

#lightbox .caption p {
    font-size: 12px
}

.ms .top-bar-section li:not(.has-form):hover a:not(.button),
.ms .top-bar-section li.current-menu-parent:not(.has-form) > a:not(.button),
.ms .top-bar-section li.current-category-ancestor:not(.has-form) > a:not(.button) {
    background: rgba(0,88,50,1);
	background: rgb(0,88,50);
}

.ms .top-bar-section li:not(.has-form) a:not(.button):hover,
.ms .top-bar-section .sub-menu li:not(.has-form):hover a:not(.button) {
    color: #ffba00
}

.ms .top-bar-section ul li > a {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.000em;
    font-weight: 700;
}

.ms .top-bar-section li.current-menu-item:not(.has-form) > a:not(.button) {
    background: rgba(0,88,50,1);
background: rgb(0,88,50);
    color: #ffba00;
}

.ms .top-bar.expanded .title-area {
    background: #d6d6d6
}

.ms .top-bar-section .has-form {
    background: #ffba00;
    padding: 7px;
    width: 100%;
}

.ms input[type="text"],
.ms textarea {
    border: 1px solid rgba(0,88,50,1);
	border: 1px solid rgb(0,88,50);
    font-size: 1.000em;
    top: 0;
    margin: 0;
}

.ms header {
    margin: 0 auto;
    max-width: 1024px;
    background: rgba(0,88,50,1);
	background: rgb(0,88,50);
	position: relative;
}

.ms .toolbar {
	position: relative;
}

.ms .page { 
	position: relative;
}

.ms .masthead {
    padding: 1.000em
}

.ms .advertisement {
    text-align: center; /* centers the ad */
    padding-bottom: 1.000em;
}

.ms .row {
    max-width: 64.000em
}

.ms .column {
    padding-left: 1.000em;
    padding-right: 1.000em;
}

.ms .page {
    margin-top: 1.875em;
	/*
	padding-top: 1.875em;
	border-top-style: solid;
	border-top-width: 1.875em; 
	border-top-color: #fff;
	*/
}

.ms article header {
    background: transparent
}

.ms .article-meta {
    font-family: 'Roboto', sans-serif;
    font-size: 0.750em;
    color: #333333;
    margin-bottom: 1.875em;
    /*width: 125px;;
    float: left;*/
}

.ms .article-meta .twitter {
    display: inline-block;
    background: url(../images/icons/twitter-tiny.png) no-repeat left center;
	padding-left: 16px;
}

.ms .article-meta .googleplus {
	display: inline-block;
	top: 1px;
	position: relative;
	margin-right: 3px;
}

.ms .article-meta .googleplus a {
    display: block;
	height: 14px;
	width: 14px;
	background: url(../images/icons/g+14.png) no-repeat left center;
}

.ms .article-meta .twitter a {
    top: -2px;
    position: relative;
}

.ms .article-meta time {
    margin-right: 23px
}

.ms .article-content p {
    color: #333;
    font-size: 0.875em;
    margin-bottom: 25px;
}

.ms p {
    font-family: 'Roboto', sans-serif
}

.ms .article-body img {
    /*margin-bottom: 25px;_NO__DOTCOMMA__AFTER__*/
}

.ms .featured-image {
    margin-bottom: 16px;
    width: 100%;
}

.pull-out {
    background-color: #dadada;
    border-top: 8px solid #ffba00;
    border-bottom: 8px solid #ffba00;
    padding: 15px;
    margin-bottom: 1.500em;
}

.pull-out.left,
.pull-out.right {
    float: none !important;
    width: 100%;
}

.pull-out ul {
	color: rgba(0,88,50,1);
	color: rgb(0,88,50);
}

.pull-out ul li ul {
    margin-left: 0
}

.pull-out ul li ul li {
    color: #000;
    font-weight: normal;
    list-style-type: none;
    margin-bottom: 14px;
}

.pull-out ul li:last-child ul li:last-child {
    margin-bottom: 0
}

.pull-out ul:last-child {
    margin-bottom: 0
}

.pull-out ul li {
    font-weight: bold;
    list-style-type: square;
}

.pull-out * {
    font-size: 0.750rem
}

.pull-out ol li {
    list-style-type: decimal
}

.pull-out h5 {
    font-size: 1.500rem;
    margin-bottom: .500em;
}

.ms .page {
    padding: 0 16px 0 16px;
}

.ms .share-left {
    z-index: 9999
}

.ms .share-left h5,
.ms .share-bar h5 {
    font-size: 0.875em;
    color: #333;
    font-weight: 700;
    padding: 8px;
}

.ms .article-content blockquote {
    color: #efa007;
    font-size: 1.500em;
    margin: 0 auto;
    font-style: italic;
    border: none;
    margin-bottom: 25px;
    padding: 0;
    font-weight: 400;
    padding: 0 15%;
    line-height: 1.5;
    font-family: "Roboto Condensed", sans-serif;
}

.ms .share-bar {
    background: #eaeaea;
    padding: 10px;
    margin: 0 0 16px 0 !important;
}

.ms .share-bar h5 {
    display: block;
    margin: 0;
    font-family: 'Roboto', sans-serif !important;
}

.share-button.facebook {
    padding: 2px 8px 0 8px
}

.share-button.gplus {
    padding: 4px 8px 0 8px
}

.share-button.twitter {
    padding: 4px 6px 0 6px
}

.ms .share-button {
    float: left
}

.ms .article-author {
    border-top: 8px solid #ffba00;
    background: #dadada;
    padding: 16px 12px;
    color: #333;
    margin: 1.875em 0 !important;
}

.ms .article-author p {
    font-size: 0.750em;
    margin-bottom: 4px;
    line-height: 1.4;
}

.ms .article-author h3 {
    display: inline-block;
    margin: 0 12px 0 0;
    font-size: 1.500em;
}

.ms .author-title {
    color: #666
}

.ms .article-author span a {
    font-weight: 700;
    font-size: 0.750em;
}	
/* need to find where some titles (like from excerpt list) are being generated in the framework
    and add the class there */

.home-wrapper h2,
.ms .section-heading,
.home-carousel .motorsport_issuu_widget .text h2,
.ms .right .widget h2 {
    border-left: 8px solid #ffba00;
    background: transparent url('../images/bg-stripes.png');
    padding: 10px;
    margin-bottom: 16px;
    font-family: "Roboto Condensed";
    font-weight: 700;
	color: rgba(0,88,50,1);
	color: rgb(0,88,50);
    clear: both;
}

/* main.css override */

.homeCarousel,
.home-wrapper .widget {
    margin-bottom: 0
}

/*main.css override */

.archive .galleries,
.home .motorsport_gallery_widget {
    border: none
}

.ms .right .widget h2 {
    font-size: 1.500rem
}

.ms .right .widget.popular-posts h2,
.ms .right .widget.motorsport_read_comments h2 {
    margin-bottom: 0;
    background-image: none;
    background-color: #dadada;
    border: none;
    font-size: 1rem;
}

.ms label {
    font-size: 0.875rem;
	color: rgba(0,88,50,1);
	color: rgb(0,88,50);
}

.classifieds_search select {
    color: #666;
    font-size: 1rem;
    margin-top: .250em;
    font-family: 'Roboto', sans-serif !important;
}

.ms .classifieds_search form input[type=submit] {
    padding: 0 6px;
    width: auto;
}

/* overwrites main.css */

.ms .right .widget h2 a {
    background: none;
	color: rgba(0,88,50,1);
	color: rgb(0,88,50);
    padding: 0;
}

.ms .right .widget h2 a:hover {
    color: #ffba00
}

.ms .section-heading .aside-note {
    float: right;
    font-size: .6em;
    font-family: "Roboto";
    padding: 6px 0 0 0;
}

.ms .listing h4,
.ms .galleries-listing h4 {
    font-size: 1em;
    margin: 0 16px 0 0;
}

.ms .listing p {
    font-size: .8em;
    margin: 8px 16px 0 0;
    line-height: 1.3em;
}

#footerWidgets p {
    font-family: inherit
}

.ms .website-footer .main-footer {
    border-top: 8px solid #ffba00;
    background: #DADADA;
    clear: both;
    margin-top: 40px;
}

.ms .website-footer .main-footer ul li {
    width: 140px;
    float: left;
    display: inline-block;
}

.ms .website-footer .legal-footer {
    border-top: 4px solid #ffba00;
    background: #DADADA;
    clear: both;
    padding-top: 16px;
    padding-bottom: 16px;
}

.ms .website-footer .legal-footer .copyright p {
    font-size: 1em;
    font-weight: bold;
    color: #666;
    margin: 0;
}

.ms .website-footer .legal-footer .copyright ul {
    font-size: .8em;
    margin: 0;
}

.ms .website-footer .legal-footer .copyright ul li {
    display: inline-block;
    margin: 0 8px 0 0;
}

.ms .website-footer .legal-footer .copyright ul li a {
    color: #666
}

.ms .website-footer .legal-footer .statement p {
    text-align: right;
    color: #666;
    margin: 0;
}

.ms .website-footer .legal-footer .statement a {
    color: #666;
    text-decoration: underline;
}

.ms .website-footer p,
.textwidget {
    font-size: .8em;
    margin: 8px 0;
    line-height: 1.6;
}

.ms .website-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: .8em;
}

.ms p small,
div small {
    font-size: 0.688rem
}

#footerWidgets h2,
.ms p.heading {
    font-size: 1.4em;
    line-height: 1.2em;
    font-family: "Roboto Condensed", sans-serif !important;
    font-weight: 700;
	color: rgba(0,88,50,1);
	color: rgb(0,88,50);
}

#footerWidgets h2 {
    text-shadow: none;
    margin: 0;
}

#footerWidgets .widget {
    margin: 0;
    width: auto;
}

.textwidget a {
    display: block
}

.widget_text {
    background-color: inherit;
    border-radius: none;
    -moz-border-radius: none;
    -webkit-border-radius: none;
    padding: 0;
    box-shadow: none;
}

footer .widget {
    /*width: 50%;;
    float: left;
    padding-right: 2%;*/
    margin-bottom: 1.000em;
}

footer .widget:last-child {
    padding-right: 0
}

.main-footer {
    padding: 1.000em 1.000em 0 0
}

/* main.css override */

.motorsport_qotd a,
.widget_text a {
    text-decoration: none
}

.ms .sidebar-column .section-heading {
    margin: 24px 0 16px 0 !important
}


.ms .call-to-action {
    padding: 4px 16px;
    background: #FFBA00;
    color: #333;
    font-family: "Roboto Condensed", sans-serif !important;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    display: inline-block;
}

.ms .call-to-action:hover {
	color: rgba(0,88,50,1);
	color: rgb(0,88,50);
}

.ms .sidebar-1 {
    float: right;
    max-width: 300px;
}

.ms .story-box {
    margin: 24px 0;
    overflow: hidden;
    border-left: 8px solid #FFBA00;
    min-width: 300px;
}

.ms .story-box .section-heading {
    margin: 0 0 0 -8px !important
}

.ms .story-box .lead-story {
    width: 100%;
    position: relative;
    height: 160px;
    overflow: hidden;
    background: #000;
}

.ms .story-box .lead-story img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    opacity: .68;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=68)";
}

.story-box .lead-story .article-intro {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 1;
    padding: 16px;
    color: #FFF;
    overflow: hidden;
}

.ms .story-box .lead-story .article-intro a {
    color: #FFF
}

.ms .story-box .lead-story .article-intro p {
    margin: 0;
    color: #FFF;
}

.ms .story-box .lead-story .article-intro p.heading {
    font-size: 1.2em
}

.ms .story-box .story {
    padding: 16px;
    overflow: hidden;
    border-bottom: 1px solid #FFBA00;
}

.ms .story-box .story p {
    margin: 0
}

.ms .story-box .story .heading {
    font-size: 1em
}

.ms .motorsport_newsletter {
    background: #FFBA00;
    padding: 8px;
    margin: 24px 0;
}

.motorsport_newsletter form {
    margin: 5px 0 0 0
}

.ms .motorsport_newsletter h3 {
    margin: 0;
    font-size: 1em;
}

.motorsport_newsletter form input {
    margin: 0
}

.faq h3 {
    cursor: pointer
}

.faq h3:hover {
    color: #ffba00
}

.ms form input[type=email],
.ms .road-test-select select,
.ms .faq-search input[type=text] {
	border-color: rgba(0,88,50,1);
	border-color: rgb(0,88,50);
    width: 70%;
    float: left;
    height: 32px;
}

.ms form input[type=submit] {
    border: 1px solid rgba(0,88,50,1);
	border: 1px solid rgb(0,88,50);
    border-bottom: none;
    background: rgba(0,88,50,1);
	background: rgb(0,88,50);
    width: 100%;
    color: #FFF;
    padding: 0;
    text-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    height: 32px;
}

form {
    margin: 0
}

.ms form select {
    padding: 0 0.5rem
}

#show-more-comments {
	display: none;
    text-align: center;
    cursor: pointer;
	margin-bottom: 25px;
}

#submit,
#show-more-comments {
    color: #FFF;
    border: none;
    font-size: 1em;
    font-weight: normal;
    text-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 7px;
	background: rgba(0,88,50,1);
	background: rgb(0,88,50);
    padding: 4px 16px;
}

#submit:hover,
#show-more-comments:hover {
    background: #FFBA00
}

.ms .most-popular .tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.ms .most-popular .tabs li {
    float: left;
    margin: 0 2px 0 0;
}

.ms .most-popular .tabs li a {
    padding: 8px;
    font-weight: bold;
    display: block;
    border: 1px solid #DADADA;
    border-bottom: none;
}

.ms .most-popular .tabs li a.active {
    background: #DADADA
}

.ms .most-popular {
    overflow: hidden;
    margin: 24px 0;
}

.ms .most-popular .tab-content {
    padding: 8px;
    background: #DADADA;
}

.article-content .article-body iframe {
    max-width: 100%
}

.ms .popular-posts ol,
.ms .most-shared-posts ul {
    font-size: 2.000em;
    font-family: "Roboto Condensed", sans-serif !important;
    font-weight: 700;
    counter-reset: ol-item;
    margin: 0;
    line-height: 1;
    border-left: 8px solid #dadada;
    border-right: 8px solid #dadada;
    border-bottom: 8px solid #dadada;
    padding: .250em;
}

.ms .motorsport_read_comments ul,
.ms .motorsport_read_comments ol {
    font-size: 2.000em;
    font-family: "Roboto Condensed", sans-serif !important;
    font-weight: 700;
    counter-reset: ol-item;
    margin: 0;
    line-height: 1;
    border: 8px solid #dadada;
    padding: .250em;
}

.popular-posts ol li,
.most-shared-posts ul li,
.motorsport_read_comments ol li,
.motorsport_read_comments ul li {
    background: #FFF;
    margin: 0;
    border-bottom: 1px solid #DADADA;
    color: #ffba00;
    list-style-type: none;
    counter-increment: ol-item;
    text-align: right;
    line-height: 1;
    display: inline-block;
    width: 100%;
}

.popular-posts ol li:after,
.motorsport_read_comments ol li:after {
    content: counter(ol-item);
}

.popular-posts ol li a,
.popular-posts .wpp-comments,
.popular-posts .wpp-views,
.motorsport_read_comments ol li a,
.motorsport_read_comments .wpp-comments,
.motorsport_read_comments .wpp-views {
    font-size: 0.438em;
    float: left;
    text-align: left;
    width: 90%;
}

.popular-posts ol li:last-child,
.most-shared-posts ul li:last-child,
.motorsport_read_comments ol li:last-child,
.motorsport_read_comments ul li:last-child {
    border-bottom: none
}

.popular-posts ol li:first-child,
.most-shared-posts ul li:first-child,
.motorsport_read_comments ol li:first-child,
.motorsport_read_comments ul li:first-child {
    padding-top: 0
}

.popular-posts ol li:last-child,
.most-shared-posts ul li:last-child,
.motorsport_read_comments ol li:last-child,
.motorsport_read_comments ul li:last-child {
    padding-bottom: 0
}

.popular-posts ol li,
.most-shared-posts ul li,
.motorsport_read_comments ol li,
.motorsport_read_comments ul li {
    padding: 10px 0
}

.popular-posts .wpp-comments,
.popular-posts .wpp-views,
.motorsport_read_comments .wpp-comments,
.motorsport_read_comments .wpp-views {
    color: #848484;
    font-weight: 300;
    width: 50%;
    margin-top: 5px;
}

.top-bar-section ul.sub-menu {
    display: none;
    width: 100%;
    background: rgba(0,88,50,1);
	background: rgb(0,88,50);
}

.ms .top-bar-section ul.sub-menu,
.ms .top-bar-section .sub-menu li:not(.has-form) a:not(.button) {
    line-height: 30px
}

.ms .top-bar-section .sub-menu li:not(.has-form) a:not(.button) {
    background-color: rgba(0,88,50,1);
	background-color: rgb(0,88,50);	
}

.ms .article-author .column:last-child {
    padding-left: 10px
}

.ms .page .page {
    margin-top: 0
}

.subs-message {
    overflow: hidden;
    margin: 24px 0;
    position: relative;
}

.subs-message ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 172px;
    float: left;
    line-height: 1em;
    border-top: 1px solid #FFBA00;
}

.subs-message ul li {
    display: block;
    border-bottom: 1px solid #FFBA00;
    padding: 8px 8px 8px 0;
}

.subs-message ul li span {
    display: block;
    font-size: .75em;
    margin: 4px 0 0 0;
}

.subs-message .issuu {
    display: block;
    background: #FFBA00;
    float: right;
    width: 128px;
    text-align: center;
}

.subs-message .issuu span {
    display: block;
    padding: 12px 0;
}

.right .widget,
.right.insurance-sidebar .widget,
.right.insurance-sidebar .widget:first-child {
    margin-bottom: 20px
}

.ms .right .article-meta:last-child {
    margin: 0
}

.type-list li:last-child {
    margin: 0
}

.cars-for-sale {
    overflow: hidden;
    margin: 0 0 24px 0;
}

.cars-for-sale select {
    margin: 0 0 4px 0
}

.cars-for-sale input[type=submit] {
    margin: 8px 0 0 0
}

.type-list {
    margin: 0;
    overflow: hidden;
    list-style: none;
    padding: 0;
}

.type-list li {
    overflow: hidden;
    margin: 0 0 8px 0;
}

.type-list .thumbnail {
    float: left;
    width: 140px;
    height: 95px;
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0 16px 0 0;
    background: #000;
}

.type-list .thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: .68;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=68)";
}

.type-list .thumbnail a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center;
}

.type-list .thumbnail a:hover {
    background-size: 64px
}

/* .type-list.type-video .thumbnail a { background-image:url(iconography/video-play.png);  } these are uploaded with the image for videos_NO__DOTCOMMA__AFTER__*/

.type-list.type-podcasts .thumbnail a {
    background-image: url(iconography/podcast.png)
}

.type-list .heading {
    font-size: 1em
}

.type-list p {
    margin: 0 0 4px 0
}

.archive-box {
    width: 300px;
    height: 200px;
    overflow: hidden;
    position: relative;
    margin: 0 0 24px 0;
    text-align: center;
    background: #000;
}

.archive-box a {
    color: #FFF !important
}

.archive-box img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: .68;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=68)";
}

.archive-box p,
.archive-box ul {
    position: absolute;
    z-index: 1;
    width: 100%;
    color: #FFF;
    text-shadow: 0 1px 3px rgba(0,0,0,.32);
}

.archive-box p {
    font-size: 2em;
    font-weight: 300;
    top: 16px;
    margin: 0;
    line-height: 1em;
}

.archive-box ul {
    font-size: .8em;
    list-style: none;
    margin: 0;
    padding: 0;
    bottom: 16px;
    line-height: 1.4em;
}

.archive-box ul li {
    margin: 2px 0 0 0
}

.listing {
    width: 32%;
    width: 217px\9 !important;
    overflow: hidden;
    margin: 0 2% 24px 0;
}

.inductees .listing {
    width: 24%;
    width: 216px\9 !important;
    overflow: hidden;
    margin: 0 1% 24px 0;
}

.ms .related-thumbnail.margin-bottom-16 {
    margin-bottom: 16px !important
}

.top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 12px
}

/*
.listing .related-thumbnail{
    margin: 0 2% 0 2%;
}

.listing.small-4:first-child .related-thumbnail {
    margin: 0 4% 0 0;
}

.listing.small-4:last-child .related-thumbnail {
    margin: 0 0 0 4%;
}

.listing.small-6:first-child .related-thumbnail {
    margin: 0 2% 0 0;
}

.listing.small-6:last-child .related-thumbnail {
    margin: 0 0 0 2%;
}
*/

.listing img {
    width: 100%
} 

.listing:nth-of-type(3n) {
    margin-right: 0
}

.inductees .listing:nth-of-type(3n) {
    margin-right: 1%;
}

.inductees .listing:nth-of-type(4n) {
    margin-right: 0
}

.listing .digital-exclusive {
    text-align: center;
    color: #FFF;
    font-size: .7em;
    text-transform: uppercase;
    line-height: 1em;
    background: rgba(255,0,0,.64);
    display: block;
    height: 12px;
    margin: 0 0 -12px 0;
    z-index: 1;
    position: relative;
}

/* -- The home page, brah -- */

.gallery-portal,
.longform-portal {
    width: 32%;
    min-height: 180px;
    overflow: hidden;
    position: relative;
    margin: 0 2% 32px 0;
    background: #000;
    float: left;
}

.motorsport_facebook iframe {
    width: 100% !important
}

.longform-portal {
    width: 49%
}

.gallery-portal:nth-of-type(3n) {
    margin-right: 0
}

.longform-portal:nth-of-type(2n) {
    margin-right: 0
}

.gallery-portal img,
.longform-portal img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: .68;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=68)";
    width: 100%;
    height: 100%;
}

.gallery-portal .contents {
	bottom: auto;
	top: 50px;
}

.gallery-portal .contents,
.longform-portal .contents {
    position: absolute;
    z-index: 1;
    width: 100%;
    bottom: 0;
    padding: 16px;
}

.gallery-portal .contents .icon {
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 0 8px 0;
}

.gallery-portal.photos .contents .icon {
    background: url(iconography/gallery.png) no-repeat;
    background-size: 28px;
}

.gallery-portal.videos .contents .icon {
    background: url(iconography/video-play.png) no-repeat;
    background-size: 28px;
}

.gallery-portal .contents p,
.longform-portal .contents p {
    color: #FFF;
    margin: 0;
}

.gallery-portal .contents a,
.longform-portal .contents a {
    color: #FFF
}

.gallery-portal .contents .heading,
.longform-portal .contents .heading {
    font-size: 1em
}

.longform-portal .contents .article-excerpt {
    font-size: .8em;
    line-height: 1.2em;
    margin: 8px 0 0 0;
}

.ms .motorsport_recent_posts_by_category .feature-list,
.home-wrapper .home-widget {
    padding-left: 0;
    padding-right: .500em;
}

.feature-list ul {
    margin: 0 0 25px 0;
    padding: 0;
    /*border-top: 1px solid #DADADA;*/
    font-family: "Roboto Condensed", sans-serif !important;
    font-weight: 400;
    list-style: circle inside url(style-images/link-chevron.png);
}

/*.feature-list.has-image ul { margin:16px 0 0 0;  }_NO__DOTCOMMA__AFTER__*/

.feature-list ul li:not(.image) {
    list-style: circle inside url(style-images/link-chevron.png);
    border-bottom: 1px solid #DADADA;
}

.feature-list ul .image {
    margin-bottom: 8px
}

.feature-list ul li:not(.image) a {
    line-height: 2.000em;
    /*background: url(style-images/link-chevron.png) no-repeat left center;*/
}

.text-shadow {
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.32)
}

.editorial-team img {
    padding: 0 10px 10px 0
}

.pds-box {
    background: #DEDEDE;
    width: 100%;
    margin-bottom: 1.500em;
}

.pds-box .pds-box-outer {
    padding: 16px
}

.pds-box .pds-question-top {
    padding: 16px;
    margin: -16px -16px 16px -16px;
    background: #ffba00;
    font-size: 1.4em;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: bold;
	color: rgba(0,88,50,1);
	color: rgb(0,88,50);
}

.pds-box .pds-answer-group {
    clear: both;
    margin: 0 0 8px 0;
    display: block;
}

.pds-box .pds-answer-group input[type=radio] {
    float: left
}

.pds-box .pds-answer-group .pds-answer-span {
    float: left;
    line-height: 1.2;
    padding: 0 0 0 8px;
}

.pds-box .pds-vote-button {
    display: inline-block;
    padding: 8px 16px;
    background: #ffba00;
    font-weight: bold;
    clear: both;
    margin: 16px 0;
}

.pds-box .pds-links {
    clear: both;
    overflow: hidden;
    width: 100%;
    font-size: .8em;
}

.pds-box .pds-links .pds-view-results {
    display: block
}

.editorial-team .column {
    margin-top: 1.000em
}

p {
    margin-bottom: 1.000em
}

.avatar-list {
    width: 49%;
    margin: 0 2% 32px 0;
}

.avatar-list:nth-of-type(2n) {
    margin-right: 0
}

.avatar-list ul {
    margin: 0;
    list-style: none;
    padding: 0;
    border-top: 1px solid #DADADA;
}

.avatar-list ul li {
    padding: 8px 0;
    border-bottom: 1px solid #DADADA;
    overflow: hidden;
}

.avatar-list ul li img {
    float: left;
    margin: 0 16px 0 0;
}

.avatar-list ul li .heading {
    font-size: 1em;
    margin: 0;
}

.avatar-list ul li .article-excerpt {
    font-size: .8em;
    line-height: 1em;
    margin: 8px 0 0 0;
}

.post-pagination-pages p {
	padding: 4px 0;
}

.post-pagination {
	margin: 0 0 32px 0;
    padding: 8px 0 8px 0;
	border-top: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
    font-weight: bold;
}

.post-pagination-links a {
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 4px 12px;
	background: #FFBA00;
	font-weight: bold;
}

.ms .article-content .post-pagination p {
	margin: 0;
}

.pagination ul {
    margin: 0 0 32px 0;
    padding: 8px 0 0 0;
    list-style: none;
    border-top: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
    text-align: right;
    font-weight: bold;
}

.pagination ul li {
    display: inline-block
}

.pagination ul li a {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 9px;
    background: #FFBA00;
}

.pagination ul li.current {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 9px;
    border: 1px solid #FFBA00;
    background: #fff;
}

.pagination ul li span {
    padding: 0 8px
}

.pagination a:hover,
.post-pagination-links a:hover {
    color: #fff
}

.comments-form {
    padding: 16px;
    background: #DADADA;
    border-top: 8px solid #FFBA00;
    border-bottom: 8px solid #FFBA00;
}

.comments-form input,
.comments-form textarea {
    margin-bottom: 8px !important
}

.comments-form input[type=text] {
    width: 100%
}

.comments ol {
    list-style: none;
    padding: 0;
    margin: 24px 0;
}

.comments ol li {
    padding: 16px;
    background: #DADADA;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    margin: 0 0 8px 0;
}

.comments ol li p {
    font-size: .8em;
    margin: 16px 0;
    line-height: 1.2em;
}

.comments ol li span {
    font-size: .8em;
    font-weight: 700;
    color: #999;
    font-family: 'Roboto Condensed';
}

.pullout-list {
    width: 320px;
    background: #DADADA;
    border-top: 8px solid #FFBA00;
    border-bottom: 8px solid #FFBA00;
    float: left;
    margin: 24px 24px 24px 0;
    padding: 16px;
}

.pullout-list .heading {
    font-size: 1.4em !important;
    color: rgba(0,88,50,1) !important;
	color: rgb(0,88,50) !important;
}

.pullout-list ul {
    list-style: square;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
	color: rgba(0,88,50,1);
	color: rgb(0,88,50);
    font-size: .8em;
    line-height: 1.4em;
}

.pullout-list ul li {
    margin: 0 0 12px 0
}

.pullout-list ul li span {
    display: block;
    color: #333;
}

.logo {
    padding: 0
}

.toolbar {
    background: #dadada;
    min-height: 32px;
    padding: 5px 16px;
}

.toolbar p {
    margin: 0;
    font-size: .8em;
    color: #848484;
}

.toolbar ul {
    padding: 0;
    list-style: none;
    font-size: .8em;
    margin: 0;
}

.toolbar ul li {
    display: inline;
    margin: 0 4px 0 0;
}

.toolbar ul li:last-child {

}

.toolbar ul li span {
    display: none
}

.toolbar ul li a.social-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
    background-size: 16px !important;
    top: 3px;
    position: relative;
}

.toolbar ul li a.social-icon.twitter {
    background: url(iconography/social-twitter.png) no-repeat
}

.toolbar ul li a.social-icon.youtube {
    background: url(iconography/social-youtube.png) no-repeat
}

.toolbar ul li a.social-icon.facebook {
    background: url(iconography/social-facebook.png) no-repeat
}

.related-thumbnail .comments {
    position: relative;
    width: 20px;
    height: 15px;
    padding: 0px;
    background: #ffba00;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	color: rgba(0,88,50,1);
	color: rgb(0,88,50);
    font-size: 0.688em;
    text-align: center;
    top: -25px;
    left: 5px;
}

.related-thumbnail .comments a:hover {
    color: #DADADA
}

.related-thumbnail .comments:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 6px 6px 0;
    border-color: transparent #ffba00 transparent transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -6px;
    left: 1px;
}

.commentlist .odd .commentBody {
    background: none
}

.category-detail p {
    font-size: 0.875em
}

/*
.comment-count:after {
    
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 6px 6px 0;
    border-color: transparent #007bff transparent transparent;
}*/

.right .widget:before,
.right .widget:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.right .widget:after {
    clear: both
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.right .widget {
    *zoom: 1
}

.widget.motorsport_latest_issuu_widget ul {
    margin: 0
}

.widget.motorsport_latest_issuu_widget li {
    border-top: 1px solid #ffba00;
    padding: 10px 0;
}

.widget.motorsport_latest_issuu_widget li:last-child {
    border-bottom: 1px solid #ffba00
}

.widget.motorsport_latest_issuu_widget h5 {
    font-weight: 400;
    margin-bottom: 5px;
}

.widget.motorsport_latest_issuu_widget p {
    font-size: 0.750rem;
    line-height: 1.5;
    margin: 0;
    padding-right: 5px;
}

.widget.motorsport_latest_issuu_widget iframe,
.widget.motorsport_latest_issuu_widget img {
    width: 42.6666666667%;
    float: left;
    min-height: 241px;
}

.home-wrapper {
    width: 100%
}

.gutter-bottom {
    margin-bottom: 2.000em !important
}

[class*="column"] + [class*="column"]:last-child {
    float: left
}

/* overwrites main.css */

.widget h2 a:hover {
    background-image: none
}

.widget h2 a {
    padding-right: 0
}

.hero-container ul {
    margin: 0
}

.hero-container {
    width: 100%;
    height: 312px;
    overflow: hidden;
    margin: 0 0 32px 0 !important;
    position: relative;
}

.hero-container .navigate-slides li {
    display: inline-block;
    float: right;
    margin: 0 0 0 8px;
}

.home-carousel .orbit-container .orbit-next span {
    width: 33px;
    height: 32px;
    display: block;
    background-size: 32px !Important;
    background: url(iconography/paginate-right.png) no-repeat;
}

.home-carousel .orbit-container .orbit-prev span {
    width: 32px;
    height: 32px;
    display: block;
    background-size: 32px !Important;
    background: url(iconography/paginate-left.png) no-repeat;
}

.home-carousel .owl-buttons a span {
    display: none
}

.home-carousel li {
    height: 312px;
    width: 100%;
}

.home-carousel .orbit-container .orbit-prev,
.home-carousel .orbit-container .orbit-next {
    bottom: 15px;
    right: 25px;
    position: absolute;
    z-index: 999;
    opacity: .5;
}

.orbit-container .orbit-prev:hover,
.orbit-container .orbit-next:hover {
    opacity: 1;
    background: transparent;
}

.orbit-container .orbit-prev,
.orbit-container .orbit-next {
    top: auto;
    margin-top: 0;
    width: 32px;
    height: 32px;
}

.orbit-container .orbit-prev>span,
.orbit-container .orbit-next>span {
    border: none
}

.orbit-container .orbit-prev,
.orbit-container .orbit-next {
    left: auto
}

.home-carousel .orbit-container .orbit-prev {
    margin-right: 25px
}

.motorsport_writer_widget,
.motorsport_hof_inductee_widget {
    border-bottom: 1px solid #DADADA;
    padding: 8px 0;
}

/* try a different method, :first-child wasn't working */

.home-widget h2 + .motorsport_writer_widget,
.home-widget h2 + .motorsport_hof_inductee_widget {
    padding-top: 0
}

.motorsport_writer_widget p,
.motorsport_hof_inductee_widget p {
    margin-bottom: 0;
    font-size: .8em;
    line-height: 1.4;
}

.ms .role {
    margin-bottom: 0
}

.motorsport_writer_widget h5,
.motorsport_hof_inductee_widget h5 {
    margin-bottom: 4px
}

.motorsport_writer_widget .column:last-child,
.motorsport_hof_inductee_widget .column:last-child {
    padding-left: 8px
}

.motorsport_writer_widget img,
.motorsport_hof_inductee_widget img {
    border-left: 8px solid #ffba00
}

.home-carousel .hero-container .hero-slide {
    position: relative;
    height: 100%;
}

.hero-container .hero-slide {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #000;
}

.hero-container .hero-slide img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=68)";
}

.right .motorsport_double_click_widget div {
    text-align: center
}

.faqSection {
    margin: 8px 0 24px 0
}

.faqSection .faq {
    margin: 0 0 8px 0
}

.faqSection .faq h3 {
    font-size: 1.2em;
    margin: 0 0 8px 0;
}

.faqSection .faq h3 img {
    margin: 0 0 0 8px
}

.faqSection .faq p {
    display: block;
    font-size: .9em;
    line-height: 1.4em;
}

.hero-container .gradient-overlay.no-text {
	background: none;
}

.hero-container .gradient-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -9999;
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.72) 100%);
}

.hero-container .hero-slide .contents {
    position: absolute;
    width: 40%;
    padding: 24px 24px 24px 0;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 2;
    text-shadow: 0 0 3px rgba(0,0,0,.32);
}

.hero-container .hero-slide .contents p,
.hero-container .hero-slide .contents a {
    color: #FFF;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.32);
}

.hero-container .hero-slide .contents .heading {
    font-size: 2.1em;
    margin: 0;
}

.hero-container .hero-slide .contents .article-excerpt {
    line-height: 1.4em;
    font-size: .9em;
}

/* overrides main.css */

.widget h2 a {
    background: none
}

footer .widget {
    float: left;
    padding-left: 1.000em;
}

/* home carousel */

.home-carousel .hero-container {
    /*height: auto*/
}

.home-carousel .motorsport_issuu_widget p {
    padding-right: 20px
}

.home-carousel .motorsport_issuu_widget .media,
.home-carousel .motorsport_issuu_widget .text {
    float: left;
    width: 50%;
    height: 100%;
}

.home-carousel .motorsport_issuu_widget .media iframe {
    width: 100%;
    height: 100%;
}

.home-carousel {
    width: 100%
}

/* home carousel */

.motorsport_themed_posts h2,
.motorsport_hof_latest_posts_from_main_site h2 {
    margin-bottom: 0 !important;
    border: none !important;
}

.motorsport_themed_posts .contents,
.motorsport_hof_latest_posts_from_main_site .contents {
    margin-bottom: 0 !important;
    padding: 0;
}

.motorsport_themed_posts .inset a,
.motorsport_hof_latest_posts_from_main_site .inset a {
    color: #fff
}

.motorsport_themed_posts a.gradient-overlay,
.motorsport_hof_latest_posts_from_main_site a.gradient-overlay {
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.72) 100%);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.motorsport_themed_posts .contents.inset,
.motorsport_hof_latest_posts_from_main_site .contents.inset {
    position: relative;
    height: 160px;
}

.motorsport_themed_posts .article-meta,
.motorsport_hof_latest_posts_from_main_site .article-meta {
    padding: 16px
}

.motorsport_themed_posts,
.motorsport_hof_latest_posts_from_main_site {
    border-left: 8px solid #ffba00;
    border-bottom: 1px solid #ffba00;
}

.motorsport_themed_posts .inset .article-meta,
.motorsport_hof_latest_posts_from_main_site .inset .article-meta {
    margin-bottom: 0;
    z-index: 1;
    position: absolute;
    color: #fff;
    bottom: 16px;
    padding: 0 16px;
}

.motorsport_themed_posts .contents:last-child,
.motorsport_hof_latest_posts_from_main_site .contents:last-child {
    border-top: 1px solid #ffba00
}

.motorsport_themed_posts h4,
.motorsport_hof_latest_posts_from_main_site h4 {
    font-size: 0.875rem;
    line-height: 1.2;
}

.motorsport_themed_posts h3,
.motorsport_hof_latest_posts_from_main_site h3 {
    font-size: 1.125rem;
    line-height: 1.2;
}

.ms article h2 {
    margin-bottom: 5px
}

.ms h4.excerpt {
    font-size: 1.125em
}

.entry img.left {
    margin-right: 10px
}

.motorsport_latest_issuu_widget .media {
    display: none
}

.widget.motorsport_latest_issuu_widget ul {
    display: 100%;
    float: none;
}

.article-content .exclusiveContent {
	background-color: #7fa792;
	border: solid 1px rgba(0,88,50,1);
	border: solid 1px rgb(0,88,50);
	color: white;
	padding: 11px;
	text-align: center;
	margin-bottom: 20px;
}

.article-content .exclusiveContent p {
	margin: 0;
	color: #fff;
}

.entry .question {
	font-family: 'Roboto', sans-serif;
}

.ms .article-content p.question {
	font-size: 1.2rem;
}

.ms .answer {
	width: 100%;
}


.home-widget:last-child {
	margin-bottom: 1.000em;
}

.entry ul li,
.article-body ul li {
	list-style-type: square;
}

.entry a,
.article-body a {
	font-weight: bold;
}

.call-us {
	background-color: rgb(0,88,50);
	padding: 16px;
	text-align: center;
}

.call-us h4 {
	text-transform: uppercase;
	color: #fff;
}

.call-us .tel {
	color: #ffba00;
	font-size: 1.4375rem;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
}

.insurance-menu {
	margin-bottom: 1.875em;
}

.insurance-disclaimer {
	padding: 10px 0 0 0;
	border-top: 2px solid #ffba00;
	border-bottom: 2px solid #ffba00;
}

.insurance-disclaimer p {
	font-size: 0.875em;
}

.gallery ul li {
	list-style-type:none;
}

#infscr-loading {
	text-align: center;
	padding: 0 0 20px 0;
}

.post-end {
	color: rgba(0,88,50,1);
	color: rgb(0,88,50);
}

.ms .related-excerpt p {
	font-size: 0.750em;
	margin-bottom: 1.500em;
}

.related-excerpt p {
	margin-top: -5px;
}

.ms .related-articles h4.excerpt {
	font-size: 1.000em;
}

.ms .related-articles .article-meta {
	line-height: 1;
	padding-top: 2px;
}

.ms .related-articles p {
	margin-bottom: 0.875em;
}

.related-articles .article-listing  {
	border-bottom: 1px solid #b7b7b7;
	margin-bottom: 0.875em !important;
}

.ms .most-recent-comment-heading {
	margin-top: 24px;
}

.ms .top-bar-section ul.left {
    background: #022b16;
}

.ms .hentry .entry {
    margin-bottom: 1em;
}

.orbit-container {
    z-index: 1;
}

@media only screen and (max-width: 1024px) {

 
	
	[class*="column"] + [class*="column"]:last-child {
		float: left
	}
	
	.sidebar-1 {
		float: left;
		max-width: 100%;
		width: 100%;
	}
	
	.sidebar-1 .commercial-space:first-of-type {
		float: right;
		margin: 24px 0 24px 24px;
	}
	
	.subs-message ul {
		width: 100%
	}
	
	.issuu {
		position: absolute;
		top: 0;
		right: 0;
	}
	
	.archive-box {
		float: left
	}
	
	.fb-like-box {
		float: right
	}
	
	.ms .website-footer .legal-footer .statement p {
		text-align: left;
		margin: 24px 0 0 0;
	}

}


@media only screen and (max-width: 720px) {
	
	[class*="column"] + [class*="column"]:last-child {
		float: left
	}
	
	.article-listing .listing {
		width: 49%;
		float: left !important;
		margin-right: 0;
	}
	
	.article-listing .listing:nth-of-type(odd) {
		margin-right: 2%
	}
	
	.gallery-portal {
		width: 49%;
		float: left !important;
	}
	
	.gallery-portal:nth-of-type(2n) {
		margin-right: 0
	}
	
	.gallery-portal:nth-of-type(3n) {
		margin-right: inherit
	}
	
	/*.hero-container { display:none; }_NO__DOTCOMMA__AFTER__*/
	
	.hero-container .hero-slide .contents {
		width: 95%
	}
	
	.ms .article-listing .listing:nth-child(3) {
		width: 100% !important;
		margin-right: 0;
	}
	
	.ms .article-listing .listing:nth-child(3) .related-thumbnail {
		float: left;
		width: 49%;
		margin-right: 2%;
	}
	
	.ms .article-listing .related-thumbnail img {
		width: 100%
	}
	
	.listing.small-4:first-child .related-thumbnail,
	.listing.small-4:last-child .related-thumbnail,
	.listing .related-thumbnail {
		margin: 0
	}

}

@media only screen and (max-width: 400px) {

	
	[class*="column"] + [class*="column"]:last-child {
		float: left
	}
	
	.ms .article-listing .listing:nth-child(3) {
		width: 100% !important;
		margin-right: 0;
	}
	
	.ms .article-listing .listing:nth-child(3) .related-thumbnail {
		float: none;
		width: 100%;
	}
	
	.ms .article-listing .related-thumbnail img {
		width: 100%
	}
	
	.article-listing .listing {
		width: 100%;
		margin-right: 0;
	}
	
	.gallery-portal,
	.longform-portal {
		width: 100%;
		margin-right: 0;
	}
	
	.feature-list,
	.avatar-list {
		width: 100%;
		margin-right: 0;
	}

}

/****** MEDIUM ******/
@media only screen and (min-width: 40.063em) {

	.ms form input[type=submit] {
        width: 30%;
    }
	
	.ms .article-content p.clearing-caption {
		top: auto !important;
		bottom: 0 !important;
	}

.ms a img:hover {
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}	
	
.ms a,
.ms a img {
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
	 

	
	[class*="column"] + [class*="column"]:last-child {
		float: left
	}
	
	.ms .share-left .share-button {
		margin-top: 5px
	}
	
	.ms .share-left .share-button {
		float: none
	}
	
	.ms .share-bar h5 {
		display: inline-block;
		float: left;
	}
	
	.ms .advertisement {
		padding-left: 1.000em;
		text-align: right;
	}
	
	.ms .share-left {
		position: absolute
	}
	
	.ms .article-body img {
		float: none;
		margin-left: 0;
	} 
	
	.logo {
		padding: 20px 0 0 0
	}
	
	.pull-out {
		width: 40% !important
	}
	
	.pull-out.left {
		margin: 0 1.250em 1.500em 0;
		float: left !important;
	}
	
	.pull-out.centre {
		float: none;
		margin: 0 auto;
		/*width: 75% !important;*/
	}
	
	.pull-out.right {
		margin: 0 0 1.500em 1.250em;
		float: right !important;
	}

    .gallery .visible-img img {
        max-height: 85%;
    }

} /* min-width 641px, medium screens */

/****** LARGE ******/
@media only screen and (min-width: 64.063em) { 

	.ms .page {
	  	/*width: 1024px;
  		margin: 0 auto 0 auto;
		padding-top: 1.875em;*/
		max-width: 1024px;
		margin: 1.875em auto 0;
	}

	.ms .top-bar-section ul.search {
		width: 25%
	}
	
	.top-bar-section ul.sub-menu {
		position: absolute;
		left: 0;
	}
	
	.ms .top-bar-section .has-form,
	.ms .top-bar {
		height: 50px
	}
	
	.ms .top-bar {
		line-height: 50px
	}
	
	.ms .top-bar-section li:not(.has-form) a:not(.button) {
		line-height: 50px
	}


	.comments-form input[type=text] {
		width: 50%
	}

    .comments-form input[type=text].full-width {
        width: 100%;
    }

	.motorsport_recent_posts_by_category:last-child .feature-list,
	.ms .home-wrapper .home-widget:last-child {
		padding-left: .500em;
		padding-right: 0;
	}
	
	.motorsport_latest_issuu_widget .media {
		display: block
	}
	
	.widget.motorsport_latest_issuu_widget ul {
		width: 57.3333333333%;
		float: left;
	}
	
	.logo.large-pull-9 {
		right: 74% !important
	}
	
	.advertisement.large-push-3 {
		left: 26% !important
	}
	
	.logo.large-3 {
		width: 26%!important
	}
	
	.advertisement.large-9 {
		width: 74%!important
	}
	
	[class*="column"] + [class*="column"]:last-child {
		float: left
	}
	
	.ms .page {
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
	}
	
	.ms .advertisement {
		padding-bottom: 0
	}
	
	/* 
		-- This was breaking the layout, yo --
		.ms .large-8 {
			width: 68.75%
		}
		*/
	
	.ms .left.large-8 {
		width: 68.75%
	}
	
	.ms .right.large-4 {
		width: 29.296875%
	}

	
} /* min-width 1025px, large screens */


	.ms .article-content p.clearing-caption {
		color: #fff;
		background: rgba(0,88,50,1);
		background: rgb(0,88,50);
		margin-bottom: 0;
		padding: 1.000em;
		top: 0;
		bottom: auto;
	}
	
	.ms .article-content p.clearing-caption a {
		color: #ffba00;
	}
	
	.motorsport_facebook {
		height: 290px;
		max-height: 290px;
	}
	

.article-footer .related-thumbnail {
	padding-right: 1.000em !important;
}

.clearing-thumbs li, [data-clearing] li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.related-thumbnail .comments.comments-closed {
	background: none;
}

.related-thumbnail .comments.comments-closed:after {
	content: none;
}

.motorsport_read_comments .tabs-content>.content,
.motorsport_read_comments .tabs dd>a {
	padding: 0;
}

.motorsport_read_comments .tabs-content {
	margin-bottom: 0
}

.motorsport_read_comments .tabs dd.active a {
	background: #dadada;
}

.motorsport_read_comments .tabs dd a {
	font-size: 1rem;
	font-weight: 700;
	background: #fff;
	padding: 4px 9px;
	color: rgba(0,88,50,1);
	color: rgb(0,88,50);
	border: 1px solid #dadada;
	border-bottom: none;
	font-family: "Roboto Condensed";
}

.motorsport_read_comments ol li {
	display: table;
}

.motorsport_read_comments ol li .permalink {
	display: table-cell;
	vertical-align: middle;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


.dinosour-message {
	padding:16px;
	color:#FFF;
	background:#C00;
	margin:0;
	text-align:center;
	font-size:16px;
}

.motorsport_gallery_widget .excerpt {
	float: none;
	margin-right: 20px;
	width: auto;
}

.dinosour-message strong { display:block; font-size:24px; }

#pushdown {
	/*padding-top: 14px;*/
}

.motorsport_popup_notice_widget  {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 99;
	display: none;
}

.motorsport_popup_notice_widget .widget_popup_content {
	border-left: 8px solid #ffba00;
	padding: 10px;
	background: rgba(0,88,50,1);
  	background: rgb(0,88,50);
	color: #dadada;
}

.motorsport_popup_notice_widget .widget_popup_content p {
	line-height: 1;
  	margin: 0 0 8px 0;
} 

.motorsport_popup_notice_widget .widget_popup_title {
	background: #dadada;
	padding: 5px 5px 5px 10px;
	border-left: 8px solid #ffba00;
	font-weight: bold;
	color: rgba(0,88,50,1);
 	color: rgb(0,88,50);
	min-height: 32px;
}

.motorsport_popup_notice_widget .widget_popup_dismiss {
	cursor: pointer;
	padding-right: 10px;
	float: right;
}

.next-prev-posts-links .listing {
	width: 40%;
	margin: 0 0 24px 0;  
	
}

.next-prev-posts-links .listing:nth-of-type(2n) {
  margin-right: 0;
}

.article-footer .listing .related-thumbnail {
	padding: 0 !important;
}

.ms .event-meta-box {
	padding: 0;
	margin: 0 0 1.000em 0;
}

.ms .event-meta:last-child {
	padding-bottom: .5000em;
}

.ms .event-meta {
	background-color: #eaeaea; 
	padding-top: .500em;
}

.ms .event-meta-box header,
.ms .event-meta-box footer {
	background-color: #dadada;
	padding: 1.000em;
}

.ms .event-meta-box {
	font-size: 0.875em;
}

.tribe-events-event-meta {
	padding: 0;
}

.pds-answer-input {
    float: left;
}

.pds-input-label {
    float: left;
    width: 90%;
    margin-bottom: 5px;
}

.background-skin {
	background-position: center top;
	background-repeat: no-repeat;
}

.background-skin.background-skin-historic-racing {
	background-image: url('../images/skins/pebble-beach-fireplace-900x300px.gif');
}

@media only screen and (max-width: 1624px) {

	.background-skin.background-skin-historic-racing {
		background-image: url('../images/skins/pebble-beach-fireplace-168px.gif');
	}

} 

@media only screen and (max-width: 1356px) {

	.background-skin.background-skin-historic-racing {
		background-image: url('../images/skins/pebble-beach-fireplace-128px.gif');
	}

}

@media only screen and (max-width: 1024px) {

	.background-skin.background-skin-historic-racing {
		background-image: none;
	}

}