/*  
Theme Name: IPM - Home (new)
Theme URL: http:/
Description: Indiana Public Media Home theme
Version: 2.0
Author: Indiana Public Media
Author URL: http://indianapublicmedia.org

*/

/* embedded fonts */



#program-upper-navigation {
	height: 60px;
}
#program-upper-navigation a:hover {opacity:0.8;}

#delays-closings {
	position:absolute;
	top:10px;
	right: 10px;
	display:block;
}

.aux-column blockquote {
	background: url('/wp-content/themes/ipm/images/bg-blockquote.png') no-repeat;
	padding: 0 20px;
	font-size: 12px;
	line-height: 18px;
	vertical-align: baseline;
	margin-bottom: 10px;
}
.aux-column ul li {
	margin:0;
	list-style:none inside;
	}
.aux-column p.read-more {margin-top:-10px;}

.aux-column blockquote span {
	font-size: 48px;
	font-weight: bold;
	font-family: Georgia, Helvetica, sans-serif;
	vertical-align: middle;
	line-height: 24px;
	color: #999;
}
.aux-rotator {padding-bottom:0;}

.aux-rotator-item p.read-more {font-weight:bold;}

.aux-rotator-item-overlay h3 {
	font-size: 22px;
	line-height: 26px;
}

h3.aux-toptag {
	font-size: 10px;
	color: #999;
	margin-bottom: 10px;
	text-transform: uppercase;
	line-height: 12px;
}

h3.program-headline {
	margin-top: 0 !important;
}

.aux-rotator-item-overlay {
	height: 377px;
	width: 190px;
}

ul.aux-rotator-list {
	width: 640px;
}

ul.aux-rotator-list li {
	width: 107px;
}

span.aux-thumb-label {
	text-align: left !important;
	font-size: 10px !important;
}

span.aux-thumb-img img, span.aux-thumb-img {
	width: 108px !important; /* 3 */
	height: 72px !important; /* 2 */
}

/* grid_4 tabs */

.grid_4 ul.tabs {
	width: 300px;
}

.grid_4 .tabs > div {
	padding: 10px;
}

.grid_4 .tabnum-2 li {
	width: 149px !important;
}

/* these two go together */

#program-upper-navigation {
	margin-top:0;
	height: 100px;
}

.breadcrumb {
	display:none;
}

/* end breadrumb hide */

/* subheaders for boxes */

h3.program-heading, h1.page-title
{
	background:#7d110c url('../images/eartheats-bg-trans-bottom.png') repeat-x bottom;
	color:#FFF;
	font-family: "Lato";
}

h4.toptag {
	display:none;
}

div.program-single-intro p {
	background:#7d110c url('../images/eartheats-bg-trans-bottom.png') repeat-x bottom;
}

.program-fullwidth-overlay .program-overlay-toolbar {
	background:#7d110c;
}
p.bottom-note {margin-left:0; margin-bottom:0;}

div.homepage-interstitial-top, div.homepage-interstitial-middle {
	padding:10px;
	margin:4px 0 14px 0;
	height:70px;
	background:#fff url('../images/eartheats-bg-trans-bottom.png') repeat-x bottom;
}

/*--------the topmost interstitial-----------*/
div.homepage-interstitial-top {margin-top:10px;padding-bottom:18px;padding-top:18px;}
div.homepage-interstitial-top .interstitial_3 {float:left; height:70px;}
.interstitial_3.listen-watch-banner {width:180px;}
.interstitial_3.wtiu {width:265px; height:68px; padding-top:6px;}
.interstitial_3.wtiu p {font-size:10px; margin-top:2px;}
.interstitial_3.wtiu a:hover img {opacity:0.8;}
.interstitial_3.wfiu {width:670px; padding-top:0px}
.interstitial_3.wfiu p.bottom-note {font-size:10px; margin-top:-2px; clear:both; font-weight:normal;}
.interstitial_3.wfiu .wfiu_stream {float:left;}
.interstitial_3.wfiu .wfiu_stream h3 {font-size:12px; line-height:14px;}
.interstitial_3.wfiu .wfiu_stream p {font-size:11px; line-height:14px;}
.interstitial_3.wfiu .wfiu_stream.hd1 {width:290px; margin-right:20px;}
.interstitial_3.wfiu .wfiu_stream.hd2 {width:290px;}


/*-------the middle interstitial--------*/

.homepage-interstitial-middle {min-height:175px;}
.homepage-interstitial-middle .interstitial_3 {width:300px; margin:10px; float:left;}
.homepage-interstitial-middle .interstitial_3.last {margin-right:0;}
.homepage-interstitial-middle .interstitial_3 h4.top-tag {margin-bottom:5px; text-transform:uppercase; font-size:12px; font-weight:normal;}
.homepage-interstitial-middle .interstitial_3 h4.top-tag a {color: #666;}
.homepage-interstitial-middle .interstitial_3 h4.top-tag a:hover {color: #666; text-decoration:underline;}
.homepage-interstitial-middle .interstitial_3 img {width:298px;  margin-bottom:5px; border: 1px solid #cdcdcd;}
.homepage-interstitial-middle .interstitial_3 h3 {font-size:15px; line-height:20px;}


div#twitter_div {margin:0;}
.sidebar-lower-twitter ul#twitter_update_list {margin:0; padding:0;}

/* new js widget */

div#twitter_div div.twtr-hd, div#twitter_div div.twtr-ft {
	display:none;
}

div#twitter_div div.twtr-timeline {
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	background:transparent;
	border:0;
}

img.heading-feed-icon {
	width:20px;
	height:20px;
	float:right;
	position:relative;
	top:-1px;
	right:5px;
	}
a:hover img.heading-feed-icon {opacity:0.8;}
.iconnum-7 {padding-right:0;}
.iconnum-7 img {width:36px; height:36px; position:relative; top:2px;}
.iconnum-7 a:hover img {opacity:0.8;}

/* tab colour */

div.tabs ul li.ui-state-default {
	background: #7d110c;
}

div.tabs ul.aux-rotator-list li.ui-state-default {
	background: transparent;
}

div.tabs ul li.ui-state-default a {
	color: #fff;
}

div.tabs ul li.ui-state-active a {
	color: #7d110c;
}

/* podcasts page */

div#podcast-top-section {
	border: 1px solid #ccc;
	background: #eee;
	height: 75px;
	padding: 10px;
	margin-bottom: 10px;
	background: url('/wp-content/themes/ipm/images/eartheats-bg-2-bottom.png') repeat-x bottom;
}

div#podcast-top-section div.podcast-column {
	width: 33%;
	float:left;
	text-align: center;
}

div#podcast-top-section div.podcast-column h3 {
	margin-bottom: 10px;
}

div#podcast-top-section div.podcast-column img.podcast-chicklets {
	width: 50px;
	height: 50px;
}

table#podcasts-table {
	border-collapse: collapse;
	width: 100%;
}

table#podcasts-table tr.special-row td {
	border-color:#aaa;
}

table#podcasts-table td.podcast-title-cell {
	font-weight: bold;
	font-size: 13px;
}

table#podcasts-table td.podcast-icon-cell {
	border-right-color: #fff !important;
	width: 40px;
}

table#podcasts-table td.podcast-icon-cell img {
	width: 40px;
	height: 40px;
	border: 1px solid #ddd;
}

table#podcasts-table td.podcast-chicklet-cell {
	width: 40px;
	text-align: center;
}

table#podcasts-table td.podcast-chicklet-cell img {
	width: 25px;
	height: 25px;
}

table#podcasts-table td, table#podcasts-table tr {
	border: 1px solid #ddd;
	padding: 5px;
	vertical-align: middle;
	background: url('/wp-content/themes/ipm/images/eartheats-bg-2-bottom.png') repeat-x 0 97%;
}

/* closings page */

table.alerts-table {
	border-collapse: collapse;
	width: 100%;
	font-size: 12px;
}

table.alerts-table td.item-title-cell {
	font-weight: bold;
}

table.alerts-table td.item-info-cell {
	width: 160px;
	font-size: 12px;
}

table.alerts-table td.item-desc-cell {
	width: 220px;
	font-size: 12px;
}

table.alerts-table td, table.alerts-table th, table.alerts-table tr {
	border: 1px solid #ddd;
	padding: 5px;
	vertical-align: middle;
	background: url('/wp-content/themes/ipm/images/eartheats-bg-2-bottom.png') repeat-x 0 97%;
}

table.alerts-table th {
	color: #666;
}



/*----------flickr stuff-------------*/
#flickr_badge_uber_wrapper {margin:5px 0 0 5px; width:290px; height:270px;}
#flickr_badge_wrapper {padding:0;height: 270px;}
.flickr_badge_image {margin:0 19px 19px 0;float:left}
.flickr_badge_image img {border: 1px solid #999 !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}

#subfooter {padding-top:10px;}

#rss-thickbox{
	width: 726px; 
	height: 450px; 
	font-size: 12px;
	padding: 20px; 
}

.singleCB  .category-column {
	width:200px;
	padding:10px;
	float:left;
	background-color:#efefef;
	margin-right:20px;
	line-height: 16px; 
}
.singleCB .category-column.narrow {width:180px;}
.singleCB  .category-column.wide {width:260px;}

.singleCB  .category-column.last {margin-right:0;}

.singleCB  .category-column .category-item {
	width:200px;
	padding:0;
	margin:0;
	background:inherit;
	margin-bottom:10px;
}
.singleCB  .category-column .category-item ul li a.right {
	float:right;
	height: 16px; 
}
.singleCB .category-column .category-item ul li a.right img {width:16px; height:16px;}
.singleCB  .category-column.narrow .category-item {width:180px;}
.singleCB  .category-column.wide .category-item {width:260px;}
#sidebar-wrapper {float:right; width:300px;}
#sidebar-events {width:300px; float:right; margin-right:10px; margin-bottom:10px; margin-top:-8px;}
#program-sidebar-middle {float:right}
#sidebar-inside-page-bottom {float:right;}
#sidebar-inside-page-bottom {margin-top:10px;}
ul.events-nav {font-size:14px;font-weight:bold;border-bottom:1px #cdcdcd solid; padding-top: 5px; padding-bottom:15px; margin-bottom:15px;}
ul.events-nav li {display:inline; padding-right:15px;}

/* breaking news*/

div.program-breaking.full-width {
	width: 918px;
	margin: 10px 10px 20px 10px;
	background-color: #ffcccc;
	background-image: none;
}

div.program-breaking h3.program-headline {
	margin-bottom: 2px;
}

div.program-breaking.full-width h4 {
	width: 928px;
	background-color: #600;
}

/* google custom search styling */

div#cse-search-results iframe {
	width: 620px;
}

/* sub email form */

div#sub-list {
	margin-top: 20px;
}

div#sub-list .sub-item {
	border: 1px solid #ccc;
	padding: 20px;
}

div#sub-list h3 {
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

form.sub-email-form input {
	border: 1px solid #ccc;
	background: #eee;
	font-size: 18px;
	padding: 5px;
	width: 350px;
	font-weight: bold;
}

form.sub-email-form button {
	border: 1px solid #ccc;
	background: #660000;
	color:#fff;
	font-size: 18px;
	padding: 5px;
}

div#sub-list p {
	margin: 5px 0 10px 0;
}

div.sub-item.primary {
	background: #ffffcc;
}

.rotatorContainer {
               height: 100%;
               width: 960px; /* width */
               /* max-height: 366px; */ /* 416 */
               max-height: 412px;
               padding-top:0;
               
               border: 0;
               background: #000;
               position:relative;
               }
               .iosRotator .rotator .rotor .inner .text h3.rotator-toptag {
               font-size: 12px;
               color: #999;
               margin-bottom: 10px;
               text-transform: uppercase;
               line-height: 12px;
               background: none repeat scroll 0 0 #000000;
               font-family: "Lato";
               }
               .iosRotator .rotator .rotor .inner h3 {
               font-size: 32px;
               line-height: 36px;
               font-family: Lato;
               color: #fff;
               font-family: "Lato";
               }
               p.read-more {font-weight:bold;}
               .iosRotator {
               width: 960px; /* width */
               max-width: 624x;
               height: 416px;
               }
               .iosRotator .rotator {
               width: 960px;
               height: 100%;
               }
               .grid_12 .iosRotator .rotator .rotor .inner img.program-photo {
               width: 65%;
               height: 412px;
               object-fit: cover;
               }
               .iosRotator .rotator .rotor {
               position: relative;
               top: 0;
               left: 0;
               width: 960px; /* width */
               height: 100%;
               background: #000;
               margin: 0 0 0 0;
               }
               .iosRotator .rotator .rotor .inner {
               position: relative;
               top: 0;
               left: 0;
               width: 100%;
               margin: 0 auto;
               height: 100%;
               background-position: 50% 0;
               background-repeat: no-repeat;
               }
               .iosRotator .rotator .rotor .inner .selectorShadow {
               position: absolute;
               left: 0;
               bottom: 0;
               background: url(/wp-content/themes/ipm/images/selector-shadow.png) no-repeat 0 0;
               width: 120px;
               height: 30px;
               }
               .iosRotator .rotator .rotor .inner .text {
               background: none repeat scroll 0 0 #000000;
               opacity: 1 !important;
               filter: alpha(opacity=0);
               position: absolute;
               top: 0;
               right:10;
               padding: 15px 10px 5px 10px;
               height: 100%;
               width: 32%;
               color: #fff;
               }
               .rotatorContainer .rotorSelectors {
               position: relative;
               bottom: 20px;
               left: 310px;
               width: 120px; /* width */
               margin: 0 auto;
               z-index: 1;
               height: 10px;
               }
               .rotatorContainer .rotorSelectors .rotor {
               float: left;
               width: 9px;
               height: 9px;
               border: 1px solid #333;
               background: #999;
               margin: 0 0 0 10px;
               opacity: 0.6;
               filter: alpha(opacity=60);
               border-radius: 6px;
               }
               .rotatorContainer .rotorSelectors .selected {
               background: #ccc;
               opacity: 0.9;
               filter: alpha(opacity=90);
               }
               /* responsive */
               @media (max-width:960px){
               .rotatorContainer {
               width:100%;
               margin-left:0 !important;
               max-height: 366px;
               -webkit-text-size-adjust: none;
               }
               .grid_12 .iosRotator .rotator .rotor .inner img.program-photo {
               width:68%;
               }
               .grid_12 .iosRotator .rotator .rotor .inner .text {
               box-sizing: border-box;
               height:100%;
               }
               .iosRotator .rotator .rotor .inner h3 {
               font-size: 24px;
               line-height: 28px;
               }
               }
               @media (max-width:860px){
               .rotatorContainer {
               /* max-height: 340px; */
               }
               }
               @media (max-width:760px){
               .rotatorContainer {
               max-height: 300px;
               }
               div.rotorSelectors {
               display:none;
               }
               .iosRotator .rotator .rotor img.program-photo {
               max-height: 300px;
               }
               .iosRotator .rotator .rotor .inner h3 {
               font-size: 16px;
               line-height: 18px;
               }
               .iosRotator .rotator .rotor .inner h3.rotator-toptag {
               font-size: 10px !important;
               margin-bottom:6px !important;
               }
               .iosRotator .rotator .rotor .inner p {
               font-size: 12px;
               line-height: 15px;
               }
               .iosRotator .rotator .rotor .inner p.read-more {
               display:none;
               }
               }
               /* 560 is the major breakpoint for stacked rotator display */
               @media (max-width:560px){
               .rotatorContainer {
               max-height: none;
               height:460px;
               }
               .iosRotator {
               height:460px;
               }
               .iosRotator .rotator .rotor img.program-photo {
               width:100% !important;
               max-height: 300px;
               }
               .iosRotator .rotator .rotor .inner h3 {
               font-size: 17px;
               line-height: 18px;
               }
               .iosRotator .rotator .rotor .inner h3.rotator-toptag {
               font-size: 9px !important;
               margin-bottom:4px !important;
               }
               .iosRotator .rotator .rotor .inner div.text {
               position:static;
               width:95%;
               }
               }
               @media (max-width:460px){
               .rotatorContainer {
               max-height: none;
               height:420px;
               }
               .iosRotator {
               height:420px;
               }
               .iosRotator .rotator .rotor img.program-photo {
               width:100% !important;
               max-height: 230px;
               }
               .iosRotator .rotator .rotor .inner h3 {
               font-size: 15px;
               line-height: 17px;
               }
               .iosRotator .rotator .rotor .inner h3.rotator-toptag, .iosRotator .rotator .rotor .inner p {
               font-size: 12px !important;
               line-height:15px !important;
               margin-bottom:4px !important;
               }
               .iosRotator .rotator .rotor .inner div.text {
               position:static;
               width:95%;
               }
               }
               @media (max-width:420px){
               .rotatorContainer {
               max-height: none;
               height:380px;
               }
               .iosRotator {
               height:380px;
               }
               }
               @media (max-width:320px){
               .rotatorContainer {
               max-height: none;
               height:320px;
               }
               .iosRotator {
               height:320px;
               }
               .iosRotator .rotator .rotor img.program-photo {
               width:100% !important;
               max-height: 180px;
               }
               }
               /* end new ios front page rotator */
               /* below columns */
               @media (max-width:960px){
               #program-middle-content div.grid_4 {
               width:48%;
               margin-left:1%;
               margin-right:1%;
               }
               div.homepage-interstitial-middle {
               display:none;
               }
               div#program-sidebar-middle.grid_4 {
               width:100% !important;
               text-align:center;
               }
               }
               @media (max-width:560px){
               #program-middle-content div.grid_4 ul li a.micro-image {
               display:none;
               }
               #program-middle-content div.grid_4 ul li {
               padding-top:10px;
               height:auto;
               min-height:50px;
               border-top:1px solid #ccc;
               }
               #program-middle-content div.grid_4 img.program-photo {
               width:100%;
               height:auto;
               float:none;
               }
               }
               @media (max-width:320px){
               img.heading-feed-icon {
               display:none;
               }
               .iosRotator .rotator .rotor .inner .text {
               width:40%;
               }
               .iosRotator .rotator .rotor .inner .text h3.rotator-toptag {
               display:none;
               }
               .iosRotator .rotator .rotor .inner .text h3 {
               font-size:12px;
               }
               }