/* For Web Ads Display, on the responsive pages */
div.ad_leaderboard {
    max-width: 728px;
    max-height: 90px;
    min-height: 90px; /* reduces as width reduces, keeps content from jumping as resource loads */
    margin: 5px auto 0px auto;
    
    /*position: relative; needed? */
}
div.ad_leaderboard img {
    width: 100%;
    display: block; /* so not treated like text and div extends below img for decenders */
}
/*@media screen and (max-width:728px) { needed?
div.ad_leaderboard {
    width: auto;
}
}*/
@media screen and (max-width:1025px) { /* point where right left col shrinks to 728px */
div.ad_leaderboard {
    min-height: 36px; /* reduces as width reduces, 36 is smallest it will ever get? */
}
}
div.ad_medium_rectangle {
    max-width: 300px;
    max-height: 250px;
    margin: 20px auto 0px auto;
}
div.ad_medium_rectangle img, div.ad_medium_rectangle_interstitial img {
    width: 100%;
    display: block;
}
/* a temp version until selling full leader board ads */
div.ad_leader_board_mini {
    /* one website said this was a standard leaderboard ad size */
    max-width: 400px;
    max-height: 116px; /* dont want rogue ads to take unlimited height */
    min-height: 116px; /* dont want space to be 0 when loading new ad */
    margin-top: 4px;
    margin-left: auto;
    margin-right: auto;
    
    position: relative;
    
}
div.ad_leader_board_mini img {
    width: 100%;
    display: block; /* so not treated like text and div extends below img for decenders */
    border: 0px;
}
@media screen and (max-width:400px) {
div.ad_leader_board_mini { /* not sure this makes sense */
    width: auto;
}
}

/* a reprisal of the right side tiles, should rewrite fn to make them, giv better ids */
#a_d_s { /* unsure if still used */
    /* has inline style of margin-bottom: 20px; */
    width: auto !important; /* the ad style sheet, loading later was superseding */
    max-width: 200px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
img.a_d {
    width: 100%;
    max-width: 180px;
    /*min-height: 200px; /* dont want space to be 0 when loading new ad *//* but when ad is shrinking laterally it stays tall */
    margin: 5px auto;
    display: block;
}

#weather-sponsor-content img {
    width: 100%;
    max-width: 180px;
}

div.ad_interstitial {
    /*max-width: 1000px; max for image */
    /*max-height: 800px; max for image */
    max-width: 600px;
    max-height: 500px;
    
    min-height: 300px; /* inaddition to margins below */
}
div.ad_interstitial img { /* temp while displaying > 1 right side tiles? (???) */
    margin-top: 20px; /* in addition to min-height above */
    margin-bottom: 20px;
    
    /* these two from div.ad_medium_rectangle img, need? */
    width: 100%;
    display: block;
    
    user-select: none;
    user-drag: none;
    
    -webkit-user-select: none;
    -webkit-user-drag: none;
    
    -moz-user-select: none;
    -moz-user-drag: none;
    
    -ms-user-select: none;
    -ms-user-drag: none;
}
span.show_arrows {
    padding-left:10%; /* sets arrows outside image */
    padding-right:10%;
}

/* for using the "left side skyscraper" ads in other positions, probably temp */
img.a_d_nav, iframe.skyscraper_122 {
    max-width: 122px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* very like sidebar */
div.promo_subscription_story {
    float: right;
    clear: right;
    width: 20%;
    background-color: lightblue;
    margin: 10px 0px 10px 10px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    text-indent: 0em; /* reset for if wrapped in body paragraph */
}
@media screen and (max-width: 300px) {
div.promo_subscription_story {
    float: none;
    width: 80%;
    margin: 0px auto 10px auto;
}
}