/*  
Theme Name: IPM - Radio
Theme URI: http://indianapublicmedia.org
Description: New theme for IPM Program sites
Version: 1.0
Author: Integrated Media
Author URI: http://wfiu.org
*/


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

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

.aux-column blockquote {
	background: url('[system-asset]/_ipm/_files/_images/eartheats-bg-trans-bottom.png.png[/system-asset]') repeat-x bottom;
	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;}

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

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

.aux-rotator-item {
	overflow:hidden;
}

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

.aux-rotator-item-overlay h3, .iosRotator .rotator .rotor .inner h3 {
	font-size: 22px !important;
	line-height: 24px !important;
}

.rotator-toptag h3{
    font-size: 9px !important;
}

.aux-rotator-item-overlay h3.aux-toptag, .rotator-toptag p  {
	font-size: 11px !important;
}

.iosRotator .rotator .rotor .inner p{
    font-size: 14px;
    line-height: 20px;
}

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 {
	height: 140px;
	margin:0;
	padding:5px 0;
}

.breadcrumb {
	display:none;
}

/* end breadrumb hide */

/* subheaders for boxes */

h3.program-heading, h1.page-title, #aux-intro h3.program-heading
{
	background:#7d110c url('/wp-content/themes/ipm/images/eartheats-bg-trans-bottom.png') repeat-x bottom;
	color:#FFF;
	font-size:16px;
	position:relative;
}
#aux-intro .program-box h3 {
	font-size:15px;
	margin-bottom:4px;
}
#aux-intro .program-box p {margin-bottom:0; font-size: 11px;}
#aux-intro div.wfiu_stream.hd2 {margin-top:14px; margin-bottom:10px;}
#aux-intro p.bottom-note {font-size:11px; font-weight:normal;}

.sidebar-lower-enews.program-block.program-box {padding-bottom:5px;}
#enews input#email_addr {font-size:15px; padding:2px 4px; width:160px; margin-bottom:5px;}

#enews .button#email_subscribe {
	font-size: 16px;
	width: 95px;
	height: 26px;
}

#enews {
	vertical-align: middle;
}

h4.toptag {
	display:none;
}

h4.toptag-alt{
    border-bottom: 0;
}

div.program-single-intro p {
	background:#7d110c url('/wp-content/themes/ipm/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 { margin:4px 0 14px 0; height:70px;background:#fff url('/wp-content/themes/ipm/images/eartheats-bg-trans-bottom.png') repeat-x bottom;
}

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

.homepage-interstitial.top {min-height:145px;}
.homepage-interstitial.top .interstitial_3 h3 {font-size:12px; font-weight:normal; line-height:16px;}


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

img.heading-feed-icon {
	width:20px;
	height:20px;
	float:right;
	position:absolute;
	top:7px;
	right:5px;
	}
a:hover img.heading-feed-icon {opacity:0.8;}
.iconnum-6 {padding-right:0;}
.iconnum-6 img {width:42px; height:42px; position:relative; top:2px;}
.iconnum-6 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;
}

/*----------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-events {width:300px; margin-right:10px; margin-bottom:10px; margin-top:-8px;}
#sidebar-inside-page-bottom {width:300px;}
#sidebar-inside-page-bottom {margin-top:10px;}
ul.events-nav {border-bottom:1px #cdcdcd solid; padding-bottom:5px; margin-bottom:10px;}
ul.events-nav li {display:inline; padding-right:20px;}




/* scheduler */

ul.listing_list li {
	list-style-type:none !important;
}

ul.listing_list li a {
	width: 603px !important;
	background-position-x: 590px !important;
}

table.calendar_days th {
	padding-left: 15px !important;
	padding-bottom: 5px;
}

div#schedule-tabs ul#tabs-list div {
	border-bottom: 1px solid #bbb;
	padding: 5px;
	float:left;
	margin-right: 5px;
	width: 610px;
}

div#schedule-tabs ul#tabs-list {
	padding-bottom: 50px;
}

div#schedule-tabs ul#tabs-list li {
	padding: 4px;
	margin-right: 2px;
	display: inline;
	border: 1px solid white;
	border-bottom:0;
}

div#schedule-tabs ul#tabs-list li.ui-state-active {
	border: 1px solid #bbb;
	border-bottom:1px solid white;
	/* background:#eee; */
}

div#schedule-tabs td.weekly_program_name {
	padding: 3px;
}

table#schedule_listing {
	border-collapse:collapse;
	text-align:left;
	font-size: 14px;
}

table#schedule_listing tr th {
	padding-bottom: 5px;
	text-align: center;
	font-size: 16px;
}

table#schedule_listing tr td {
	padding: 7px;
	border: 1px solid #ccc;
}

table#schedule_listing tr td div {
	margin-bottom: 10px;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}

.ui-tabs-panel {
	position:relative;
	z-index:1;
}

body#nprds_widget div#page a {
	color:#660000 !important;
}

body#nprds_widget div#wrapper-footer a {
	color:#fff !important;
}

body#nprds_widget div#wpadminbar a {
	color:#fff !important;
}

/*----station manager -----*/

ul.archive-posts-list li {
	margin-bottom: 10px;
}

ul.archive-posts-list li h2.post_title {
	margin-bottom: 5px;
}

#sidebar-left {
    margin-top: -1px;
}

#sidebar-left ul {
    margin-left: 5px;
    margin-bottom: 10px;
}

#sidebar-left ul li {
    list-style-type: none !important;
    margin-bottom: 6px;
    font-size: 12px;
}


#sidebar-left h3 {
    font-family: Helvetica, 'Lucida Grande', Arial, sans-serif;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    border-bottom: 1px solid #999;
    margin-right: 15px;
    margin-bottom: 5px;
}

#sidebar-left p {
    margin:5px;
    margin-right: 15px;
    font-size: 12px;
    line-height: 16px;
}

/* breaking news*/

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

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

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

/* thermometer */

div#thermometer-box.full-width {
	width: 938px;
	padding-bottom: 10px;
	position:relative;
	margin-bottom: 10px;
}

span#meter-updated {
	font-size: 10px;
	font-weight: bold;
	color: #666;
	position:absolute;
	bottom:20px;
	right:-3px;
}

/* twitter */

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


/* Whatson Players */

#radio-now-container{
    height: 44px;
    margin: 0px auto 27px;
    padding:10px;
}


#radio-now-container h3{
	font-size: 18px;
    line-height: 46px;
    padding-left: 6px; 
    color: #444;
    font-weight: bold;
    width: 68px; 
    float: left; 
}
#radio-now-container p{
	line-height: 15px;
}

.whatson-play{
   	background-color: #660000;
    color: #FFFFFF;
    font-size: 55px;
    height: 44px;
    text-align: center;
    width: 44px;
    font-family: entypo; 
    margin: 0; 
    padding: 0; 
    vertical-align: middle; 
    line-height: 44px; 
}
.whatson-play:hover{
	background-color: #993333;
}

#radio-now-container div {
    float: left; 
}

.wfiu_stream.hd1 {
    margin-right: 10px;
}
.wfiu_stream.hd1, .wfiu_stream.hd2{
    max-width:464px;
    width: 100%;
   	background-color: #ddd;
    height: 44px;
    position: relative;
}

#radio-now-container .whatson-block {
    float: right;
    height: 34px;
    width: 345px;
    margin-top:7px;
}
.whatson-program {
	height: 16px; 
	width: 341px;
}

#radio-now-container .whatson-programName {
    display: inline-block;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 224px;
    height: 15px; 
}

#radio-now-container .whatson-block > p {
    display: block;
    width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0; 
}

#radio-now-container .whatson-block p{
	font-size: 11px; 
}
.whatson-program span {
	float: right; 
	display: inline-block; 
	margin-top: 1px; 
}

.whatson-schedule {
    bottom: 8px;
    font-size: 11px;
    left: 383px;
    position: absolute;
    }

#radio-now-container .whatson-listen{
	font-size: 12px;
    height: 17px;
    line-height: 17px;
    vertical-align: middle;
}

.np-loading{
	position: absolute;
	top: 15px;
	font-size:13px; 
	font-family: helvetica;
}

#radio-now-container .whatson-song{
	display: none; 
}

#radio-now-container .whatson-song + .whatson-program {
	border-top: none; 
	margin-top: 0; 
	padding-top: 0; 
}
#radio-now-container .whatson-play img{
	position: absolute; 
	left: 12px; 
	bottom: 11px; 
	width: 20px; 
}

.ad-label .above {
 margin-top: 0px;   
}

.rotatorContainer {
    max-width: 618px;
}

.rotatorContainer .rotorSelectors {
    left: 0;
}

div#aux-intro.grid_4 {
    margin-top: -21px;
}

 h3.rotator-toptag {
    font-size: 12px;
    line-height:13px;
}

div.program-box.iconnum-7 {
    margin-left: 14%;
}

#radio-news-feed {
    width: 49%;
    float: left;
    margin-top: 7px;
}

#radio-arts-feed {
    width: 49%;
    float: right;
    margin-top: 7px;
}

#radio-fb .program-box{
    padding-left: 0px;
}

.iosRotator .rotator .rotor .inner h3.rotator-toptag, .iosRotator .rotator .rotor .inner p {
		 font-size: 12px !important;
}

/****************** Responsive Syling************************/

@media screen and (min-width: 960px){
    
    div#radio-mobile-header {
        display: none;
    }
    
    div.sidebar-upper-underwritings.program-box{
        margin-left: -10px;
    }
}


@media screen and (max-width: 760px){
    
    div.ad-label.below{
        margin-top: 100px;
        margin-bottom: 70px
    }   
    
}

@media screen and (max-width: 620px){
    
    div.ad-label.below{
       
        margin-bottom: 90px
    }   
    
    #program-sidebar-upper {
    margin-top: 800px;
    }
    
}

@media screen and (orientation: landscape){
    
    div#radio-mobile-header {
        display: none;
    }
}