/* Element Styles */

body {font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 400; padding: 15px 20px !important; max-width: 1200px; margin: 0 auto; color: #333; line-height: 20px !important; }

a { outline: none !important; color: #333 !important; text-decoration: none !important; }
    a:hover { color: #D23900 !important; text-decoration: none !important; }

ul { list-style: none; }

h1 { padding-bottom: 10px; border-bottom: 1px solid #ccc; }
    h1.normal-case { text-transform: none; }
h1, h2, h3, h4, h5 { text-transform: uppercase; font-family: Montserrat, Arial, sans-serif; }
h2 { font-size: 20px; line-height: 24px; }

.home-page-h1 { font-weight: 300; font-size: 14px; line-height: 20px; font-family: Roboto, sans-serif; text-transform: none; }

nav .navbar .navbar-inner .container-fluid li a { font-family: Montserrat, Arial, sans-serif; }
nav .share-buttons li { vertical-align: top; }
    nav .share-buttons li span.facebook { background: transparent; width: 115px; display: inline-block; padding: 5px 0 0 5px; }

div.navbar-inner form.mobile-search { display: none; }

header .logo-container .logo img.thumbnail { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
header .logo-container a { display: inline-block; vertical-align: top; }
    header .logo-container a p { color: #333; font-size: 24px; font-weight: bold; text-transform: uppercase; font-family: Montserrat, Arial, sans-serif; }
        header .logo-container a p span { color: #ccc; font-size: 14px; font-weight: normal; }

input[type=text] { margin-bottom: 0; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; -moz-box-shadow: inset 2px 2px 12px #e3e3e3 !important; -webkit-box-shadow: inset 2px 2px 12px #e3e3e3; box-shadow: inset 2px 2px 12px #e3e3e3; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 135, Color = '#e3e3e3')"; filter: progid:DXImageTransform.Microsoft.Shadow(strength = 2, direction = 135, color = '#e3e3e3'); height: 28px; }

article ul { list-style: disc; }    
article .image { margin-bottom: 20px; }

/* End Element Styles*/

.ad { margin-bottom:15px; }

.sideToSideAd { height: 250px; }
    .sideToSideAd .ad300x250, .sideToSideAd div { float: left; margin-right: 15px; }

.links { margin-top: 20px; }
    .links h4 { clear: both; }
    .links ul { margin: 0 0 15px; overflow: hidden; }
        .links ul li { float: left; margin-right: 15px; }
            .links ul li a { color: #666 !important; font-weight: normal; }

.pulsate-text { -webkit-animation: pulsate 3s ease-out; -moz-animation: pulsate 3s ease-out; -o-animation: pulsate 3s ease-out; animation: pulsate 3s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; }

@-webkit-keyframes pulsate {
    0% { color: #F19700; }
    50% { color: #D23900; }
    100% { color: #F19700; }
}

@-moz-keyframes pulsate {
    0% { color: #F19700; }
    50% { color: #D23900; }
    100% { color: #F19700; }
}

@keyframes pulsate {
    0% { color: #F19700; }
    50% { color: #D23900; }
    100% { color: #F19700; }
}

.margin-bottom10 { margin-bottom: 30px !important; }
.margin-bottom20 { margin-bottom: 30px !important; }
.margin-bottom30 { margin-bottom: 30px !important; }

.nav > li > a:hover, .nav > li > a:focus,
.navbar .nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:focus { background: none; color: #333; }

.nav-search .nav > li > a,
.nav-search .dropdown-menu a,
.nav-search .nav > li > a:focus,
.nav-search .dropdown-menu a:focus { background: none; color: #333; }

.navbar-inner { padding-left: 5px; padding-right: 5px; }
.navbar .btn-navbar { padding-top: 4px; padding-bottom: 4px; }

.nav a:hover,
.nav a:focus { background: none; }

.headline-blurb { text-transform: uppercase; }

.more-christian-links { border-top: 1px solid #CCC; padding-top: 15px; margin-top: 15px; }

    .more-christian-links .column ul { margin-bottom: 0; }

.article-mini { padding: 0 5px; border-bottom: 1px solid #fff; margin-bottom: 10px; }
    .article-mini .article-meta { border-bottom: 1px solid #f1f1f1; padding: 0; margin-bottom: 10px; }
    .article-mini h2 { margin-bottom: 0; text-transform: none; }
    .article-mini time { font-weight: 300; }
    .article-mini .article-topics { margin-bottom: 0 !important; }
        .article-mini .article-topics a { font-weight: 300; }
        .article-mini .article-topics li { padding-left: 0; padding-right: 10px; }
    .article-mini .article-content { font-weight: 300; overflow: hidden; }

.top-topics { margin-top: 25px; }

.medium-image-container { min-width: 115px; padding-left: 0; }
    .medium-image-container img { max-height: 120px; max-width: 84px; }

.arrow-list { margin-left: 0 !important; }
    .arrow-list li { padding-bottom: 5px; background: url(images/icons/bullet.png) left top no-repeat; background-size: 8px 8px; padding-left: 10px; background-position: 0 0.5em; }

.gray-box { background: #f4f4f4; padding: 0 5px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; }
.gray-box-line { border-top: 1px solid #ccc; background: #fafafa; padding: 5px; }

.thumbnail { padding: 0 !important; border: none !important; border-radius: 0 !important; margin: 0 auto; }

.fb-comments { width: 100% !important; }
    .fb-comments .fb_iframe_widget { display: inherit !important; }
    .fb-comments iframe[style] { width: 100% !important; }
    .fb-comments span { width: 100% !important; position: inherit !important; }
    .fb-comments iframe span[style] { width: 100% !important; }

.share-box-container { border-bottom: 1px solid #CCC; float: left; width: 120px; margin-bottom: 10px; margin-right: 20px; }
    .share-box-container .share-row { overflow: hidden; margin-bottom: 3px; }
        .share-box-container .share-row .share-column { width: 60px; float: left; }
    .share-box-container .fb-comments-bubble { position: relative; width: 58px; height: 31px; text-align: center; line-height: 30px; background-color: #fff; border: 1px solid #CCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; font-size: 16px; }
        .share-box-container .fb-comments-bubble:before { content: ' '; position: absolute; width: 0; height: 0; left: 22px; top: 29px; border: 6px solid; border-color: #CCC transparent transparent; }
        .share-box-container .fb-comments-bubble:after { content: ' '; position: absolute; width: 0; height: 0; left: 24px; top: 29px; border: 4px solid; border-color: #FFF transparent transparent; }
    .share-box-container .fb-comments-button { font-size: 10px; border: 1px solid #CCC; padding: 2px 4px; color: #4682B4 !important; }
    .share-box-container .button { color: #4682B4 !important; font-weight: bold; font-size: 12px; padding-left: 23px; }
        .share-box-container .button.print { background: url(images/icons/print-icon.png) 0 0 no-repeat; }
        .share-box-container .button.email { background: url(images/icons/email-icon.png) 0 3px no-repeat; }

.top-bar-container { background: none repeat scroll 0 0 #F7F7F7; border-bottom: 1px solid; box-shadow: 0 0 6px #000000; content: ""; height: 45px; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 9999; text-align: center; }
    .top-bar-container.hidden-bar { visibility: hidden; top: -999px; }
    .top-bar-container .inner-bar { width: 100%; max-width: 1200px; min-width: 320px; display: inline-block; text-align: left; padding: 0 20px; }
        .top-bar-container .inner-bar .logo-container { padding-top: 5px; float: left; max-width: 100px; margin-right: 20px; }
            .top-bar-container .inner-bar .logo-container .logo img { height: 30px; margin-right: 5px; margin-bottom: 100%; }
        .top-bar-container .inner-bar h2 { float: left; max-width: 630px; line-height: 15px; margin-bottom: 5px; margin-right: 20px; font-size: 12px; margin-top: 5px; }
        .top-bar-container .inner-bar .share-buttons { float: left; margin: 5px 0; }
            .top-bar-container .inner-bar .share-buttons .share-item { float: left; min-width: 90px; line-height: 14px; }
        .top-bar-container .inner-bar .go-to-top { display: table; height: 100%; background-color: #000; top: 0; bottom: 0; right: 0; width: 60px; cursor: pointer; position: absolute; text-align: center; }
            .top-bar-container .inner-bar .go-to-top span { display: table-cell; vertical-align: middle; color: #FFF; font-size: 25px; }


.email-share { background: url("images/icons/email-icon.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0); color: #4682B4; font-size: 12px; font-weight: bold; padding-left: 23px; }

.navbar-search .search-query { background: transparent url(images/icons/search-icon.gif) center right no-repeat; }

.solr-returned-results { font-weight: bold; }
    .solr-returned-results a { color: #666666 !important; }

.article-mini .article-content .highlight em { background: none repeat scroll 0 0 #F89406; color: #000000; padding: 0 3px; font-style: normal !important; }

.did-you-mean { font-weight: bold; font-style: italic; }

.side-bar-hidden { display: none; }

.article-image-features .side-bar-container { position: relative; margin-bottom: 10px; }
    .article-image-features .side-bar-container .side-bar-spotlight-title { position: absolute; top: 0; left: 0; height: 100%; background-color: #333333; opacity: 0.85; }
        .article-image-features .side-bar-container .side-bar-spotlight-title span { padding: 10px; display: block; color: #ffffff; font-size: 24px; line-height: 25px; font-weight: bold; text-align: left; }

/* --- Columnist Feature --- */
.columnist-feature-container{ border-top:1px solid #CCCCCC; padding:10px 0px 10px 0px; overflow: hidden;}
.columnist-feature-image{ float:left !important; }
.columnist-feature-image img{ max-width: 55px; max-height: 66px; margin-right: 10px; }
.columnist-feature-description{  }
.columnist-feature-author{ padding:0px 10px 0px 10px;}
    .columnist-feature-author a{ text-transform: uppercase; color:#E68000;}
.columnist-feature-title{ padding:0px 10px 0px 10px; font-size:14px; font-weight:bold;}
	.columnist-feature-title A:link { text-decoration:none; font-size: 14px; font-weight: bold;}
	.columnist-feature-title A:visited { text-decoration:none; font-size: 14px; font-weight: bold;}
	.columnist-feature-title A:active { text-decoration:none; font-size: 14px; font-weight: bold;}
	.columnist-feature-title A:hover { text-decoration:none; font-size: 14px; font-weight: bold; color:#E68000;}

.side-bar .side-bar-small-ad { margin-bottom: 10px; }

.article-mini .article-content .article-image img { width: 100%; }

.horizontal-share-bar div { max-width: 95px; float: left !important; }

article .content hr.article-topics-hr { margin-top: 10px; margin-bottom: 10px; }

#footer { background: lightgray; color: white; padding: 20px; text-align: center; width: 100%; }

div.Footer_Main_Container { margin-top: 20px; }
    div.Footer_Main_Container div.Description { min-height: 0; }
    div.Footer_Main_Container div.Copyright { margin-top: 10px; }
    div.Footer_Main_Container ul { margin-left: 0; }
        div.Footer_Main_Container ul li { float: left; padding-right: 10px; }

div.cross-site-feeds-grid { font-size: 16px; font-weight: bold; }
    div.cross-site-feeds-grid h2 { margin-bottom: 0; }
div.cross-site-feeds-grid-item { margin-bottom: 10px; }
div.cross-site-feeds-container { position: relative; height: 100%; margin-bottom: 5px; }
    div.cross-site-feeds-container img { height: 133px; width: 100%; margin-bottom: 10px; }
div.cross-site-feeds-grid-no-image { padding: 5px 0; border-top: 1px solid #cccccc; }

         
div.topics-filter span.add-on { height: 100%; }
div.topics-filter input { height: 30px; }

div.slideshowPagination { padding: 10px 0; }
    div.slideshowPagination .slideNumber { font-weight:bold; line-height:38px; }
    div.slideshowPagination .skipAd { font-weight: bold; line-height: 38px; color: #999; }

.feature-box iframe { width: 100%; }

article .image { margin: 15px 0; }
        article .image img.thumbnail { margin: 0; }
    article .content { padding: 25px 0; font-size: 18px; line-height: 24px; font-weight: 400}
        article .content a { color: #d23900 !important; }
            article .content a:hover { text-decoration: underline !important; }
        article .content .article-topics a { color: #333333 !important; font-size: 14px; }
            article .content .article-topics a:hover { text-decoration: none !important; color: #d23900 !important; }
        article .content p { margin-bottom: 20px !important; }
        article .content b, article .content strong { font-weight: bold !important; }

    article .content-video { padding: 25px 0 0 0; font-size: 18px; line-height: 24px; }
        article .content-video a { color: #d23900 !important; }
            article .content-video a:hover { text-decoration: underline !important; }
        article .content-video .article-topics a { color: #333333 !important; font-size: 14px; }
            article .content-video .article-topics a:hover { text-decoration: none !important; color: #d23900 !important; }
        article .content-video p { margin-bottom: 20px !important; }
        article .content-video b, article .content-video strong { font-weight: 400 !important; }

/* Large desktop */
@media (min-width: 1200px) {
    .advertisement2 { width: 300px; }

    header .logo-container { padding-top: 10px; }
        header .logo-container .logo { float: left !important; }
            header .logo-container .logo img { height: 74px; margin-right: 5px; }
        header .logo-container .logo-words { /*float: left !important; width: 50% !important;*/ }
            header .logo-container .logo-words p { font-size: 36px; padding-top: 7px; letter-spacing: -1px; }
                header .logo-container .logo-words p span { font-size: 18px; }

    nav { margin-top: 15px; }
        nav .navbar { margin-bottom: 10px; }
    .navbar .navbar-inner { border: none; background: none; box-shadow: none; padding-left: 0; padding-right: 0; }
        .navbar .navbar-inner .container-fluid { padding-left: 0; padding-right: 0; }
            .navbar .navbar-inner .container-fluid li { padding-left: 0; }
                .navbar .navbar-inner .container-fluid li a { padding-left: 0; font-size: 22px; }

    nav .share-buttons { text-align: right; }
        nav .share-buttons li { padding: 0 2px 0 0; }
            nav .share-buttons li a { width: 30px; height: 30px; display: inline-block; }
            nav .share-buttons li span.facebook { background: transparent; width: 115px; display: inline-block; padding: 4px 0 0 5px; }
            nav .share-buttons li a.twitter { background: url(images/icons/Buttons-Facebook-Twitter-Google-RSS-Email.png) -30px 0 no-repeat; }
                nav .share-buttons li a.twitter:hover { background-position: -30px -30px; }
            nav .share-buttons li a.google-plus { background: url(images/icons/Buttons-Facebook-Twitter-Google-RSS-Email.png) -60px 0 no-repeat; }
                nav .share-buttons li a.google-plus:hover { background-position: -60px -30px; }
            nav .share-buttons li a.rss { background: url(images/icons/Buttons-Facebook-Twitter-Google-RSS-Email.png) -90px 0 no-repeat; }
                nav .share-buttons li a.rss:hover { background-position: -90px -30px; }
            nav .share-buttons li a.email { background: url(images/icons/Buttons-Facebook-Twitter-Google-RSS-Email.png) -120px 0 no-repeat; }
                nav .share-buttons li a.email:hover { background-position: -120px -30px; }

    .hot-topics { background: #F7F7F7; border-top: 1px solid #dddddd; border-right: none; margin-bottom: 10px; }
        .hot-topics .navbar { margin-bottom: 0; }
            .hot-topics .navbar .navbar-inner .container-fluid li a { padding-left: 0; font-size: 16px; }
        .hot-topics .navbar-text { background: #EDEDED; padding-left: 10px; padding-right: 10px; color: #D23900; -webkit-text-shadow: 0 0 2px #aaa; text-shadow: 0 0 2px #aaa; font-size: 18px; text-transform: uppercase; font-weight: 700; text-align: center; }
        .hot-topics .navbar form { padding-right: 5px; }
        .hot-topics ul li a { font-size: 18px; }
    .top-topics { background: #F7F7F7; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
        .top-topics div { padding: 0 20px; }

    .column { min-width: 300px; }
        .column h2 { font-size: 22px; }
            .column h2 a.topics-rss { margin-left: 5px; padding-right: 10px; background: url("images/icons/rss.png") no-repeat scroll left 50% rgba(0, 0, 0, 0); }
        .column ul { list-style: none; padding-left: 0; }
            .column ul li { padding-bottom: 5px; background: url(images/icons/bullet.png) left top no-repeat; background-size: 8px 8px; padding-left: 15px; background-position: 0 0.5em; }
                .column ul li a { font-weight: 400; font-size: 16px; }

        .mini-column h3 { font-size: 16px; }
        .mini-column article { padding-bottom: 5px; overflow: hidden; min-height: 200px; }
            .mini-column article h3 { line-height: 18px !important; text-transform: none !important; font-weight: 300; font-size: 16px; }
            .mini-column article img { max-height: 100px; min-width: 100%; }

    .feature-box-white { background: #fff; margin-bottom: 30px; overflow: hidden; }
    .feature-box { background: #f7f7f7; margin-bottom: 30px; overflow: hidden; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; }
        .feature-box article h2 { text-transform: none !important; }
        .feature-box-white p, .feature-box p { font-weight: 300 !important; }
        .feature-box-white ul li a, .feature-box ul li a { font-weight: 300 !important; }
            .feature-box-white ul li a.large, .feature-box ul li a.large { font-size: 18px; }
        .feature-box .videoPlayer { padding: 5px; }

    .side-bar .headline-blurb { font-size: 18px; color: #444; }
    .side-bar h3 { font-size: 20px; }
    .side-bar h4 { font-size: 18px; }
    .side-bar > div { padding-bottom: 10px; }
    .side-bar .about-site { font-weight: 300; }
    .side-bar .span6.side-bar-small-ad { float: left; max-width: 50%; }
        
    .related-articles { border-top: 1px solid #ccc; padding-top: 10px; margin-top:20px; }
        .related-articles a { max-width: 160px; font-weight: 500; }

    .pagination-bar { padding-top: 15px; padding-bottom: 15px; }

    .feature-slides { margin-top: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px; }

        .feature-slides img { max-width: 100%; }

        .feature-slides .slide-xxlarge { position:relative; }            
            .feature-slides .slide-xxlarge a img { width:100%; }
                .feature-slides .slide-xxlarge a img.imageBack { position:absolute; z-index:10; height:100%; }
                .feature-slides .slide-xxlarge .tag { background: #d23900; color: #fff; font-weight: 500; font-size: 35px; padding: 15px 10px; margin-bottom: 7px; text-transform: uppercase; position:absolute; top:0; left:0; }
                .feature-slides .slide-xxlarge .slide-title { font-weight: bold; font-size: 30px; padding: 15px; color:#fff; position:absolute; bottom:0; left:0; z-index:15; line-height:35px; }

                .feature-slides .slide-xxlarge-noImage, .feature-slides .slide-xlarge-noImage { text-align: center; width: 100%; }
                    .feature-slides .slide-xxlarge-noImage .tag, 
                    .feature-slides .slide-xlarge-noImage .tag { display: inline-block; background: #d23900; color: #fff; font-weight: 500; font-size: 35px; padding: 15px 10px; margin-bottom: 7px; text-transform: uppercase; }
                    .feature-slides .slide-xxlarge-noImage .slide-title,
                    .feature-slides .slide-xlarge-noImage .slide-title { display: block; font-weight: bold; font-size:30px; line-height:35px; }

        .feature-slides .slide-xlarge .tag { background: #d23900; color: #fff; font-weight: 500; font-size: 36px; display: inline-block; padding: 15px 10px; margin-bottom: 7px; text-transform: uppercase; }
        .feature-slides .slide-xlarge .slide-title { font-weight: 500; font-size: 24px; padding-top: 10px; }
        .feature-slides .slide-large { position: relative; }

            .feature-slides .slide-large p { font-size: 22px; margin-top: 10px; }
            .feature-slides .slide-large .tag { position: absolute; top: 0; left: 0; background: #d23900; color: #fff; font-weight: 500; font-size: 20px; padding: 3px 10px; text-transform: uppercase; }

            .feature-slides .slide-large-noImage p { font-size: 25px; line-height: 30px; margin-top: 10px; }
            .feature-slides .slide-large-noImage .tag { background: #d23900; color: #fff; font-weight: 500; font-size: 20px; padding: 3px 10px; text-transform: uppercase; }

        .feature-slides .slide-medium { margin-bottom: 5px; position: relative; }
            .feature-slides .slide-medium p { font-size: 20px; margin-top: 10px; }
            .feature-slides .slide-medium .tag { position: absolute; top: 0; left: 0; background: #d23900; color: #fff; font-weight: 500; font-size: 20px; padding: 3px 5px; text-transform: uppercase; }

            .feature-slides .slide-medium-noImage p { font-size: 25px; line-height: 27px; margin-top: 10px; }
            .feature-slides .slide-medium-noImage .tag { background: #d23900; color: #fff; font-weight: 500; font-size: 20px; padding: 3px 5px; text-transform: uppercase; }

        .feature-slides .slide-small { margin-bottom: 5px; position: relative; }
            .feature-slides .slide-small p { font-size: 18px; margin-top: 5px; }
            .feature-slides .slide-small .tag { position: absolute; top: 0; left: 0; background: #d23900; color: #fff; font-weight: 500; font-size: 12px; padding: 3px 5px; text-transform: uppercase; }

            .feature-slides .slide-small-noImage p { font-size: 20px; margin-top: 5px; line-height:22px; }
            .feature-slides .slide-small-noImage .tag { background: #d23900; color: #fff; font-weight: 500; font-size: 12px; padding: 3px 5px; text-transform: uppercase; }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 551px) and (max-width: 1199px) {
    header .logo-container { padding-top: 10px; min-width: 273px; }
        header .logo-container .logo img { height: 65px; margin-right: 5px; }
        header .logo-container .logo-words p { font-size: 28px; padding-top: 7px; letter-spacing: -1px; line-height: 16px; }
            header .logo-container .logo-words p span { font-size: 18px; }

    nav { margin-top: 15px; }
        nav .navbar { margin-bottom: 10px; }
    .navbar .navbar-inner { border: none; background: none; box-shadow: none; padding-left: 0; padding-right: 0; }
        .navbar .navbar-inner .container-fluid { padding-left: 0; padding-right: 0; }
            .navbar .navbar-inner .container-fluid li { padding-left: 0; }
                .navbar .navbar-inner .container-fluid li a { padding-left: 0; font-size: 20px; }
    form.navbar-search.share-search { margin-top: 0 !important; }
    .navbar .navbar-inner .nav-collapse .nav { min-width: 420px; }

    nav .share-buttons { text-align: left; }
        nav .share-buttons li { padding: 0 2px 0 0; }
            nav .share-buttons li a.sharer { width: 30px; height: 30px; display: inline-block; }
            nav .share-buttons li a.facebook { background: #4682b4; width: 135px; }

            nav .share-buttons li a.twitter { background: url(images/icons/Buttons-Facebook-Twitter-Google-RSS-Email.png) -30px 0 no-repeat; }
                nav .share-buttons li a.twitter:hover { background-position: -30px -30px; }
            nav .share-buttons li a.google-plus { background: url(images/icons/Buttons-Facebook-Twitter-Google-RSS-Email.png) -60px 0 no-repeat; }
                nav .share-buttons li a.google-plus:hover { background-position: -60px -30px; }
            nav .share-buttons li a.rss { background: url(images/icons/Buttons-Facebook-Twitter-Google-RSS-Email.png) -90px 0 no-repeat; }
                nav .share-buttons li a.rss:hover { background-position: -90px -30px; }
            nav .share-buttons li a.email { background: url(images/icons/Buttons-Facebook-Twitter-Google-RSS-Email.png) -120px 0 no-repeat; }
                nav .share-buttons li a.email:hover { background-position: -120px -30px; }

    .hot-topics { background: #F7F7F7; border-top: #ccc 1px solid; }
        .hot-topics .navbar { margin-bottom: 0; }
            .hot-topics .navbar .navbar-inner .container-fluid li a { padding-left: 0; font-size: 16px; }
        .hot-topics .navbar-text { background: #EDEDED; padding-left: 10px; padding-right: 10px; color: #D23900; -webkit-text-shadow: 0 0 2px #aaa; text-shadow: 0 0 2px #aaa; font-size: 18px; text-transform: uppercase; font-weight: 700; text-align: center; }
        .hot-topics .navbar form { padding-right: 5px; }

    .top-topics { background: #F7F7F7; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
        .top-topics div { padding: 0 20px; }

    .column { min-width: 300px; width: 100% !important; margin-left: 0 !important; }
        .column h2 { font-size: 22px; }
        .column ul { list-style: none; padding-left: 0; }
            .column ul li { padding-bottom: 5px; background: url(images/icons/bullet.png) left top no-repeat; background-size: 8px 8px; padding-left: 15px; background-position: 0 0.5em; }
                .column ul li a { font-weight: 300; font-size: 16px; }

        .side-bar .headline-blurb { font-size: 14px; color: #444; }
        .side-bar h3 { font-size: 18px; }
        .side-bar h4 { font-size: 16px; }
        .side-bar > div { padding-bottom: 10px; }
        .side-bar .about-site { font-weight: 200; }

    .feature-slides { margin-top: 15px; margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px; }

        .feature-slides img { max-width: 100%; }

        .feature-slides .slide-xxlarge { position:relative; }            
            .feature-slides .slide-xxlarge a img { width:100%; }
                .feature-slides .slide-xxlarge a img.imageBack { position:absolute; z-index:10; height:100%; }
                .feature-slides .slide-xxlarge .tag { background: #d23900; color: #fff; font-weight: 500; font-size: 25px; padding: 15px 10px; margin-bottom: 7px; text-transform: uppercase; position:absolute; top:0; left:0; }
                .feature-slides .slide-xxlarge .slide-title { font-weight: bold; font-size: 28px; padding: 15px; color:#fff; position:absolute; bottom:0; left:0; z-index:15; line-height:35px; }

                .feature-slides .slide-xxlarge-noImage, .feature-slides .slide-xlarge-noImage { text-align: center; width: 100%; }
                    .feature-slides .slide-xxlarge-noImage .tag, 
                    .feature-slides .slide-xlarge-noImage .tag { display: inline-block; background: #d23900; color: #fff; font-weight: 500; font-size: 25px; padding: 15px 10px; margin-bottom: 7px; text-transform: uppercase; }
                    .feature-slides .slide-xxlarge-noImage .slide-title,
                    .feature-slides .slide-xlarge-noImage .slide-title { display: block; font-weight: bold; font-size:28px; line-height:35px; }

        .feature-slides .slide-xlarge .tag { background: #d23900; color: #fff; font-weight: 500; font-size: 25px; display: inline-block; padding: 15px 10px; margin-bottom: 7px; text-transform: uppercase; }
        .feature-slides .slide-xlarge .slide-title { font-weight: 500; font-size: 24px; padding-top: 10px; }
        .feature-slides .slide-large { position: relative; }
            .feature-slides .slide-large p { font-size: 22px; margin-top: 10px; }
            .feature-slides .slide-large .tag { position: absolute; top: 0; left: 0; background: #d23900; color: #fff; font-weight: 500; font-size: 20px; padding: 3px 10px; text-transform: uppercase; }

            .feature-slides .slide-large-noImage p { font-size: 22px; line-height: 25px; margin-top: 10px; }
            .feature-slides .slide-large-noImage .tag { background: #d23900; color: #fff; font-weight: 500; font-size: 20px; padding: 3px 10px; text-transform: uppercase; }

        .feature-slides .slide-medium { margin-bottom: 5px; position: relative; }
            .feature-slides .slide-medium p { font-size: 20px; margin-top: 10px; }
            .feature-slides .slide-medium .tag { position: absolute; top: 0; left: 0; background: #d23900; color: #fff; font-weight: 500; font-size: 20px; padding: 3px 5px; text-transform: uppercase; }

            .feature-slides .slide-medium-noImage p { font-size: 20px; line-height: 22px; margin-top: 10px; }
            .feature-slides .slide-medium-noImage .tag { background: #d23900; color: #fff; font-weight: 500; font-size: 20px; padding: 3px 5px; text-transform: uppercase; }

        .feature-slides .slide-small { margin-bottom: 5px; position: relative; }
            .feature-slides .slide-small p { font-size: 18px; margin-top: 5px; }
            .feature-slides .slide-small .tag { position: absolute; top: 0; left: 0; background: #d23900; color: #fff; font-weight: 500; font-size: 12px; padding: 3px 5px; text-transform: uppercase; }

            .feature-slides .slide-small-noImage p { font-size: 18px; margin-top: 5px; line-height:20px; }
            .feature-slides .slide-small-noImage .tag { background: #d23900; color: #fff; font-weight: 500; font-size: 12px; padding: 3px 5px; text-transform: uppercase; }

            .feature-slides .slide-small p { font-size: 18px; }
        .feature-slides .slide-medium p { font-size: 18px; }
        .feature-slides .slide-large p { font-size: 18px; }

    .thumbnail { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; }

    .article-mini .horizontal-share-bar { margin-top: 10px; }

    .top-bar-container .logo-container { padding-top: 20px; }
        .top-bar-container .logo-container .logo img { height: 40px; }
        .top-bar-container .logo-container .logo-words p { font-size: 22px; }
            .top-bar-container .logo-container .logo-words p span { font-size: 16px; }

    .tableH3Normal{ font-size:12px; line-height:20px; }    

    .mini-column article { padding-bottom: 5px; overflow: hidden; min-height: 150px; }
}

/* Landscape phone to portrait tablet */
@media (max-width: 550px) {
    h1 { line-height: 26px !important; }

    .advertisement { margin-bottom: 10px; }

    form.navbar-search { margin-top: 0; }

    ul.share-buttons { margin-bottom: 0; }
        ul.share-buttons li:not(.visible-phone) { display: none !important; }

    header { margin-bottom: 20px; }
        header .logo-container { padding-top: 10px; }
            header .logo-container .logo { float: left !important; }
                header .logo-container .logo img { height: 40px; margin-right: 5px; }
            header .logo-container .logo-words { float: left !important; width: 50% !important; }
                header .logo-container .logo-words p { font-size: 22px; padding-top: 7px; letter-spacing: -1px; line-height: 5px; }
                    header .logo-container .logo-words p span { font-size: 18px; }

    div.side-bar .thumbnail { margin-bottom: 10px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(enabled=false)"; filter: progid:DXImageTransform.Microsoft.Shadow(enabled:false); }

    .column { min-width: 300px; }
        .column h2 { font-size: 22px; }
        .column ul { list-style: none; padding-left: 0; }
            .column ul li { padding-bottom: 5px; background: url(images/icons/bullet.png) left top no-repeat; background-size: 8px 8px; padding-left: 10px; background-position: 0 0.5em; }
                .column ul li a { font-weight: 300; font-size: 16px; }

    .feature-slides { margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px; }

        .feature-slides img { max-width: 100%; text-align: center !important; }

        .feature-slides .slide-xxlarge { position:relative; }            
            .feature-slides .slide-xxlarge a img { width:100%; }
                .feature-slides .slide-xxlarge a img.imageBack { position:absolute; z-index:10; height:100%; }
                .feature-slides .slide-xxlarge .tag { background: #d23900; color: #fff; font-weight: 500; font-size: 25px; padding: 15px 10px; margin-bottom: 7px; text-transform: uppercase; position:absolute; top:0; left:0; }
                .feature-slides .slide-xxlarge .slide-title { font-weight: bold; font-size: 28px; padding: 15px; color:#fff; position:absolute; bottom:0; left:0; z-index:15; line-height:35px; }

                .feature-slides .slide-xxlarge-noImage, .feature-slides .slide-xlarge-noImage { text-align: center; width: 100%; }
                    .feature-slides .slide-xxlarge-noImage .tag, 
                    .feature-slides .slide-xlarge-noImage .tag { display: inline-block; background: #d23900; color: #fff; font-weight: 500; font-size: 25px; padding: 15px 10px; margin-bottom: 7px; text-transform: uppercase; }
                    .feature-slides .slide-xxlarge-noImage .slide-title,
                    .feature-slides .slide-xlarge-noImage .slide-title { display: block; font-weight: bold; font-size:28px; line-height:35px; }

        .feature-slides .slide-xlarge .tag { background: #d23900; color: #fff; font-weight: 500; font-size: 25px; display: inline-block; padding: 15px 10px; margin-bottom: 7px; text-transform: uppercase; }
        .feature-slides .slide-xlarge .slide-title { font-weight: 500; font-size: 24px; padding-top: 10px; }
        .feature-slides .slide-large { position: relative; }
            .feature-slides .slide-large p { font-size: 22px; margin-top: 10px; }
            .feature-slides .slide-large .tag { position: absolute; top: 0; left: 0; background: #d23900; color: #fff; font-weight: 500; font-size: 20px; padding: 3px 10px; text-transform: uppercase; }

            .feature-slides .slide-large-noImage p { font-size: 22px; line-height: 25px; margin-top: 10px; }
            .feature-slides .slide-large-noImage .tag { background: #d23900; color: #fff; font-weight: 500; font-size: 20px; padding: 3px 10px; text-transform: uppercase; }

        .feature-slides .slide-medium { margin-bottom: 5px; position: relative; }
            .feature-slides .slide-medium p { font-size: 20px; margin-top: 10px; }
            .feature-slides .slide-medium .tag { position: absolute; top: 0; left: 0; background: #d23900; color: #fff; font-weight: 500; font-size: 20px; padding: 3px 5px; text-transform: uppercase; }

            .feature-slides .slide-medium-noImage p { font-size: 20px; line-height: 22px; margin-top: 10px; }
            .feature-slides .slide-medium-noImage .tag { background: #d23900; color: #fff; font-weight: 500; font-size: 20px; padding: 3px 5px; text-transform: uppercase; }

        .feature-slides .slide-small { margin-bottom: 5px; position: relative; }
            .feature-slides .slide-small p { font-size: 18px; margin-top: 5px; }
            .feature-slides .slide-small .tag { position: absolute; top: 0; left: 0; background: #d23900; color: #fff; font-weight: 500; font-size: 12px; padding: 3px 5px; text-transform: uppercase; }

            .feature-slides .slide-small-noImage p { font-size: 18px; margin-top: 5px; line-height:20px; }
            .feature-slides .slide-small-noImage .tag { background: #d23900; color: #fff; font-weight: 500; font-size: 12px; padding: 3px 5px; text-transform: uppercase; }

            .feature-slides .slide-small p { font-size: 18px; }
        .feature-slides .slide-medium p { font-size: 18px; }
        .feature-slides .slide-large p { font-size: 18px; }

    nav div.nav-share { display: none !important; }

    div.navbar-inner form.mobile-search { display: block; padding-top: 5px; }

    .tableH3Normal{ font-size:12px; line-height:20px; }

    .mini-column article { padding-bottom: 5px; overflow: hidden; min-height: 150px; }

    .sideToSideAd .ad300x250 { float: none; margin: 0; }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    h1 { line-height: 26px !important; }

    .advertisement { margin-bottom: 10px; }
    form.navbar-search { margin-top: 0; }
    ul.share-buttons { margin-bottom: 0; }
        ul.share-buttons li:not(.visible-phone) { display: none !important; }

    header { margin-bottom: 20px; }
        header .logo-container { padding-top: 10px; }
            header .logo-container .logo { float: left !important; }
                header .logo-container .logo img { height: 40px; margin-right: 5px; }
            header .logo-container .logo-words { float: left !important; width: 50% !important; }
                header .logo-container .logo-words p { font-size: 22px; padding-top: 7px; letter-spacing: -1px; line-height: 5px; }
                    header .logo-container .logo-words p span { font-size: 18px; }

    .column { min-width: 300px; }
        .column h2 { font-size: 22px; }
        .column ul { list-style: none; padding-left: 0; }
            .column ul li { padding-bottom: 5px; background: url(images/icons/bullet.png) left top no-repeat; background-size: 8px 8px; padding-left: 10px; background-position: 0 0.5em; }
                .column ul li a { font-weight: 300; font-size: 16px; }

    .mini-column { }
        .mini-column h3 { font-size: 16px; }
        .mini-column article { padding: 15px 0 0 0; overflow: hidden; border-bottom: #ccc 1px solid; }
            .mini-column article h3 { line-height: 18px !important; text-transform: none !important; font-weight: 300; font-size: 16px; }
            .mini-column article img { }

    .feature-box { background: #f7f7f7; border-top: #ccc 1px solid; margin-bottom: 30px; overflow: hidden; }
        .feature-box article { }
            .feature-box article h2 { text-transform: none !important; }
            .feature-box article p { font-weight: 300 !important; }
            .feature-box article ul li a { font-weight: 300 !important; }
            .feature-box article .videoPlayer { padding: 5px; }

    div.side-bar .thumbnail { margin-bottom: 10px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(enabled=false)"; filter: progid:DXImageTransform.Microsoft.Shadow(enabled:false); }

    .related-articles { }
        .related-articles img, .more-article-slides img { margin-bottom: 10px; }

    .feature-slides { margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px; }

        .feature-slides img { max-width: 100%; text-align: center !important; }

        .feature-slides .slide-xxlarge { position:relative; }            
            .feature-slides .slide-xxlarge a img { width:100%; }
                .feature-slides .slide-xxlarge a img.imageBack { position:absolute; z-index:10; height:100%; }
                .feature-slides .slide-xxlarge .tag { background: #d23900; color: #fff; font-weight: 500; font-size: 15px; padding: 10px; margin-bottom: 7px; text-transform: uppercase; position:absolute; top:0; left:0; }
                .feature-slides .slide-xxlarge .slide-title { font-weight: bold; font-size: 20px; padding: 10px; color:#fff; position:absolute; bottom:0; left:0; z-index:15; line-height:35px; }

                .feature-slides .slide-xxlarge-noImage, .feature-slides .slide-xlarge-noImage { text-align: center; width: 100%; }
                    .feature-slides .slide-xxlarge-noImage .tag, 
                    .feature-slides .slide-xlarge-noImage .tag { display: inline-block; background: #d23900; color: #fff; font-weight: 500; font-size: 25px; padding: 15px 10px; margin-bottom: 7px; text-transform: uppercase; }
                    .feature-slides .slide-xxlarge-noImage .slide-title,
                    .feature-slides .slide-xlarge-noImage .slide-title { display: block; font-weight: bold; font-size:25px; line-height:30px; }

        .feature-slides .slide-xlarge .tag { background: #d23900; color: #fff; font-weight: 500; font-size: 25px; display: inline-block; padding: 15px 10px; margin-bottom: 7px; text-transform: uppercase; }
        .feature-slides .slide-xlarge .slide-title { font-weight: 500; font-size: 24px; padding-top: 10px; }
        .feature-slides .slide-large { position: relative; }
            .feature-slides .slide-large p { font-size: 22px; margin-top: 10px; }
            .feature-slides .slide-large .tag { position: absolute; top: 0; left: 0; background: #d23900; color: #fff; font-weight: 500; font-size: 20px; padding: 3px 10px; text-transform: uppercase; }

            .feature-slides .slide-large-noImage p { font-size: 25px; line-height: 30px; margin-top: 10px; }
            .feature-slides .slide-large-noImage .tag { background: #d23900; color: #fff; font-weight: 500; font-size: 20px; padding: 3px 10px; text-transform: uppercase; }

        .feature-slides .slide-medium { margin-bottom: 5px; position: relative; }
            .feature-slides .slide-medium p { font-size: 20px; margin-top: 10px; }
            .feature-slides .slide-medium .tag { position: absolute; top: 0; left: 0; background: #d23900; color: #fff; font-weight: 500; font-size: 20px; padding: 3px 5px; text-transform: uppercase; }

            .feature-slides .slide-medium-noImage p { font-size: 25px; line-height: 27px; margin-top: 10px; }
            .feature-slides .slide-medium-noImage .tag { background: #d23900; color: #fff; font-weight: 500; font-size: 20px; padding: 3px 5px; text-transform: uppercase; }

        .feature-slides .slide-small { margin-bottom: 5px; position: relative; }
            .feature-slides .slide-small p { font-size: 18px; margin-top: 5px; }
            .feature-slides .slide-small .tag { position: absolute; top: 0; left: 0; background: #d23900; color: #fff; font-weight: 500; font-size: 20px; padding: 3px 5px; text-transform: uppercase; }

            .feature-slides .slide-small-noImage p { font-size: 20px; margin-top: 5px; line-height:22px; }
            .feature-slides .slide-small-noImage .tag { background: #d23900; color: #fff; font-weight: 500; font-size: 12px; padding: 3px 5px; text-transform: uppercase; }

            .feature-slides .slide-small p { font-size: 16px; }
        .feature-slides .slide-medium p { font-size: 16px; }
        .feature-slides .slide-large p { font-size: 16px; }

    .top-bar-container .logo-container { display: none; }
    .top-bar-container .inner-bar { padding: 0; }
        .top-bar-container .inner-bar h2.second-title { max-width: 357px; padding-left: 10px; margin-right: 11px; font-size: 10px; float: left; width: 80%; margin-top: 10px; }
        .top-bar-container .inner-bar .go-to-top { width: 20%; }
        .top-bar-container .inner-bar .share-buttons { visibility: hidden; top: -999px; }
            .top-bar-container .inner-bar .share-buttons .gplus-item { display: none; }

    .article-image-features .side-bar-container .side-bar-spotlight-title span { font-size: 17px; line-height: 19px; }

     .mini-column article img{ width: 100%;height: auto; }

     .sideToSideAd .ad300x250 { float: none; margin: 0; }
}

/* Extra special settings ;) */

/* Share bar fix */
@media (min-width: 768px) and (max-width: 1200px) {
    nav .share-buttons { text-align: right; }
}

@media (min-width: 768px) and (max-width: 980px) {
    form.navbar-search.share-search { margin-top: 5px !important; }
}

/*@media (min-width: 534px) and (max-width: 752px) {
    header .logo-container .logo-words p { font-size: 28px; }   
}*/

@media (min-width: 481px) and (max-width: 767px) {
    .related-articles .span3, .more-article-slides .span3 { overflow: hidden; margin-bottom: 15px; }

    .related-articles img, .more-article-slides img { float: left; margin-right: 10px; }

    ul.share-buttons li.pull-right { display: block !important; }

    .article-image-features .side-bar-container .side-bar-spotlight-title span { font-size: 22px; line-height: 24px; }
}

@media (max-width: 766px) {
    .feature-slides img { /*max-width: 400px; max-height: 200px;*/ width: 100%; }

    div.side-bar .thumbnail > img { width: 100%; }

    .article-image-features .side-bar-container .side-bar-spotlight-title { width: 65%; height: auto; display: block; }

    .article-mini .article-content .article-image { display: none; }

    .top-bar-container .inner-bar { }
        .top-bar-container .inner-bar .logo-container .logo img { height: 30px; }
        .top-bar-container .inner-bar h2 { font-size: 12px; width: 60%; }
        .top-bar-container .inner-bar .share-buttons { visibility: hidden; top: -999px; }
            .top-bar-container .inner-bar .share-buttons .gplus-item { display: none; }

    div.cross-site-feeds-grid { display: none; }
    #sitefeedsiframe { display: none; }
}

/* Printer-friendly view */
@media print {
    .navbar { display: none; }
    .nav-share { display: none; }
    .navbar-search { display: none; }
    .share-buttons { display: none; }
    .facebook { display: none; }
    .share-box-container { display: none; }
    .top-bar-container { display: none; }
    .hot-topics { display: none; }
    .side-bar { display: none; }
    .related-articles { display: none; }
    #fb-comments { display: none; }
    .fb-comments { display: none; }
    .top-topics { display: none; }
    .cross-site-feeds-grid { display: none; }
    .Footer_Main_Container .Description { display: none; }
    .Footer_Main_Container .Sites { display: none; }
    .Footer_Main_Container .Copyright { display: none; }
    iframe { display: none; }
    nav { display: none; }
}

/*#ty-iframe  */
.ty-iframe {
   height: 870px;
   width: 100%;
    }

@media screen and (max-width: 400px) {
    .ty-iframe {
        height:735px !important;
        width:300px !important;
    }
    #iframe-external-links {height:850px !important;}
}

@media only screen and (min-width:480px) and (max-width: 1120px){
    .ty-iframe {
   height: 865px;
   width: 100%;
       margin-top: 30px;
    }
}

/*# End ty-iframe  */

form.validate {
    clear: both;    
    padding: 0 15px 15px 0;
    width: 100%;
}
   
    form.validate label
    {
        clear: left;
        float: left;
        height: 30px;
        line-height: 30px;
        margin: 0 0 5px;
        padding: 0 5px 0 0;
        text-align: right;
        width: 130px;
    }

    form.validate label.error
    {
        clear: none;
        color: red;                
        text-align: left;        
        font-size: 11px;
        font-weight: normal;
        margin-left: 5px;
    }

    form.validate input, form.validate select, form.validate span.input, form.validate span.inputline
    {
        float: left;
        height: 30px;
        line-height: 30px;
    }    

        form.validate input[type="text"], form.validate input[type="password"], form.validate textarea
        {
            border: 1px solid #9e9a9a;
            font-family: Sans-Serif;
            font-size: 120%;
            height: 28px;
            line-height: 28px;
            margin-bottom: 5px;
            padding: 0 3px;
            width: 200px;
        }

    form.validate textarea
    {
        float: left;
        height: 170px;
        line-height: 25px;
        margin-bottom: 5px;
        width: 350px;
    }

    form.validate #submitDiv input[type="submit"]
    {
        background-color:#E98600;
        color: #fff;
        cursor: pointer;
        font-weight: bold;
        padding: 5px 15px;
        line-height: 15px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;        
    }
        form.validate #submitDiv input[type="submit"]:hover
        {
            background-color: #FFB400;
        }

.feedbackPage .statusFeedback .feedbackSuccess
{
    color: green;
}

.feedbackPage .statusFeedback .feedbackError
{
    color: red;
}

.clear {
    clear: both;
}

.marginBottom {
    margin-bottom: 20px;
}

.homexxLarge {
    margin-left:0 !important;
    margin-bottom:20px;
}

.homexLarge {
    margin-left:0 !important;
    margin-bottom:20px;
}

.homeLarge {
    min-height:280px !important;
}

.homeLarge-noImage {
    min-height:150px !important;
}
    /*.homeLarge:nth-child(odd) {
        margin-left: 0 !important;
    }*/
.homeMedium {
    min-height:250px !important;
}

.homeMedium-noImage {
    min-height:170px !important;
}
.homeSmall {
    min-height:150px !important;
}
.homeSmall-noImage {
    min-height:200px !important;
}
.homeLargeClear, .homeMediumClear, .homeSmallClear {
    margin-left: 0 !important; clear:left;
}

@media (min-width:768px) and (max-width: 979px) {
    .homeLarge {
        min-height: 225px !important;
    }
    .homeLarge-noImage {
        min-height: 150px !important;
    }
    .homeMedium {
        min-height: 225px !important;
    }
    .homeMedium-noImage {
        min-height: 150px !important;
    }
    .homeSmall {
        min-height: 240px !important;
    }
    .homeSmall-noImage {
        min-height: 150px !important;
    }
}

@media (max-width: 767px) {
    .homeLarge, .homeMedium, .homeSmall {
        min-height: initial !important;
    }    
}
/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.jcarousel { position: relative; overflow: hidden; }

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
    width: 100%; position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none; margin: 0; padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
    /* Required only for block elements like <li>'s */
    display: block; overflow:hidden; width:100%;
}

.jcarousel li .ad { text-align:center; margin-top:10px; }

.jcarousel li img, .firstSlide img .jcarousel li .carrouselText, .firstSlide .carrouselText { max-width:100%; text-align:left; }

.jcarousel li .carrouselText h2, .firstSlide .carrouselText h2 { color: #000; }

.jcarousel li img, .firstSlide .img { margin-bottom:20px; }

    .jcarousel li div.paginationDiv { height:70px; margin-bottom: 15px; }

.jcarousel li .carrouselText h2, .firstSlide .carrouselText h2, .jcarousel li .carrouselText .subTitle, .firstSlide .carrouselText .subTitle{ float:left; width:100%; }

.jcarousel li .carrouselText .subTitle p, .firstSlide .carrouselText .subTitle p { font-size: 18px; line-height: 25px; }

.paginationMenu{ width: 100%; }

#slideHome .content p { font-size: 18px; line-height: 25px; }

#slideHome img.startSlideshowImg { margin:0 auto; }

#slideRefreshContainer, .slideRefreshContainerControls { display: none; }

.jcarousel-prev, .jcarousel-next { cursor: pointer; }

.article-next{ display:none; }

.Byline { color: #000; margin: 0 0 20px 0; line-height: 20px; font-size:16px !important; padding:0 !important; }

#Controls { border: solid #000; border-width: 1px 0; display: table; font-size: 24px; overflow: auto; margin:40px 0; padding: 20px 0; width: 100%; }

#Controls a, #Controls a div { color: #fff !important; font-size: 24px; font-weight: bold; }

    #Controls a.orangeButton {
        background-color: #ff8000; border-radius: 7px; box-sizing: border-box; color: #fff; display: inline-block; padding: 15px 20px; text-align: center; width: 90%; }

    #Controls img { display: inline-block; vertical-align: middle; width: 12px; }

    #Controls a.grayButton { background-color: #e6e6e6; border-radius: 7px; box-sizing: border-box; color: #fff; display: inline-block;
        padding: 15px 20px; text-align: center; width: 90%; }

#Previous, #Progress, #Next { float: left; display: inline-block; display: table-cell; vertical-align: middle; width: 33.3333%; }

#Progress { line-height: 60px; text-align: center; font-size: 24px; }

#Next { text-align: right; }

#NextSlideshow { display: table-cell; float: left; vertical-align: middle; width: 66.6666%; text-align:right; font-size: 24px; }

#NextSlideshow a {
    color:#1a4de6 !important;
}

/*#slideRefreshContainer a { color: #d23900 !important; }
#slideRefreshContainer a:hover { text-decoration:underline !important;}*/

/*#region Mobile Devices */
@media (max-width:767px) {
    #Controls { font-size: 16px !important; }

        #Controls a, #Controls a div { font-size: 16px !important; }

    #Previous, #Progress, #Next, #NextSlideshow { width:50% !important; }

    #Controls img { height: 28px; width: auto; }

    #slideHome .content p, .jcarousel li .carrouselText .subTitle p { font-size: 16px; line-height: 22px; }

    .jcarousel li .carrouselText h2 { font-size: 18px; line-height: 22px; }   

     /*facebook link mobile*/
     .facebook-links{
        line-height: 36px;
    }
    .facebook-links-mobile div {
            text-align: center;
            float: left;
            width: 36px;
            height: 36px;
            border-radius: 100%;
            margin-right: 7px; /*space between*/
            background-color: white;
            margin-left: 20%;
            margin-top: 4%;
        }

    .facebook-links-mobile div i {
            font-size: 20px;
            line-height: 38px;  
            color: #3366cc;
        }

    .facebook-sharerlink-mobile#Progress {
        background-color: #3366cc;
        border-radius: 7px;
        color: white;
        cursor: pointer;
        margin-top: 3%;
        width: 100% !important;
    }
     .facebook-shareText-mobile{
        margin-right:25%;
    }
    .facebook-sharerlink-mobile button {
       background-color: #3366cc;
       font-size :20px;
       font-weight: bold;
     }
     
}

.articleDescription {
    overflow: hidden;
}

    .articleDescription .column {
        border-left: 1px solid #DDDDDD;
        font-size: 12px;
        font-weight: 400;
        min-height: 40px;
        padding: 0 10px;
        float: left;
    }

        .articleDescription .column .name {
            font-family: 'Open Sans',sans-serif;
            font-weight: 600;
            display: block;
            font-size: 16px;
            color: #1a1a1a;
        }

        .articleDescription .column .description {
            color: #808080;
            display: block;
        }

        .articleDescription .column .year {
            color: #999999;
            display: block;
        }

        .articleDescription .column .comments {
            font-family: 'Open Sans',sans-serif;
            font-weight: 600;
            display: block;
            font-size: 16px;
            color: #1a1a1a;
            background: transparent url(images/icons/Comments.png) 0 2px no-repeat;
            padding-left: 22px;
        }  

/* Portrait and Landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
    .slideshowAds-mobile {
        margin-left: -20px;
    }
}
/*iPhone 6 Media Queries
iPhone 6 in portrait & landscape*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { /* STYLES GO HERE */
    .slideshowAds-mobile {
        margin-left: 0;
    }
}


@media (min-width:992px) {
    /*facebook link*/
    .facebook-links{
        line-height: 36px;
    }
    .facebook-links div {
        text-align: center;
        float: left;
        width: 36px;
        height: 36px;
        border-radius: 100%;
        margin-right: 7px; /*space between*/
        background-color: white;
        margin-left: 25%;
        margin-top: 3%;
    }

        .facebook-links div i {
            font-size: 20px;
            line-height: 38px;
            color: #3366cc;
        }

    .facebook-sharerlink {
        background-color: #3366cc;
        border-radius: 7px;
        color: white;
        cursor: pointer;
    }

    .facebook-shareText {
        margin-right: 25% !important;
    }

    .facebook-sharerlink-mobile {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width:991px) {
     /*facebook link*/
     .facebook-links{
        line-height: 36px;
    }
    .facebook-links div {
        text-align: center;
        float: left;
        width: 36px;
        height: 36px;
        border-radius: 100%;
        margin-right: 7px; /*space between*/
        background-color: white;
        margin-left: 25%;
        margin-top: 5%;
    }

        .facebook-links div i {
            font-size: 20px;
            line-height: 38px;
            color: #3366cc;
        }

    .facebook-sharerlink {
        background-color: #3366cc;
        border-radius: 7px;
        color: white;
        cursor: pointer;
    }

    .facebook-shareText {
        margin-right: 10% !important;
    }

    .facebook-sharerlink-mobile {
        display: none !important;
    }
}