/*
Theme Name: Mission Reds
Theme URI: http://www.radiovalencia.fm
Description: A custom theme built for the Radio Valencia homepage. Original design by Rick Abruzzo.
Author: Orin Zebest
Author URI: http://glot.homepie.org
Version: 0.36 - most but not all of 0.35!
*/

/* FONTS */
@font-face {
	font-family:TradeGothicCond; src:url('fonts/TradeGothic-BoldCondTwenty.otf');
}
@font-face {
	font-family:TradeGothic; src:url('fonts/TradeGothic-Bold.otf');
}


/* GENERAL */
body{
	font-family:sans-serif;
	font-size:.85em;
	margin:0;padding:0;
}
.spacer{clear:both}
body>*{margin:auto;width:90%;}
hr{
	width:100%;
	border:0;
	height:0;
	border-top:2px solid #be1e2d;
}
input[type="text"]{
	padding:4px;
	background-color:rgba(202,202,202,0.8);
	border: 2px inset #FFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

body>header{
	display:block;
	background:url(images/text-radio-valencia.png) no-repeat bottom;
	padding-bottom:65px;
	height:60px;
	margin:2em  auto;
	position:relative;
	width:90%;
	min-width:800px;
}
body>header ul *{-webkit-transition: all 0.2s ease-out;}
body>header nav{
	display:table;
	width:100%;
	height:32px;
    max-height: 60px;
	width:100%;
	margin:auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:14px 5% 14px 5%;
	box-shadow:0 6px 9px rgba(0,0,0,0.8);
	-moz-box-shadow:0 6px 9px rgba(0,0,0,0.8);
	-webkit-box-shadow:0 6px 9px rgba(0,0,0,0.8);
	background: #be1c2e url(images/gradient-header-nav.png) repeat-x top;
	background-size:contain;
	-webkit-background-size:contain;
	-moz-background-size:contain;
}
body>header nav ul{
	margin:0;
	padding:0;
	display:table-row;
}
body>header nav li{
	font-family:TradeGothic, Helvetica, Arial, sans-serif;
	list-style-type:none;
	display:table-cell;
	height:32px;
	border-right:2px groove #fff;
	vertical-align:middle;
	font-size:24px;
	font-weight:bold;
	text-align:center;
}
body>header nav li a{
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}

#listen-link{
	position:absolute;
	z-index:20;
	font-size:0;
	background-image:url(images/listen-icon-double.png);
	background-position:bottom;
	height:34px;width:35px;
	top:13px;
	left:3px;
	opacity:.2;
	-webkit-transition: opacity 500ms ease-out;
}
body>header:hover #listen-link{
	opacity:.5;
}
body header a#listen-link:hover{
	background-position:top;
	opacity:1;
}
#homepage-link{
	width:158px;
	border:0;
}
#homepage-link a{
	position:absolute;
	top:-20px;
	padding:0;
	display:block;
}
#homepage-link img{
	border:0;
}
#homepage-link a:hover img{
	-webkit-transform:rotate(-35deg);
	-moz-transform:rotate(-35deg);
	transform:rotate(-35deg);
}
#homepage-text-link{
	display:block;
	width:800px;
	height:65px;
	margin:0 auto;
}
body>header nav li ul{
	position:absolute;
	top:46px;
	padding-top:13px;
}
body>header nav li ul li{
	background:#be1c2e;
	border-bottom:1px solid #fff;
	display:none;
	text-align:left;
	border-right:none;
	padding:3px;
	height:auto;
	width:100%;
	box-shadow:0 3px 6px rgba(0,0,0,0.6);
	-moz-box-shadow:0 3px 5px rgba(0,0,0,0.6);
	-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.6);
}
body>header nav li:hover ul li,body>header nav li ul:hover li{
	display:block;
}
body>header nav li ul li a{
	text-transform:none;
	display:block;
	width:100%;
}
body>header nav a:hover{text-decoration:underline;}
body>header nav li:last-child{border-right:none}
a{color:#be1c2e}
h1,h2,h3,h4,h5,h6{
	margin:0;
	font-family:TradeGothic, Helvetica, Arial, sans-serif;
	font-size:125%;
	text-transform:uppercase;
	color:#be1c2e;
}
h1{font-size:200%}
h2{font-size:155%}
h3{font-size:130%}

header,footer,article,section,aside,figure{display:block;/* Mozilla isn't smart */}
body>footer{
	clear:left;
	margin:3em auto 1em;
	text-align:center;
}
.date, .author { font-size:100%; color:#777777; display:inline; }
.author a { color:#777777; }


/* NOW PLAYING */
#now-playing{
	border:1px solid red;
	border-radius:6px;
	display:block;
	margin-bottom:1em;
	padding:9px;
	
}

#nowplaying_description1 {
		line-height: 130%;  /* line height for now playing content @@ */	
}

#now-and-later-tabbed nav{
	display:block;
	width:100%;
	margin:0 8px;
	text-transform:uppercase;
	height:22px;
	overflow:hidden;
	
	
}
#now-and-later-tabbed nav a.up-next-0{background-color:#BF1F2C}
#now-and-later-tabbed nav a.up-next-1{background-color:#cd3136}
#now-and-later-tabbed nav a.up-next-2{background-color:#dd4141}
#now-and-later-tabbed nav a.up-next-3{background-color:#e66260}
#now-and-later-tabbed nav a:last-child{margin-right:18px}
#now-and-later-tabbed nav a{
	background:#e66260;
	margin-right:3px;
	line-height:16px;
	float:left;
	background-image: url(images/now-and-later-tab.png);
	background-repeat: repeat-x;
	bachground-poisition:bottom;
	background-image: -webkit-gradient(
	 linear,
	 left bottom,
	 left top,
	 from(rgba(0, 0, 0, 0.25)),
	 color-stop(0.65, rgba(0, 0, 0, 0)) );
	background-image: -moz-linear-gradient(
	 center bottom,
	 rgba(0, 0, 0, 0.25) 0%,
	 rgba(0, 0, 0, 0) 65% );
	padding:3px 8px;
	border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	outline:none;
}
#now-and-later-tabbed nav a:hover{
	text-decoration:none;
	background-image: url(images/now-and-later-tab-hover.png);
	background-repeat: repeat-x;
	bachground-poisition:bottom;
	background-image: -webkit-gradient(
	 linear,
	 left bottom,
 	 left top,
	 from(rgba(255,255,255,0.3)),
	 color-stop(0.72, rgba(255,255,255,0)) );
	background-image: -moz-linear-gradient(
	 center bottom,
	 rgba(255,255,255,0.3) 0%,
	 rgba(255,255,255,0) 72% );
}
#now-and-later-tabbed nav a.selected-now,
#now-and-later-tabbed a.selected-now:hover{
	background-image: url(images/now-and-later-tab-selected-now.png);
	background-repeat: repeat-x;
	bachground-poisition:bottom;
	background-image: -webkit-gradient(
	 linear,
	 left bottom,
	 left top,
	 color-stop(0.04, #d15d68),
	 color-stop(0.52, rgba(209,93,104,0) ));
	background-image: -moz-linear-gradient(
	 center bottom,
	 #d15d68 4%,
	 rgba(209,93,104,0) 52% );
}

figure#now-and-later-tabbed{
	display:block;
	margin:0 0 2em 0;


}
#now-and-later-tabbed,#now-and-later-tabbed a,.up-next h1,.up-next h2,.up-next {
	color:#FFF;
	text-decoration:none;
}
#now-and-later-tabbed a:hover{
	text-decoration:underline;
}
#now-and-later-tabbed .date{
	font-weight:normal;
	color:#FCF7F5;
}




.up-next{display:none}
section.selected-now{
	display:block !important;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background:#bf1f2c url(images/gradient-now-playing-selected-now.png) repeat-x top;
	background-size:contain;
	background: -webkit-gradient(
	 linear,
	 left bottom,
	 left top,
	 color-stop(0.04, #BF1F2C),
	 color-stop(0.52, #d15d68) );
	background: -moz-linear-gradient(
	 center bottom,
	 #BF1F2C 4%,
	 #d15d68 52% );
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding:7px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}
.up-next aside{
	width:37%;
	float:left;
}
.up-next article{
	width:60%;
	margin-left:40%;

}
.up-next aside h1{
	margin-bottom:.2em;
	min-height:31px;
	font-size:220%;
}
.up-next aside h2 a{
text-decoration:underline !important}
.up-next aside h1 a:hover{
	background:url(images/listen-icon.png) no-repeat right;
	padding-right:34px;
}
.up-next aside summary{
	display:block;
	margin-top:.3em;
}



#technical_difficulties {

	width: 100%;
	margin-bottom: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;


}


#nowplaying_special_content {

	width: 100%;
	margin-bottom: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;

	display: none;

}

#nowplaying_special_content2 {

	width: 100%;
	margin-bottom: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;

	display: none;

}


#nowplaying_special_content_pictures_container {

	width: 100%;
	height: 100%;

	margin-bottom: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;



	display: none;

}




#nowplaying_special_content_picture1 {

	float:left;
	display: none;

	padding: 2px;


}

#nowplaying_special_content_picture2 {

	float:left;
	display: none;

	padding: 2px;


}

#nowplaying_special_content_picture3 {

	float:left;
	display: none;

	padding: 2px;


}




/* MAIN LAYOUT */
#wrapper{
	width:90%;
	position:relative;
}
#content-wrapper{
	float:left;
	width:100%;
}
#content{
	margin:auto;
	display:block;
	margin-right:248px;
	
	line-height: 150%;  /* line height for main content @@ */	
	
}


#main{
	padding-top:1.3em;
}



.aside-column{
	background-color: #E1E1E1;
	width:37%;
	float:left;
	position:relative;
	margin:0 3% 3% 0;
	padding:0.6em;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.aside-column .byline{ display:none }
.aside-column ul{
	padding:0;
	list-style-type:none;
}
.aside-column li{
	margin-bottom:0.5em;
}
#right-sidebar{
	width:230px;
    margin: -10px 0 0 -230px;
	float:left;
	overflow:visible;
	
	
	
}

.sidebar_contentWry {
	line-height: 160%;  /* line height for blurbs in the sidebar. Doesn't apply to headings @@ */	
}
div.widget{
	margin:0.8em 0;
	position:relative;
}


.title a,.entry-title a{text-decoration:none}
.title a:hover,.entry-title a:hover{text-decoration:underline}
.read-more-link{font-size:90%}
.read-more-link img{vertical-align:middle;border:0}
.read-more-link a img{}


/* COMMENTS */
#comment{width:100%}
#comments>ul.commentlist{
	padding:0;
}
ul.commentlist,ul.children{
	list-style-type:none;
}
.commentlist .comment{
	padding:.5em;
	margin:.5em 0;
}
.comment-body{
	padding-left:60px;
}
.commentlist li.even{
	background-color:#F1F1F1;
}
.commentlist li.odd{
	background-color:#FFF;
}
li.byuser{
	background:url(images/comment-by-user.png) no-repeat top left;
}
.comment-author{
	font-family:TradeGothic, Helvetica, Arial, sans-serif;
	font-size:130%;
	text-transform:uppercase;
}
.comment-author cite{
	font-style:normal;
}
.avatar{
	float:left;
	border: 3px solid #E1E1E1;
	margin-left:-60px;
}


/* WRYCHAT */
#wryChatBreakout{
	position:absolute;
	right:-4px;
	top:-4px;
}
#wryChatTop{
	width:100%;
	height:40px;
	position:absolute;
	top:0;
	z-index:100;
	background-image: linear-gradient(
	 center bottom,
	 rgba(225,225,225,0.0),
	 rgb(225,225,225)
	);
	background: -webkit-gradient(
	 linear,
	 left top,
	 left bottom,
	 from(rgb(225,225,225)),
	 to(rgba(225,225,225,0.0))
	);
	background-image: -moz-linear-gradient(
	 center bottom,
	 rgba(225,225,225,0.0),
	 rgb(225,225,225)
	);
}
#wryChatContainer {
	height:350px;
	width:100%;
	overflow:hidden;
	position:relative;
}
#wryChatComments{
	position:absolute;
	bottom:0;
	color:#000;
}
.wryChatUsernames{
	font-weight:bold;
	color:#413839;
	font-size: .95em;
}
.wryChatTimestamps{
	font-size:.8em;
	color:#666;
	white-space:nowrap;
}
.wryChatTimestamps a{
	color:#666;
	text-decoration:none;
}
.wryChatTimestamps a:hover{
	text-decoration:underline;
}
.wryChatIndividualComment{
	font-size:.9em;
	margin-left:3px;
	text-indent:-3px;
	line-height:130%;
	margin-bottom:3px;
}
#wryChatBottom {
	margin:10px 0;
	text-align:center;
}


/* JPLAYER */
#jp_interface_1{
	margin:auto;
	width:100%;
	background:#EEE;
	position:relative;
}
.jp-controls div{
	background:#CCC;
	float:left;
	width:25px;
	height:25px;
	margin:2px;
	padding:2px;
	display: table-cell;
	vertical-align: middle;
}
.jp-controls div a{
	height:0;
	display:block;
	overflow:hidden;
	outline:none;
}
.jp-play{
	width:23px;
	padding-top:23px;
	background:url(images/boring-player-icons.png) no-repeat 0 0;
}
.jp-play:hover{
	background:url(images/boring-player-icons.png) no-repeat 0 -23px;
}
.jp-pause{
	width:19px;
	padding-top:21px;
	background:url(images/boring-player-icons.png) no-repeat -23px 0;
}
.jp-stop{
	width:21px;
	padding-top:21px;
	background:url(images/boring-player-icons.png) no-repeat -43px 0;
}
.jp-stop:hover{
	background:url(images/boring-player-icons.png) no-repeat -43px -23px;
}
.jp-muters{
	float:left;}
.jp-mute{
	width:8px;
	margin-right:5px;
	padding-top:13px;
	background:url(images/boring-player-icons.png) no-repeat -64px 0;
	height:0;
	display:block;
	overflow:hidden;
}
.jp-audio:hover .jp-mute{
	width:13px;
	margin-right:0;
}
.jp-mute:hover{
	width:13px;
	margin-right:0;
	background:url(images/boring-player-icons.png) no-repeat -64px -28px;
}
.jp-unmute{
	width:8px;
	margin-right:7px;
	padding-top:13px;
	background:url(images/boring-player-icons.png) no-repeat -64px -14px;
	height:0;
	display:block;
	overflow:hidden;
}
.jp-audio:hover .jp-unmute{
	width:15px;
	margin-right:0;
}
.jp-unmute:hover{
	width:15px;
	margin-right:0;
	background:url(images/boring-player-icons.png) no-repeat -64px -42px;
}
.jp-volume-bar{
	width:44px;
	height:15px;
	overflow:hidden;
	background:url(images/boring-player-icons.png) no-repeat bottom right;
	cursor:pointer;
}
.jp-volume-bar-value {
	height:15px;
	overflow:hidden;
	background:url(images/boring-player-icons.png) no-repeat 0 -46px;
}
.jp-volume-bar:hover .jp-volume-bar-value{
	background:url(images/boring-player-icons.png) no-repeat 0 -61px;
}
#jp_interface_1:hover .jp-volume-bar-value {
}


/* wryShare */
#wryChatContainerContainer{
	position:relative;
	background-color: #E1E1E1;
	padding:0.6em;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
#wryChatContainer{
	height:320px
}
#picListener{text-align: center}
#picListener img{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-box-shadow:0 0 4px #777;
	-webkit-box-shadow:0 0 4px #777;
	box-shadow:0 0 4px #777;
	border:2px solid #777;
	margin:.5em;
}
#picListener img:hover{
	-moz-box-shadow: 0 0 5px #777, 0 0 10px #777,0 0 15px #777;
	-webkit-box-shadow: 0 0 5px #777, 0 0 10px #777,0 0 15px #777;
	box-shadow: 0 0 5px #777, 0 0 10px #777,0 0 15px #777;
}





/* podcast page styles */


.pc_show_container {

	position: relative;

	margin-left: 0px;
	margin-top: 30px;
	margin-bottom: 30px;

	width: 100%;

}



.pc_dl_options {

	/*left: 170px;*/

}



.pc_showpic {

	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 10px;
	float: left;

	z-index: 99999;
}

.pc_showdeets_container {

	/*left: 170px;*/
	top: 7px;
	margin-right: 15px;
	line-height: 140%;
	position: relative;



}




.pc_showheader1 {

	font-size: 2em;
	font-weight: bold;

	text-align: left;
/*
	padding-left: 120px; /* so the download/podcast icons aren't part of the centering */
	margin-left: auto;
	margin-right: auto;
*/
	font-family:TradeGothic, Helvetica, Arial, sans-serif;
	color:#be1c2e;


}

.pc_showheader1a {

	font-size: 2em;
	font-weight: bold;
	text-align: left;

	/*
	margin-left: auto;
	margin-right: auto;
	*/

	font-family:TradeGothic, Helvetica, Arial, sans-serif;
	color:#be1c2e;


}

.pc_showheader2 {

	font-size: 1.4em;
	font-weight: bold;
/*
	text-align: center;
	margin-left: auto;
	margin-right: auto;
*/

	font-family:TradeGothic, Helvetica, Arial, sans-serif;
	color:#be1c2e;


}

.pc_showheader3 {

	font-size: .8em;
	font-weight: normal;
	text-align: center;
	margin-left: auto;
	margin-right: auto;

	font-family:TradeGothic, Helvetica, Arial, sans-serif;
	color:#be1c2e;


}


.pc_showtitle {

	font-size: 1.2em;
	font-weight: bold;

}

.pc_showdeets {

	font-size: 1.0em;
	font-weight: normal;

}



.pc_episode_description {

	clear: both;
}

.pc_clearFloat {
   clear: both;
}


.pc_roundededge {
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	z-index: 99998;
}


/* some styles for the Excerpts */

a.excerpt_links:link {
	text-decoration: none;
	/*	font-weight: bolder; */
}

a.excerpt_links:hover {
	text-decoration:underline;
}



/* the thumbnail in the excerpts */
.wp-post-image {

	float:left;
	padding-right: 10px;
	padding-bottom: 6px;
	/*margin-bottom: 10px;*/


}


.entry-summary {

	margin-top: -10px; /* reduce space between news items. This is done since the Query Posts widget inserts a <p>. A better way would be to get rid of that? But alas. */

}



.excerpt-text {

	/* this is only here so we can add space after a station news posting. Should be removed once I figure out how to wrap news postings in a div container %% */
	margin-bottom: 10px;


}

.excerpt-image {

	/* this is only here so we can add space after a station news posting. Should be removed once I figure out how to wrap news postings in a div container %% */
	margin-top: 10px;
	/*margin-top: -10px;*/

}


/* added 5/21/19 for the new exceprt thumbnail method */
.excerpt-image img {
	
	float: left;
	padding-right: 10px;
	max-width: 150px;
	width: 100%;
	height: auto;
}

.excerpt-container {

	overflow: hidden; /* this clears the nested float... */
	margin-bottom: 20px;

}


/* style for the html5 player */
.homepage-player {
	
  height:35px; 
  width:100%;
  max-width: 250px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border: 0px none rgb(255, 255, 255);
  
  margin-top: 10px;
  
}

.podcast_player_container {
	padding-top: 0px;
}


.news-container {

	margin-bottom: 20px;
}



/*
OVERRIDER STUFF
*/

.overrider_pictures {

	max-width:550px;

}

/*
SCHEDULE STUFF
*/

.schedule-day-container {
    margin: 8px 0;
}

.schedule-day {
    font-family: TradeGothic, Helvetica, Arial, sans-serif;
    font-size: 125%;
    text-transform: uppercase;
    color: #be1c2e;
    margin: 20px 0 0;
}

.schedule-time {
    font-weight: bold;
    margin-top: 10px;
}

.schedule-showtitle {
    padding-top: 8px;
    padding-left: 12px;
    font-weight: bold;
}

.schedule-description {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 8px;
}

.schedule-image-container {
    padding-top: 8px;
    padding-left: 12px;
    max-width: 200px;
}

.schedule-image {
    max-width: 200px;
    max-height: 200px;
}


/* These are some divs used by the FB like/send buttson. Not using them now, but thought I'd leave them just in case */
/* this is the send button */
.fb_ltrZZZ {
	width: 70px !important;
	overflow: hidden;
}

iframe.fb_ltrZZZ {
    width: 100px !important;
	overflow: hidden;
}

/* Facebook like & share button (other styles passed by Facebook) */
.fb_iframe_widget {
    font-size: 0;
    vertical-align: bottom;
}

.fa-stack {
    font-size: 16px;
    top: 2.5px;
}

.fa-stack-1x {
    color:white;
}
.icon-facebook {
    color:#3b5998;
}
.icon-facebook:hover {
    color: #153372;
}

.icon-twitter {
    color: #00aced;
}

.icon-twitter:hover {
    color: #0086C7;
}