/* to be deprecated */
#article-header {margin: 0 0 25px 0;}

/* body styles */
body.minimal {background:url('http://projects.scpr.org/static-files/images/tablestacker-tables/bg-body.png') repeat 0 0;}
body.minimal hr {background-color: #ccc; border-bottom: 1px solid #fff; height: 1px;}

/* branded header */
body.minimal header {background: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.7); height: auto; margin: 0 0 25px;}
body.minimal header h3#site-title a {background-image:url('http://projects.scpr.org/static-files/images/main/logo-masthead.png'); width: 181px; height: 42px;}
body.minimal header h3#site-title a {display:block;text-indent:-9999px;width:180px;height:28px;margin-top:15px;}
body.minimal .header-links {margin:5px 0;}
body.minimal .header-links li {border-right: 1px solid #e9e9e9; display: block; float: left; list-style: none; padding: 8px 18px 0;}
body.minimal .header-links li:last-child {border: 0; padding-right: 0;}
body.minimal .header-links b, body.minimal .header-links a {color: #454545; font-size: 12px;}
body.minimal .header-links b {display: block;}
body.minimal .header-links a.icon {display: block; text-indent: -9999px;}
body.minimal .header-links a.icon:hover {opacity: 0.7;}
body.minimal .header-links a.pledge-now {background:url('http://projects.scpr.org/static-files/images/tablestacker-tables/ico-pledge.png') no-repeat 0 0; margin: 0 auto; width: 31px; height: 22px;}
body.minimal .header-links .share-links {width: 63px; margin: 0 auto;}
body.minimal .header-links a.facebook {background:url('http://projects.scpr.org/static-files/images/tablestacker-tables/ico-facebook.png') no-repeat 0 0; display: block; float: left; margin-right: 10px; width: 22px; height: 22px;}
body.minimal .header-links a.twitter {background:url('http://projects.scpr.org/static-files/images/tablestacker-tables/ico-twitter.png') no-repeat 0 0; display: block; float: left; width: 31px; height: 22px;}
body.minimal .header-links a.projects-home {background:url('http://projects.scpr.org/static-files/images/tablestacker-tables/ico-home.png') no-repeat 0 0; margin: 0 auto; width: 31px; height: 22px;}

/* branded footer */
body.minimal footer {text-align: center; padding: 10px 0;}
body.minimal footer ul {margin: 0; list-style: none;}
body.minimal footer ul li, footer ul li a {color: #999; font-size:11px;}
body.minimal footer ul li a:hover {color: #666;}
body.minimal footer ul li {display: inline-block; padding: 0 10px 0 0; margin: 0 0 0 10px; border-right: 1px solid #999;}
body.minimal footer ul li:first-child {margin-left: 0;}
body.minimal footer ul li:last-child {padding-right: 0; border-right: none;}

/* structure for data elements */
.container-fluid {max-width: 1110px; margin: 0 auto;}
#data-details, #data-visuals, #data-footer {margin: 20px auto 5px auto;}
#content-article {width: 100%; height: auto; margin: 0 auto 25px auto;}
#content-article-text {}
#content-article-buttons {margin: 15px 0 10px 0;}
#content-action-bar {width: 100%; height: auto; text-align: center; margin: 25px auto 25px auto;}
#content-explainer {width: 100%; height: auto; margin: 25px auto 25px auto;}
#content-display {width: 100%; height: auto; margin: 25px auto 25px auto;}
#content-map-canvas {width: 100%; height: 700px; margin: 10px 0 10px 0;}
#content-map-canvas img {max-width: none;}

/* for legend area */
#data-legend {height: 25px; margin: 10px 0 0 0;}
#data-legend-items {margin: 0 0 0 0; height: 25px; }
#data-legend-items li {display: inline; height: 25px; list-style-type: none; padding: 10px 10px 10px 40px;}

/* for table elements */
.table-striped thead th {background-color: #2e2e2e; color: #ffffff;}
.table-striped tbody > tr:nth-child(even) > td,
.table-striped tbody > tr:nth-child(even) > th {background-color: #CACACA;}
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {background-color: #fdfdfd;}

/* typography */
body.minimal {font: 100%/1.5 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2B2B2B;}
body.minimal #data-container h1 {font-size: 210%;}
body.minimal #data-container h2 {font-size: 180%;}
body.minimal #data-container h3 {font-size: 150%;}
body.minimal #data-container h4 {font-size: 120%;}
body.minimal #data-container h5 {font-size: 100%;}
body.minimal #data-container p {font-size: 95%;}
body.minimal #data-container li {font-size: 95%;}
body.minimal #data-container table{font-size: 95%;}
body.minimal #data-container .sky-writing {font-size: 600%; color: #f57834;}
body.minimal #data-container .kicker {font-size: 75%; text-transform: uppercase;}
body.minimal #data-container .data-instructions {font-size: 75%;}
body.minimal #data-container .normal-display {font-size: 95%;}
body.minimal #data-container .small-display {font-size: 75%;}
body.minimal #data-container .lowercase {text-transform: lowercase;}
body.minimal #data-container .centered {text-align: center;}
body.minimal #data-container .right-align {text-align: right;}
body.minimal #data-container .left-align {text-align: left;}
body.minimal #data-container .underline {text-decoration: underline;}
body.minimal #data-container .credits {display: inline;}
body.minimal #data-container .pubdate {color: #930000; font-style: italic; display: inline;}
body.minimal #data-container .italics {font-style: italic;}
body.minimal #data-container .story-headline {font-weight: 700; margin-bottom: 0}
body.minimal #data-container .story-text {}
body.minimal #data-container .details-intro {}
body.minimal #data-container .details-drilldown {}
body.minimal #data-container .hidden {display: none;}
body.minimal #data-container blockquote {padding: 0 0 0 15px; margin: 0 0 20px; border-left: 3px solid #2B2B2B;}

/* bootstrap overrides */
a {color: #4B58A6;}
.well {padding: 0px; background: none; border: none; -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0.05); -moz-box-shadow: inset 0 0 0 rgba(0,0,0,0.05); box-shadow: inset 0 0 0 rgba(0,0,0,0.05);}
.well .input-block-level {width: 300px;}
.lead {font-size: 22.5px; font-weight: 200; line-height: 31.5px;}
.alert {padding: 8px 35px 8px 14px; margin-bottom: 21px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #d47500; border: 1px solid #c54c00; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.alert-info {background-color: #3399f3; border-color: #11adf1; color: #ffffff;}

/* styles for pin bug */
#data-container .content-partners {border-bottom: 0px solid #e0e0e0; border-top: 0px solid #e0e0e0; margin-bottom: 21px; padding:  10 .5px;}
#data-container .content-partners p.pij {background: url("http://www.scpr.org/assets/icons/pij-query-56685e16f420acef267891071f085e8f.png") no-repeat 0 4px; padding-left: 30px;}
#data-container .content-partners p {font-weight: 800;}

/* -- media queries -- */
/* adjust headers for smaller devices */
@media screen and (max-width: 767px) {
    #kpcc-header {margin:0 -20px;}
    #kpcc-header header {padding:0 20px 15px;}
    #kpcc-header header h3#site-title {width:180px; margin:0 auto;}
    body.minimal #kpcc-header .span4 {display:none;}
    body.minimal #kpcc-header .header-links-row {display:none;}
}

/* headlines for Large desktop */
@media (min-width: 980px) {

}

/* headlines for Portrait tablet to landscape and desktop */
@media (min-width: 500px) and (max-width: 979px) {
    body.minimal #data-container h1 {font-size: 185%; line-height: 140%;}
    body.minimal #data-container h2 {font-size: 165%; line-height: 140%;}
    body.minimal #data-container h3 {font-size: 155%; line-height: 140%;}
    body.minimal #data-container h4 {font-size: 145%; line-height: 140%;}
    body.minimal #data-container h5 {font-size: 135%; line-height: 140%;}
    body.minimal #data-container p {font-size: 95%; line-height: 140%;}
    body.minimal #data-container li {font-size: 95%; line-height: 140%;}
    body.minimal #data-container table{font-size: 95%;}
}

/* headlines for Landscape phones and down */
@media (max-width: 499px) {
    body.minimal #data-container h1 {font-size: 170%; line-height: 130%}
    body.minimal #data-container h2 {font-size: 150%; line-height: 130%}
    body.minimal #data-container h3 {font-size: 140%; line-height: 130%}
    body.minimal #data-container h4 {font-size: 130%; line-height: 130%}
    body.minimal #data-container h5 {font-size: 120%; line-height: 130%}
    body.minimal #data-container p {font-size: 95%; line-height: 130%}
    body.minimal #data-container li {font-size: 95%; line-height: 130%}
    body.minimal #data-container table{font-size: 95%;}
}

/* pencil ad demo styling */
.broadcast-bar {display: none;}
.ad.pencil {overflow: visible; margin-bottom:18px;}
.ad.pencil a {display: inline-block; position: relative; width: 100%; max-width: 100%; height:30px; overflow: visible; text-align: center;}
.ad.pencil a img.desktop {display: block; z-index: 1000; text-align: center;}
.ad.pencil a img.mobile {display: none;}
.ad.pencil a img.active {position: absolute; top: 0; left: 0;}

@media screen and (max-width: 767px) {
    .ad.pencil a {height:auto;}
    .ad.pencil a img.mobile {display:block;}
    .ad.pencil a img.desktop {display:none;}
}

#app-sunset-message { background-color: #F87E21; text-align: center; font-size: 110%; }