/*
Theme Name: idobi Network 2015
Author: Tom Cheney & Matt Vogel
Author URI: http://idobi.com
Description: idobi Network theme 2015
*/

/**--------------------------------
 * --------------------------------
 * TABLE OF CONTENTS:
 * --------------------------------
 * --------------------------------

 * 1.0 - Structure

 	1.1 - Header
 		1.1.1 - Navigation
 			1.1.1.1 - Navigation Global Styles
 			1.1.1.2 - MEDIA QUERY : Navigation

 		1.1.2 - Header Search
 			1.1.1.2 - MEDIA QUERY : Header Search

 		1.1.3 - Tune-in Grid

 	1.2 - Footer
 		1.2.1 - MEDIA QUERY : Footer

 	1.3 - Sidebar



 * 2.0 - Typography
 


 * 3.0 - Grids

 	3.1 - Global Grid Structure & Styles

 	3.2 - .grid2
 		3.2.1 - MEDIA QUERY : .grid2

 	3.3 - .grid3
 		3.3.1 - .grid3 : Review Section
 			3.3.1.1 - MEDIA QUERY : .grid3 : Review Section
 		3.3.2 - .grid3 : Shows & Podcasts
 			3.2.2.1 - MEDIA QUERY : .grid3 : Shows & Podcasts

 	3.4 - .grid4
 		3.4.1 - MEDIA QUERY : .grid4
 		3.4.2 - Station Lineup
 			3.4.2.1 - MEDIA QUERY : Station Lineup

 	3.5 - .grid5
 		3.5.1 - MEDIA QUERY : .grid5

	3.6 - Special Grids
		3.6.1 - Schedule Grid
		3.6.1.1 - MEDIA QUERY : Schedule Grid



 * 4.0 - Single
 	4.1 - Single Structure
 	4.2 - Writer Shortcodes
 	4.3 - Sharing Section
 	4.4 - Author Template
 	4.5 - Single Podcast Template
 	4.6 - Single Review Template
 		4.6.1- MEDIA QUERY : Single Review Template
 	4.7 - Related Content

 	4.99 - 404 Page



* 5.0 - Archive Templates
	5.1 - Review Archive
		5.1.1 - MEDIA QUERY : Review Archive



* 6.0 - Page Templates
	6.1 - Show Pages
	6.2 - Radio Template
	6.3 - idobi Radio Template
	6.4 - Info Page Templates

* 7.0 - Radio Player
	7.1 - Radio Player Global Styles
	7.2 - MEDIA QUERY : Radio Player

* 8.0 - Homepage Splash Banner



* 9.0 - Search templates

* 10.0 - Special Table Styles

 */




/* 2018 Theme Universal Cards */

.card_stack {
	float: left;
	background: none;
    color: inherit;
    font: inherit;
    text-decoration: inherit;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;

    font-family: 'Playfair Display', sans-serif;
    font-weight: 600;

    width: calc(100%/3 - 40px);
    margin: 18px;
}

	@media (max-width: 960px) {
		.card_stack {
			width: calc(100%/2 - 40px);
		    margin: 18px;
		}
	}

	@media (max-width: 640px) {
		.card_stack {
			width: 90%;
		}
		.card_stack span.single_title {
			font-size: 1em;
		}
	}

	a.card_stack:hover .card_overlay {
		opacity: 1;
	}

		.card_item {
			display: flex;
		    justify-content: center;
		    align-items: center;
		    display: -ms-flexbox; -ms-flex-align: center; -ms-flex-pack: center;
		    height: 100%;
		}
	    
			.card_bg {
			    height: 300px;
			}
				.card_bg_square {
					height: 300px;
				}
				.card_bg_tall {
					height: 400px;
				}
				.card_bg_xtall {
					height: 500px;
				}
				.card_bg_short {
					height: 200px;
				}
				.card_bg_mini {
					height: 50px;
				}
				.card_bg img {
					object-fit: cover;
				    font-family: object-fit\: cover;
				    height: 100%;
				    width: 100%;
				    max-width: 100%;
				}

			.card_overlay {
			    display: block;
			    width: 100%;
			    height: 100%;
			    opacity: 0.75;
			    position: absolute;
			}

			.card_content {
				position: absolute;
				width: 100%;
				text-align: center;
			}
				.card_title {
					color: #FFF;
				    display: block;
				    padding: 5%;
				    margin: 0 15%;
				    font-size: 1.5em;
				}
					.section_shows .card_title {
						font-family: 'Karla', sans-serif;
					}
				.card_byline {
					font-size: 1em;
				}
				.card_airtime {
					font-family: 'Karla', sans-serif;
					font-size: 0.8em;
					font-weight: normal;
				}
				.card_playing {
					display: block;
					font-size: 0.8em;
					margin: .3em 15%;
				}


	.single_item {
	    width: 60%;
	    margin: 1.5em auto;
	    color: #FFF;
	    font-family: 'Karla', sans-serif;
	    text-align: center;
	}

		span.single_byline {
		    display:block;
		    width: 100%;
		    margin: 0 0 .3em 0;

		    text-transform:lowercase;
		    font-size: 0.8em;
		}
		span.single_title {
			font-size: 1.5em;
			line-height: 1.3em;
			font-weight: 600;
		}


	.hero_stack {
		width: 100%;
		margin: auto;
	}
		.hero_content{
			position: absolute;
			text-align: center;
		}
		.hero_item{
			display: flex;
		    justify-content: center;
		    align-items: center;
		    display: -ms-flexbox; -ms-flex-align: center; -ms-flex-pack: center;
		    height: 100%;
		}
			.hero_item .card_overlay{
				opacity: 0.3;
			}
		.hero_title {
		    width: 50%;
		    font-family: 'Playfair Display', serif;
		    margin: auto;
		    font-size: 2.5em;
		}


	.schedule_label{
		width: 15%;
		float: left;
	}
	.schedule_content{
		width: 80%;
		padding-left: 5%;
		float: right;
	}
		.footer_schedule .doc-container section {
			padding: 1.5em 10% 1.5em 10%;
			}
			.schedule_item {}
			span.schedule_title {
			    font-size: 1em;
			    line-height: 1.3em;
			    font-weight: 600;
			    margin: .3em 0 .3em 0;
			    display: inline-block;
			}
			.schedule_content span.card_byline {
				display: inline-block;
			}
			.schedule_item h3 {
				margin: 0;
				padding-right: 5%;
				font-size: 1em;
				display: inline-block;
			}
			.schedule_content .slick-track {
				display: flex;
			    justify-content: center;
			    align-items: center;
			    display: -ms-flexbox; -ms-flex-align: center; -ms-flex-pack: center;
			    height: 100%;
			}
			.schedule_item .single_title {
				font-size: 0.8em;
				line-height: 0.8em;
			}
			.schedule_item span.single_byline {
				font-size: 0.6em;
			}



	.doc-container section {
		padding: 3% 10% 3% 10%;
	    width: 80%;
	    font-family:'Karla', sans-serif;
	}
			.section_listen .card_stack {
				font-family:'Karla', sans-serif;
			}
			.section_listen .card_byline {

			}
		.doc-container section.hero_section {
		    width: 100%;
		    padding: 3% 0 3% 0;
		}
		.doc-container section.section_shows .slick-list {
		}

	section.bg_purple {background:#5441cc;}
		section.bg_purple .accent_color,
			section.bg_purple a .tertiary_color:hover{color:#f47a68;}
		section.bg_purple .tertiary_color{color:#4a2721;}
			section.bg_purple .tertiary_overlay{background:#84cbb5;}

	section.bg_blue {background:#575AF9;}
		section.bg_blue .accent_color{color:#FFF;}

	section.bg_peach {background:#f47a68;}
		section.bg_peach .accent_color,
			section.bg_peach a .tertiary_color:hover{color:#101954;}
		section.bg_peach .tertiary_color{color:#eccbc1;}
			section.bg_peach .tertiary_overlay{background:#101954;}

	.bg_mint {background:#97DD97;}
		.bg_mint .accent_color{color:#FFF;}
		.bg_mint .tertiary_color{color:#eccbc1;}
			.bg_mint .tertiary_overlay{background:#101954;}

	.bg_orange {background:#FFB778;}
		.bg_orange .accent_color,
			.bg_orange a .tertiary_color:hover{color:#342F2E;}
		.bg_orange .tertiary_color{color:#FFF;}
			.bg_orange .tertiary_overlay{background:#FFF;}

	.bg_pink {background:#ff9494;}
		.bg_pink .accent_color,
			.bg_pink a .tertiary_color:hover{color:#FFF;}
		.bg_pink .tertiary_color{color:#480707;}
			.bg_pink .tertiary_overlay{background:#480707;}

	.bg_gray {background:#e6e6e6;}
		.bg_gray .accent_color,
			.bg_gray a .tertiary_color:hover{color:#f47a68;}
		.bg_gray .tertiary_color{color:#ececec;}
			.bg_gray .tertiary_overlay{background:#4041cb;color:#4041cb;}

	section.bg_offwhite {background:#fafafa;}
		section.bg_offwhite .accent_color,
			section.bg_offwhite a .tertiary_color:hover {color:#f6b63a;}
		section.bg_offwhite .tertiary_color {color:#150a10;}
			section.bg_offwhite .tertiary_overlay{background:#150a10;}

	/* STANDARD COLORS */
	.bg_black {background:#191B22;}
		.bg_black .accent_color,
			.bg_black a .tertiary_color:hover{color:#FA8A83;}
		.bg_black .tertiary_color{color:#FCFCFC;}
			.bg_black .tertiary_overlay{background:#FCFCFC;}

	.bg_white {background: #FFF;}
		.bg_white .accent_color,
			.bg_white a .tertiary_color:hover{color:#5759f9;}
		.bg_white .tertiary_color{color:#1d1b1a;}
			.bg_white .tertiary_overlay{background:#ff8e50;}

	.bg_none {background: none;}
		.bg_none .accent_color,
			.bg_none a .tertiary_color:hover{color:#5759f9;}
		.bg_none .tertiary_color{color:#1d1b1a;}
			.bg_none .tertiary_overlay{background:#ff8e50;}

	/* STATION COLORS */
	.bg_anthm {background:#ff4632;}
		.bg_anthm .accent_color,
			.bg_anthm a .tertiary_color:hover{color:#ececec;}
		.bg_anthm .tertiary_color{color:#eccbc1;}
			.bg_anthm .tertiary_overlay{background:#eccbc1;}

	.bg_idobi {background: #2b2a4c;}
		.bg_idobi .accent_color,
			.bg_idobi a .tertiary_color:hover{color:#49d7d2;}
		.bg_idobi .tertiary_color{color:#ff4632;}
			.bg_idobi .tertiary_overlay{background:#ff4632;}

	.bg_howl {background: #feba39;}
		.bg_howl .accent_color,
			.bg_howl a .tertiary_color:hover{color:#1b1d21;}
		.bg_howl .tertiary_color{color:#1b1d21;}
			.bg_howl .tertiary_overlay{background:#1b1d21;}

		section .section_title {
			text-align: center;
			display: block;
			font-family: 'Karla', sans-serif;
			text-transform: lowercase;
		}

		section .section_subtitle {
			text-align: center;
			display: block;
			font-family: 'Karla', sans-serif;
			margin-top: 2em;
			text-transform: lowercase;
			font-size: 2em;
			font-weight: bold;
			text-transform: lowercase;
		}

	img.hr {
	    display: block;
	    width: 50%;
	    margin: auto;
	    padding: 2%;
	}


	.card_hr {
		background-image: url(i/hr/486_white.png);
	    background-size: auto 7px;
	    background-repeat: repeat-x;
	    background-position: 100% 100%;
	    min-height: 15px;
	    margin: 1em auto 2em auto;
	    width: 50%;
	}
		.bg_white .card_hr {
			background-image: url(i/hr/486_purple.png);
		}
			



.doc-nav {
	font-family: 'Karla', sans-serif;
    font-weight: 600;
    text-transform: lowercase;
    font-size: 1.1em;
    margin: 1em 0 1em 0;
    height: 50px;
}
	.nav_top {
		background: #EFEFEF;
		float: left;
		width: 100%;
		text-align: center;
	}
	.nav_bottom {
	    width: 100%;
	    text-align: center;
	    float: left;
	}
		ul#main-nav {
		    padding: 0;
		    margin: 0;
		    width: 100%;
		}
		a.logo_mark img {
			width: 45px;
		}
		a.logo_mark {
		    display: inline-block;
		    margin: auto;
		    width: 45px;
		}

		a.search {
		    float: right;
		    display: inline-block;
		}

		a.listen {
		    display: inline-block;
		    float: left;
		}

		.station-slider .card_stack {
			padding: 0;
			margin: 0;
		}

			.station-slider .card_content {
			    background: #fff;
			    width: 100%;
			    padding: 1em;
			    bottom: 0;
			}
				.station-slider .bg_anthm .card_content {
					background: #d43f1e;
				}
				.station-slider .bg_idobi .card_content {
					background: #1f5977;
				}
				.station-slider .bg_howl .card_content {
					background: #e6d872;
				}

				.station-slider .card_title {
					padding: 0;
					margin: 0;
				}
				.station-slider .card_byline {
					font-size: 0.8em;
					color: #FFF;
				}

			.card_content.card_logo {
			    float: none;
			    margin: auto;
			    width: 30%;
			    right: inherit;
			    bottom: inherit;
			}

			.card_logo img {
			    width: 100%;
			}
			.station-slider.slick-initialized.slick-slider {
			    width: 100%;
			}



.bg_anthm .card_item,
.bg_howl .card_item,
.bg_idobi .card_item {
	background-size: cover;
}
	.bg_anthm .card_item {
		background: url('i/tuners/anthm_tuner.jpg') repeat;
		background-size: cover;
	}
	.bg_idobi .card_item {
		background: url('i/tuners/idobi_tuner.jpg') repeat;
		background-size: cover;
	}
	.bg_howl .card_item {
		background: url('i/tuners/howl_tuner.jpg') repeat;
		background-size: cover;
	}



.sticky-slider button.slick-next,
.station-slider button.slick-next{
    right: 3%;
    z-index: 1;
}
.sticky-slider button.slick-prev,
.station-slider button.slick-prev {
    left: 3%;
    z-index: 1;
}

	.sticky-slider .slick-prev:before,
	.sticky-slider .slick-next:before,
	.station-slider .slick-prev:before,
	.station-slider .slick-next:before{
		font-size: 40px;
		color:#FFF;
	}











.footer_schedule {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: red;
    color: white;
    text-align: center;
}





.box-item {
    width: 29.333%;
    float: left;
    margin: 2%;
}



/* TEMPORARY 1.3.2018 - NEW IDOBI RADIO PAGE STYLES */

.doc-container {
	background: url('i/backgrounds/idobi_wallpaper_2017_mel_stringer.jpg') repeat;
}
	.doc-wrapper {
		margin: auto;
		max-width: 1280px;
	}

	.doc-hero {
		background: url('i/backgrounds/2018_ir_blue.jpg') repeat;
		text-align: center;
		color: #FFF;
	}
		.doc-hero a.button.tunein-button {
			margin: 3em .3em;
		}
		.doc-hero h1 {
			font-weight: 600;
		}
		.doc-hero h6 {
			text-transform: lowercase;
		}
		.doc-hero a.button.tunein-button {
			border: solid 2px #d7e230;
		    padding: 1em 2em 1em 2em;
		    display: inline-block;
		    font-family: "Work Sans", sans-serif;
		    font-weight: 500;
		    letter-spacing: 0.08em;
		    color: #FFF;
		    font-style: italic;
		    text-transform: none;
		}

	.radio-playlist {
		margin: 10%;
	    background: #FFF;
	    padding: 10%;
	}
		.playlist-heavy {}
		.playlist-medium {}
		.playlist-freshpicks {}

		.radio-playlist ul.playlist-simple li {
		    width: 100%;
		    float: left;
		    font-style: italic;
		    margin: .2em 0 .2em 0;
		}
			.radio-playlist ul.playlist-simple li h5.playlist-track {
				font-size: 2em;
			}
			.radio-playlist ul.playlist-simple li span.playlist-artist {
				font-size: 1em;
			}






.social-media-notes {
    background: #29b4f7;
    padding: 5%;
    float: left;
    width: 90%;
    margin: 1em 0 1em 0;
    color: #FFF;
    font-family: "Work Sans", sans-serif;
    font-size: 1.5em;
}
	.social-media-notes .news-date {
		border: none;
		margin: 0 0 1em 0;
		padding: 0;
		font-size: 0.2em;
	}
	button#hide {
	    float: right;
	}

 h5.playlist-track {
 	line-height: 1em;
    margin: 0 0 .5em 0;
 }
 .playlist-artist {
 	font-size: .6em;
 }



.new-header {
	font-family: 'Work Sans', sans-serif;
	text-transform: uppercase;
}

 /* temp new grid/layout styles */


.root h1,
.root h2,
.root h3,
.root h4,
.root h5,
.root h6,
.root .h6-alt {
	font-family: 'Work Sans', sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}
	.root h1 {
		font-size: 3em;
	}
	.root h2 {
		font-size: 2.5em;
	}
	.root h3 {
		font-size: 2em;
	}
	.root h4 {
		font-size: 1.8em;
	}
	.root h5 {
		font-size: 1.5em;
	}
	.root h6 {
		font-size: .8em;
		font-weight: bold;
		letter-spacing: 0.2em;
		text-transform: uppercase;
	}
		.root .h6-alt {
			font-size: .6em;
		    font-weight: normal;
		    text-transform: uppercase;
		    letter-spacing: 0.15em;
		}
	.root .post-title {

	}
	span.byline {
	    font-size: .5em;
	    font-family: 'PT Mono', monospace;
	    text-transform: uppercase;
	    letter-spacing: 0.15em;
	    font-weight: bold;
	}



 .root {
 	background: #F1F1F1;
 	float: left;
    width: 100%;

    /*background: url('i/backgrounds/idobi_wallpaper_2017_mel_stringer.jpg') repeat;
	background-attachment: fixed;
	background-size: cover; */
 }

 	/*@media (-webkit-min-device-pixel-ratio: 2), 
		(min-resolution: 192dpi) { 

		    .root{
		        background-size: 950px;
		    }
		}*/

 .flex-container {
 	max-width: 1280px;
 	width: 90%;
    margin: 0 auto 0 auto;
    clear: both;
 }
 	.container75 {
 		width: 75%;
 		margin: 0 auto 0 auto;
 	}

 .grid-1, .grid-2, .grid-3 {
 	width: 100%;
 	float: left;
 }

  .box-thumb {
 	width: 100%;
 	background-size: cover;
 	background-position: 50%;
 	background-color: #FFF;
 	height: 200px; /* Standard size, change for each grid specification */
 }

.box-info {
    padding: 5% 0 5% 0;
}
	ul.post-categories {
	    margin: 0;
	    padding: 0;
	    list-style-type: none;
	}
	ul.post-categories a,
	ul.post-categories li,
	ul.post-categories li a {
	    font-family: 'Work Sans', sans-serif;
	    font-size: .8em;
	    font-weight: bold;
	    text-transform: uppercase;
	    letter-spacing: 0.2em;
	    display: inline-block;
	    color: #84bdca;
	}
	 .box-info a h4 {
	 	font-family: 'Work Sans', sans-serif;
	 }

 .fullbox {
 	width: 90%;
    padding: 5% 5% 0 5%;
 }
 	.fullbox .box-thumb {
 		height: 420px;
 	}
 	.fullbox .box-info {
 		text-align: center;
 	}
 .halfbox {
 	width: 45%;
 	padding: 2.5% 2.45% 2.5% 2.45%;
 	float: left;
 }
 	.halfbox .box-thumb {
 		height: 220px;
 	}
 	.stacked-grid .halfbox:first-child {
 		border-right: solid 1px #CCC;
 	}
 	

 .thirdbox {
 	width: 28.2%;
 	background: #FFF;
 	padding: 2.5%;
 	float: left;
 }
 	.thirdbox .box-thumb {
 		height: 120px;
 	}

	.stacked-grid .thirdbox {
		border-right: solid 1px #CCC;
	}
		.thirdbox:last-child {
			border: none;
		}

.fivebox {
	width: 18%;
    float: left;
    background: #FFF;
    padding: 1%;
}

.box25 { width: 20%; padding: 2.5%; float: left;}
.box75 { width: 70%; padding: 2.5%; float: left;}

 .trending {
 }
 	li.trending-item {
	    width: 100%;
	    float: left;
	    margin: 2.5%;
	}

	 .trending-thumbnail {
	    width: 40%;
	    height: 100px;
	    float: left;
	    background-size: cover;
	    background-position: 50%;
	}

	.trending.thirdbox ul {
	    list-style-type: none;
	    padding: 0;
	    margin: 1em 0 0 0;
	}

	.trending-item .box-info {
	    font-size: .7em;
	    display: inline-block;
	    float: left;
	    font-family: 'Work Sans', sans-serif;
	    width: 50%;
	    padding: 5%;
	}
		.trending-item .box-info .news-date {
			color: #CCC;
			display: block;
		}

.hero-slider{ color: #FFF; padding: 5% 0 5% 0;}
	.hero-slider .hero-slide {
		text-align: center;
	}
		.hero-container{
			background-color: #FEE140;
			background-image: linear-gradient(0deg, #FEE140 0%, #FA709A 100%);
		}

	.hero-container {
		/*background: none;*/
	}

	.hero-slider .slick-prev:before, .hero-slider .slick-next:before {
		color: #FFF;
		font-size: 30px;
	}

	a.button.tunein-button {
	    border: solid 2px #FFF;
	    padding: .8em 4em .8em 4em;
	    border-radius: 2em;
	    display: inline-block;
	    margin: 3em 0 0 0;
	    font-family: "Work Sans", sans-serif;
	    text-transform: uppercase;
	    font-weight: 700;
	    letter-spacing: 0.1em;
	    color: #FFF;
	}
		a.button.tunein-button:hover {
			background: #FFF;
			color: #000;
		}

	.hero-slide h1 {
	    font-size: 4em;
	    font-weight: bold;
	}

	.station-listings {
	    font-weight: bold;
	    text-transform: uppercase;
	    letter-spacing: 0.1em;
	    text-align: left;
	    margin: 1em 0 1em 1em;
	}



.grid-1, .grid-2, .grid-3 {
	background: #FFF;
}
	.stacked-grid {
		border-bottom: solid 1px #CCC;
	}
		.stacked-grid:last-child {
			border-bottom: none;
		}

	.grid-3-var1 .thirdbox:first-child, 
	.grid-3-var1 .thirdbox:last-child {
	    width: 20%;
	}
		.grid-3-var1 .thirdbox:first-child h5, 
		.grid-3-var1 .thirdbox:last-child h5 {
		    font-size: .8em;
		}
	.grid-3-var1 .thirdbox:nth-child(2) {
	    width:44.6%;
	}

.alternate-box {
    float: left;
    width: 95%;
    margin: 3% 0 3% 0;
    padding: 2.5%;
}

.section-title span {
	font-family: 'Work Sans', sans-serif;
    font-weight: bold;
    font-size: 1em;
    text-align: center;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}



.watch-box {
	color: #FFF;
	background: #191919;
}
	.watch-box .halfbox {
		background: #191919;
	}
		.watch-box .halfbox .box-info,
		.watch-box .halfbox .box-info a {
			color: #FFF;
		}
		.watch-box .more-link a {
			color: #FFF;
		    border-bottom: solid 3px #FFF;
		    font-weight: 500;
		}
		.video-icon {
			background: #FFF;
			color: #000;
			display: inline-block;
			padding: 1em;
		}


.schedule-box {
	background: #111;
	color: #FFF;
}
	.schedule-box.mini-section {
	    padding: 0;
	}
	.schedule-box .schedule-item {
		padding: 2.5%;
		float: left;
	}
	.schedule-slider a {
	    color: #FFF;
	}
	.schedule-slider .slick-prev:before,
	.schedule-slider .slick-next:before
	{
		color: #FFF;
	}

.playlist-box {}
	.playlist-simple {
		list-style-type: none;
		width: 100%;
	    padding: 0;
	    margin: 0;
	}
	.playlist-simple li {
	    padding: 2.5% 0 2.5% 0;
	    line-height: .8em;
	    width: 45%;
	    float: left;
	}
		.playlist-simple span.byline {
		    font-family: 'Work Sans', sans-serif;
		    font-weight: normal;
		}

.mini-section {
	width: 100%;
    float: left;
    padding: 4em 0 4em 0;
    margin: 0 0 2em 0;
}
	.mini-section .mini-container {
		width: 80%;
		margin: 0 auto 0 auto;
	}
	.mini-section .mini-box3 {
	    width: 28%;
	    float: left;
	    padding: 2.533%;
	}
	.mini-section .mini-box4 {
		width: 20%;
		float: left;
		padding: 2.5%;
	}
	.mini-thumb-sq {
		width: 100%;
	    padding-bottom: 100%;
	    background-size: cover;
	    background-position: 50%;
	}
		.mini-thumb-sq h6 {
			position: relative;
			top: 50%;
			transform: translateY(-50%); 
		}

	.reviews-box.mini-section {
	    background: #f3945c;
	}
	.podcasts-box.mini-section {
		background: #FFF;
	}

.more-link a {
	text-align: center;
	border-bottom: solid 2px #CCC;
	font-family: 'Work Sans', sans-serif;
}

@media (max-width:550px) {

			.root h1 {
				font-size: 1.8em;
			}

			.halfbox {
				width: 90%;
				border-bottom: solid 1px #CCC;
				padding: 5% 5% 2.5% 5%;
				text-align: center;
			}
			.thirdbox {
				width: 40%;
				border-right: none;
				border-bottom: solid 1px #CCC;
				padding: 5% 5% 2.5% 5%;
				text-align: center;
			}
				.thirdbox .box-thumb {
					display: none;
				}
			.box25, .box75 {
				width: 90%;
				padding: 2.5% 5% 2.5% 5%;
				text-align: center;
			}
			.trending {
				width: 90%;
				padding: 0 5% 0 5%;
				margin: 5% auto 5% auto;
			}

			.mini-section .mini-box3 {
				width: 70%;
    			padding: 1em 15% 1em 15%;
    			text-align: center;
			}
			.mini-section .mini-box4 {
				width: 40%;
				padding: 5%;
				text-align: center;
			}

			.grid-3-var1 .thirdbox.thirdbox-calculated {
			    width: 23%;
			}
				.grid-3-var1 .thirdbox.thirdbox-calculated h5 {
		    		font-size: .8em;
		    	}
		    .podcast-slider {
		    	width: 80%;
		    }
		    .watch-box .halfbox .box-thumb .video-icon {
		    	text-align: left;
		    }
	}

	@media (min-width:960px) {
		.radio-page .playlist-box {
			width: 30%;
			margin: 1.333%;
		}
			.radio-page .playlist-box .box25,
			.radio-page .playlist-box .box75,
			.radio-page .playlist-box .playlist-simple li{
				width: 95%;
				text-align: center;
			}
	}




/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; 
    z-index: 1; 
    top: 0;
    right: 0;
    background-color: #111; 
    overflow-x: hidden; 
    padding-top: 60px; 
    margin-top: 32px;
    transition: 0.3s; 
}

/* The navigation menu links */
.sidenav a {
    padding: 0;
    margin: 0;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}



 /* end temp styles */






.splash-banner {
	background: #CCC;
	background-position: 50% 50%;
	background-size: cover;
	padding: 10% 0 10% 0;
	font-family: "Montserrat", sans-serif;
	color: #FFF;
}
	.page-template-page-idobianthm .splash-banner {
		/*background: url('i/backgrounds/anthm_2017_bg.jpg');*/
		background-position: 50% 50%;
		background-size: cover;
		padding: 5% 0 5% 0;
	}

	.page-template-page-idobiradio .splash-banner {
		background: #3592c2; /* Old browsers */
		background: -moz-linear-gradient(top, #3592c2 0%, #5c8bf0 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #3592c2 0%,#5c8bf0 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #3592c2 0%,#5c8bf0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3592c2', endColorstr='#5c8bf0',GradientType=0 ); /* IE6-9 */
		padding: 0;
	}
	.page-template-page-idobihowl .splash-banner {
		/* background: url('i/backgrounds/howl_2017_bg.jpg'); */
		background-position: 50% 50%;
		background-size: cover;
		padding: 5% 0 5% 0;
		
	}
	.page-template-page-radio .splash-banner {
		background: #f05c5f; /* Old browsers */
		background: -moz-linear-gradient(top, #f05c5f 0%, #c23568 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #f05c5f 0%,#c23568 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #f05c5f 0%,#c23568 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f05c5f', endColorstr='#c23568',GradientType=0 );  /* IE6-9 */
		padding: 0;
	}




	.splash-container {
		width: 70%;
		margin: auto;
		text-align: center;
		padding: 6% 0 6% 0;
	}


	.splash-banner h1 {
		font-size: 3rem;
		letter-spacing: 0.04em;
		font-weight: bold;
		margin: 0;
		display: block;
	}
		.splash-banner .splash-description {
			margin: .3em 0 0 0;
			display: block;
			letter-spacing: 0.02em;
		}
		.button-basics {
		    border-radius: 3em;
		    padding: 1.5em 5em 1.5em 5em;
		    letter-spacing: 0.25em;
		    width: 10em;
		    margin: 1.5em .3em 1.5em .3em;
		    color: #FFF;
		    font-size: .7em;
	    	text-transform: uppercase;
	    	display: inline-block;
		    transition: all .15s ease-in-out;
		    -moz-transition: all .15s ease-in-out;
		    -webkit-transition: all .15s ease-in-out;
		}

	.splash-banner .button {
	    background: #f15c5f;
	    border: solid 2px #f15c5f;
	}
		.splash-banner .button-two {
		    background: none;
		    border: solid 2px #f15c5f;
		}
		.splash-banner .button:hover, .splash-banner .button-two:hover {
		    background: #efefef;
		    border: solid 2px #efefef;
		    color: #333;
		}






	.grid4 {
	    max-width: 1280px;
	    margin: 5em auto 0 auto;
	}
	.grid4-box.content-holder-box {
	    background: #222229;
	    color: #FFF;
	    width: 24%;
	    float: left;
	    margin: 0.5%;
	    text-align: left;
	    padding: 0 0 1em 0;
	}
		.content-holder-box p {
			font-family: 'Montserrat', sans-serif;
			font-size: .8rem;
			letter-spacing: 0.02em;
			color: #aeaebb;
			text-align: left;
			padding: 0 2em 0 2em;
		}

		.content-holder-image {
		    width: 100%;
		    padding-bottom: 100%;
		    background: #37c4b7;
		    transition: all .15s ease-in-out;
			    -moz-transition: all .15s ease-in-out;
			    -webkit-transition: all .15s ease-in-out;
		}
			.content-holder-image:hover {
				opacity: 0.5;
			}

		.content-holder-box h3 {
		    font-size: 1.5em;
		    padding: 0 1em 0 1em;
		    margin: 1em 0 0 0;
		}
			.content-holder-box a h3 {
				color: #FFF;
				transition: all .15s ease-in-out;
			    -moz-transition: all .15s ease-in-out;
			    -webkit-transition: all .15s ease-in-out;
			}
			.content-holder-box a h3:hover {
				color: #4b4b59;
			}

		.content-holder-box.holder1 .content-holder-image{
			background: url('i/icons/music-bg.jpg') no-repeat;
		    background-size: 100%;
		}
		.content-holder-box.holder2 .content-holder-image{
			background: url('i/icons/app-bg.jpg') no-repeat;
		    background-size: 100%;
		}
		.content-holder-box.holder3 .content-holder-image{
			background: url('i/icons/podcast-bg.jpg') no-repeat;
		    background-size: 100%;
		}
		.content-holder-box.holder4 .content-holder-image{
			background: url('i/icons/record-bg.jpg') no-repeat;
		    background-size: 100%;
		}

		@media (max-width:800px) {

			.grid4-box.content-holder-box {
				width: 49%;	
			}

		}
			





	/* Dark theme for Radio Pages */
	.dark-theme {
		background: #17171B;
	}
		.dark-theme h2,
		.dark-theme .grid h2 {
		    color: #fff;
		    display: block;
		    width: 90%;
		    margin: 3em auto 1.5em auto;
		    max-width: 800px;
		    font-size: 1.5rem;
		    letter-spacing: 0.04em;
		    border-bottom: solid 1px #f05c5f;
    		padding: 0 0 .5em 0;
		}

		
		.dark-theme #navbar {
			border-bottom: solid 1px #222229;
		}
			.dark-theme nav#menu a {
			    color: #FFF;
			}
			.dark-theme span#tunein-label {
			    color: #FFF;
			}

			.dark-theme #music-bars span {
			    background-color: #FFF;
			}

			.dark-theme #station-picker.active > .header-active {
			    color: #FFF;
			}


		.dark-footer {
			float: left;
		}
			.dark-footer a {
			    color: #FFF;
			}

			.dark-footer .footer-menu-1.footer-menu {
			    border-bottom: solid 1px #222229;
			}

			.dark-footer footer {
			    border-top: solid 1px #222229;
			}

			@media (max-width:800px) {

				.dark-footer .footer-menu-right {
					border-top: solid 1px #222229;	
				}

			}



		table.recently-played,
		table.top-podcasts {
		    color: #FFF;
		    width: 100%;
		    border-collapse: collapse;
		    max-width: 960px;
		    margin: auto;
		}

			table.recently-played tr.table-header,
			table.top-podcasts tr.table-header {
			    font-size: .6rem;
			    text-transform: uppercase;
			    color: #4e4e5d;
			    letter-spacing: 0.2em;
			}

			table.recently-played tr,
			table.top-podcasts tr {
			    border-bottom: solid 1px #222229;
			    height: 2em;
			}

			table.recently-played td,
			table.top-podcasts td {
			    padding: 1em 0 1.2em 1em;
			    font-size: .7rem;
			    letter-spacing: 0.04em;
			}
					table.recently-played td.podcast-number,
				    table.top-podcasts td.podcast-number {
				    	padding: 1em;
				    	min-width: 5em;
    					text-align: center;
    				}

				table.recently-played .table-header td,
				table.top-podcasts .table-header td {
				    font-size: .65rem;
				    letter-spacing: 0.4em;
				}
				table.recently-played td.song-number {
				    color: #4d4d5c;
				}
			table.top-podcasts tr td a {
				color: #FFF;
			}
				table.top-podcasts tr td a:hover {
					color: #4e4e5d;
				}
				table.top-podcasts .show-name a {
					font-size: 0.7rem;
					color: #a1a1ae;
				}
				table.top-podcasts .podcast-title {
				    text-transform: none;
				    letter-spacing: 0;
				    text-align: left;
				    margin: 0;
				    padding: 0;
				    font-size: 1rem;
				}
				table.top-podcasts .podcast-listen a {
				    border: solid 1px #a1a1ae;
				    padding: .3em 1em .3em 1em;
				    border-radius: 0.3em;
				    font-size: 0.7rem;
				    transition: all .15s ease-in-out;
				    -moz-transition: all .15s ease-in-out;
				    -webkit-transition: all .15s ease-in-out;
				}
					table.top-podcasts .podcast-listen a:hover {
						background: #4d4d5c;
						border: solid 1px #FFF;
						color: #FFF;
					}





	.station-news .review-archive-item {
	    border: none;
	    color: #FFF;
	    float: left;
	    width: 45%;
	    border-bottom: solid 1px #222229;
	    margin: 2.5%;
	    padding: 0;
	}
		.station-news .grid3-box-content.review-container {
		    width: 100%;
		    padding-left: 8%;
		}

		.station-news .review-archive-item h3 {
		    color: #FFF;
		    font-size: 1rem;
		    margin: 1em 0 0 0;
		    line-height: 1.4rem;
		    transition: all .15s ease-in-out;
		    -moz-transition: all .15s ease-in-out;
		    -webkit-transition: all .15s ease-in-out;
		}
			.station-news .review-archive-item h3:hover {
				color: #a1a1ae;
			}

			.station-news span.news-date {
			    font-size: .6em;
			    text-transform: uppercase;
			    letter-spacing: 0.04em;
			    color: #a1a1ae;
			}

		.container.station-news {
		    max-width: 1024px;
		}

		.station-news .box-image {
		    width: 25%;
		    padding-bottom: 25%;
		    float: left;
		    display: inline-block;
		}

		.station-news .grid3-box-content.review-container {
		    width: 50%;
		    display: inline-block;
		    float: left;
		}

		@media (max-width:800px) {

				.station-news .review-archive-item {
					width: 100%;	
				}

			}

	section.radio-shows-multiple .radio-show-container {
	    width: 49%;
	    float: left;
	    clear: none;
	    margin: .5%;
	    padding: 0;
	    text-align: center;
	    background: #222229;
	    border: none;
	}

	section.radio-shows-multiple {
	    margin: 0 auto 0 auto;
	    max-width: 800px;
	}

	.radio-show-container {
	    width: 90%;
	    margin: auto;
	    max-width: 800px;
	    clear: both;
	    /* padding: 4em 5% .5em 5%; */
	    border-bottom: solid 2px #4b4b59;
	    background: #f15c5f; /* Old browsers */
	    background: -moz-linear-gradient(-45deg, #f15c5f 0%, #c23668 100%); /* FF3.6-15 */
	    background: -webkit-linear-gradient(-45deg, #f15c5f 0%,#c23668 100%); /* Chrome10-25,Safari5.1-6 */
	    background: linear-gradient(135deg, #f15c5f 0%,#c23668 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15c5f', endColorstr='#c23668',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	section.one-show-container .radio-show-container {
		padding: 8% 5% 0 5%;
	}
	section.radio-shows-multiple.two-show-container {
	    width: 100%;
	    max-width: 800px;
	    float: none;
	}
		section.radio-shows-multiple.two-show-container .radio-show-container {
			width: 44%;
			margin: 0.5%;
		}


		.radio-show-content-container h1 a {
		    color: #FFF;
		    font-size: 3rem;
		    margin: 0 0 0.5rem 0;
		    display: inline-block;
		    padding: 0;
		    transition: all .15s ease-in-out;
		    -moz-transition: all .15s ease-in-out;
		    -webkit-transition: all .15s ease-in-out;
		}
			.radio-show-content-container h1 a:hover {
				color: #333;
			}

		.radio-show-container h1 {
		    margin: 0;
		    padding: 0;
		}

		.radio-show-container .show-interact-container a {
		    background: #f05c5f;
		    padding: 1.8em 5em 1.8em 5em;
		    border-radius: 3em;
		    margin: 2em 2em 2em 0;
		    letter-spacing: 0.25em;
		}

		.radio-show-container .radio-show-content-container {
		    color: #FFF;
		}
			.radio-show-container .featured-show-image {
			    width: 10em;
			}

			.radio-show-container .featured-image-container {
			    display: inline-block;
			    width: 25%;
			}




			section.radio-shows-multiple .radio-show-content-container h1 a {
			    font-size: 1.5rem;
			    padding: .5em 0 0 0;
			    margin: 0;
			    line-height: 1;
			    letter-spacing: 0.04em;
			}
				section.radio-shows-multiple .radio-show-content-container h1 {
					font-size: 1.5rem;
					line-height:1;
				}
				section.radio-shows-multiple.small-podcasts .radio-show-container h1 a {
					font-size: 1rem;
				}

			section.radio-shows-multiple .radio-show-content-container {
			    padding: 5%;
			}

			section.radio-shows-multiple span.radio-show-hosts {
		        display: block;
			    font-size: .7rem;
			    text-transform: uppercase;
			    letter-spacing: 0.04em;
			    color: #adadba;
			    margin: .5em 0 0 0;
			}

			section.radio-shows-multiple span.radio-show-datetime {
			    margin: 1em 0 1em 0;
			    display: block;
			    font-size: .8rem;
			    letter-spacing: 0.04em;
			}

			section.radio-shows-multiple .radio-show-container .show-interact-container a {
			    background: #f05c5f;
			    padding: 1.8em 1.5em 1.8em 1.5em;
			    border-radius: 3em;
			    margin: .5em;
			    letter-spacing: 0.25em;
			    transition: all .15s ease-in-out;
			    -moz-transition: all .15s ease-in-out;
			    -webkit-transition: all .15s ease-in-out;
			}
				section.radio-shows-multiple .radio-show-container .show-interact-container a:hover {
					background: #333;
				}

			@media (min-width:960px) {
				section.radio-shows-multiple {
					max-width: 100%;
				}
				section.radio-shows-multiple .radio-show-container {
				    width: 24%;
				}
				section.radio-shows-multiple.small-podcasts .radio-show-container {
						width: 19%;
					}
			}
				@media (min-width:1400px) {
					section.radio-shows-multiple {
						max-width: 100%;
					}
					section.radio-shows-multiple .radio-show-container {
					    width: 19%;
					}
					section.radio-shows-multiple.small-podcasts .radio-show-container {
						width: 13%;
					}
				}

				@media (max-width:960px) { 
					section.radio-shows-multiple.small-podcasts .radio-show-container {
						width: 24%;
					}
				}


			@media (max-width:800px) {
				section.radio-shows-multiple .radio-show-container .show-interact-container a {
				    padding: 1.8em 2em 1.8em 2em;
				}
				section.radio-shows-multiple.two-show-container .radio-show-container {}
			
			}

			@media (max-width:550px) {

				section.radio-shows-multiple .radio-show-container {
					width: 100%;	
				}

				section.radio-shows-multiple .radio-show-container .box-image {
					width: 100%;
					padding-bottom: 100%;
				}

				section.radio-shows-multiple.two-show-container .radio-show-container {
					width: 100%;
					margin: 0.5% 0 0.5% 0;
				}

				section.radio-shows-multiple.small-podcasts .radio-show-container {
						width: 49%;
					}

			}




		section.grid.station-lineup {
		    margin: 3em 0 3em 0;
		}

 
 /* --- Warped site --- */

.page-template-page-warped .section-head span.h7 {
    width: 50%;
    display: block;
    margin: 2em auto 3em auto;
    line-height: 1.8;
    text-transform: none;
    letter-spacing: 0;
    font-size: 1.2em;
}

.page-template-page-warped .grid3 #wir-logo {
    width: 100%;
    margin-top: 3%;
}

.page-template-page-warped .grid3 #wir-logo img {
    width: 20%;
    margin: auto;
    display: block;
}

.page-template-page-warped .station-lineup .section-head {
	margin: 0%;
}

.splash-warped {
	background-size: cover;
	background-position: 50% 100%
}

	.splash-warped .splash-container .splash-actions a.splash-button.idobi-button {
		border: solid 2px #333;
		padding: 1em 3em 1em 3em;
	}
		.splash-container .splash-actions a.splash-button.idobi-button:hover {
			border: solid 2px #6eaac7;
		}
		.splash-warped .download-links a {
			color: #333;
		}
			.splash-warped .download-links a:hover {
				color: #CCC;
			}


.wir-box span.h7 {
    letter-spacing: 0;
    display: block;
    width: 80%;
    margin: auto;
    text-align: center;
    text-transform: none;
    line-height: 1.6;
    margin-top: 2em;
}

.wir-box h2 {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-align: center;
    display: block;
    font-size: 1.6em;
}

.grid3 .wir-box {
	height: initial;
	margin: 2em 0 2em 0;
	width: 33.333%;
}
	span.wir-icon {
	    display: block;
	    margin: auto;
	    text-align: center;
	    margin: 1em 0 1em 0;
	    font-size: 1.5em;
	    color: #6BA9C9;
	}

	@media (max-width:600px) {
		.grid3 .wir-box {
			width: 100%;
			margin: 1em 0 1em 0;
		}
	}

.warpedintro-fullpage {
    width: 100%;
    background: #1F2735;
    float: left;
    color: #FFF;
}

.posts-list {
	width: 100%;
}
	.posts-list-item {
		padding: 3em;
		border-bottom: solid 1px #efefef;
	}
		.posts-list-thumbnail {
		    width: 30%;
		    display: block;
		    float: left;
		}
			.posts-list-thumbnail img {
			    width: 100%;
			    height: auto;
			}
		.posts-list-container {
		    width: 65%;
		    float: left;
		    padding-left: 5%;
		}

		.posts-list-item .sharing a {
		    width: 3em;
		}

		.posts-list-item .sharing {
		    padding: 0;
		}

	/* posts-list Media Queries */
 	@media (max-width:600px) {

 		.posts-list-item {
			padding: 1em;
		}

	 	.posts-list-thumbnail,
	 	.posts-list-container {
			width: 90%;
			padding: 5%;
		}	
			.posts-list-item .sharing a {
				width: 33.333%;
			}

	 }


	 .iwr-podcasts {
	 	padding: 3em 0 3em 0;
	 }
	 	.iwr-podcasts span.h6 a,
	 	.iwr-podcasts h5 a {
	 		color: #FFF;
	 	}
	.iwr-podcasts h5 {
	    padding: .3em 0 .3em 0;
	}
	.iwr-podcasts h5 a,
	.iwr-podcasts a h5 {
	    color: #EB5743;
	    font-size: 1.2em;
	}
		.iwr-podcasts h5 a:hover,
		.iwr-podcasts a h5:hover {
			color: #CCC;
		}

	.iwr-podcasts ul.sidebar-posts {
	    float: left;
	    padding: 0;
	    margin: 0;
	    width: 100%;
	}

	.iwr-podcasts li.sidebar-post-item {
	    float: left;
	    color: #FFF;
	    margin: 1%;
	    list-style-type: none;
	    width: 48%;
	    display: table;
	    border-top: solid 3px #EB5743;
	    background: #1F2735;
	}
		.iwr-podcasts li.sidebar-post-item .sidebar-thumbnail {
			padding: 1em 0 1em 1em;
			width: 30%;
		}
			.iwr-podcasts li.sidebar-post-item .sidebar-thumbnail img {
				width: auto;
			}

		.iwr-podcasts li.sidebar-post-item .sidebar-item-info {
		    text-align: center;
		    width: 90%;
		    padding: 0 5% 0 5%;
		}
		.iwr-podcasts .valign-container {
			display: table-cell;
		    vertical-align: middle;
		    padding: 1em;
		}

		.iwr-podcasts ul.sidebar-posts {
		    float: left;
		    padding: 0;
		    margin: 0;
		}







/**
 * 1.0 - Structure
 * ---------------------------------------------------------------------------- */

	body {
	 	background: #FFF;
	 	margin: 0;
	 	overflow-x: hidden;
	 }

	.container {
		width: 90%;
		margin: 0 auto 0 auto;
		clear: both;
	}

	.fullpage{
		width: 100%;
		float: left;
	}

	section {
		width: 100%;
		float: left;
	}

	article {
		width: 100%;
		float: left;
		max-width: 900px;
	}

	aside { 
		display: none;
	}

		/**
		 * 1.0.1 - article conditional styles
		 * ---------------------------------------------------------------------------- */
		@media (min-width:900px) {

			article { 
			  	width: 65%;
				float: left;
				max-width: 900px; 
			}

			aside { 
				display: block;
			}

		}

	

	/**
	 * 1.1 - Header
	 * ---------------------------------------------------------------------------- */

		ul#nav-menu {
		    margin: 0;
		    padding-top: .6em;
		    display: inline-block;
		}
			nav.active > ul#nav-menu {
				display: block;
			}

		#idobi-logo {
		    background: url('i/idobi-Network-2015.png') no-repeat;
		    background-size: 100%;
		    height: 40px;
		    width: 42px;
		    display: inline-block;
		    float: left;
		    margin: .5em 3% 0 0;
		    opacity: 1;
		    transition: opacity .25s ease-in-out;
		    -moz-transition: opacity .25s ease-in-out;
		    -webkit-transition: opacity .25s ease-in-out;
		}
			#idobi-logo:hover {
				opacity: .5;
			}

		/**
	 	* 1.1.1 - Navigation
	 	* ----------------------------------------------------------------------------*/

			/**
			 * 1.1.1.1 - Navigation Global Styles
			 * ----------------------------------------------------------------------------*/

				#navbar {
				    z-index: 99;
			    	position: relative;
			    	border-bottom: solid 1px #efefef;
				}
					#navbar .container {
						padding: 1em;
					}

					#menu ul ul {
						display:none;
						z-index: 99;
						position:absolute;
						top: auto;
						padding:0;
						list-style-type: none;
					}

					#menu ul ul li {
						width:100%;
						position:relative;
					}

					#menu ul ul ul {
						top:0;
						left:100%
					}

					#menu ul li:hover > ul {
						display:block
					}

				/**
				 * 1.1.1.2 - MEDIA QUERY : Navigation
				 * ---------------------------------------------------------------------------- */

				/* If the screen is > 800px wide, these special conditions apply */ 
			 	@media screen and (min-width: 870px) {

					a.menu-link {
					   display: none;
					}
					.js nav[role=navigation] {
						max-height: none;
					}
					
					nav[role=navigation]  li {
						display: inline-block;
						line-height: 0;
					}
						nav[role=navigation] li ul li {
							display: block;
						}
					#menu li a {
						padding: 1em .5em 1em .5em;
						display: block;
						margin: 0 0 1em 0;
					}
						#menu li ul li a {
						    margin: 0;
						}
					#menu ul.sub-menu li a {
					    background: #374051;
					    color:  #FFF;
					    padding: 2em 3em 2em 3em;
					    border-bottom: solid 1px #293142;
					    font-size: 80%;
					}
						#menu ul.sub-menu li ul li a {
						    background: #2E3544;
						    border-bottom: solid 1px #1E232D;
						}
							#menu ul.sub-menu li ul li a:hover {
							    background: #1E232D;
							}

					#menu ul.sub-menu li a:hover {
					    background: #293142;
					    -webkit-transition: all .25s ease;
						   -moz-transition: all .25s ease;
							-ms-transition: all .25s ease;
							 -o-transition: all .25s ease;
								transition: all .25s ease;
					}

					#menu ul#nav-menu li.menu-item-has-children ul.sub-menu li:first-of-type a:after {
					    content: '';
					    border-style: solid;
					    border-width: 0 10px 10px;
					    border-color: #374051 transparent;
					    display: block;
					    width: 0;
					    z-index: 1;
					    margin-left: -10%;
					    top: -10px;
					    left: 20%;
					    position: absolute;
					}
						#menu ul#nav-menu li.menu-item-has-children ul.sub-menu li ul.sub-menu li a:after {
							border: none;
							content: '';
						}

				}


				/* If the screen is smaller than 800px wide, these special conditions apply */ 
				@media (max-width: 870px) {

					#navbar .container {
						width: 100%;
					}

					a.menu-link {
			  	    	float: right;
					    display: block;
					    padding: .8em 1em 1em 1em;
					}
						.home a.menu-link {
							color: #FFF;
						}

						a.menu-link.active .fa-bars {
						display: none;}

						a.menu-link .fa-times {
						    display: none;
						}

						a.menu-link.active > .fa-times {
						    display: block;
						}

					#navbar {
						height: auto;
						text-align: center;
					}
					nav[role=navigation] {
						clear: both;
						-webkit-transition: all 0.3s ease-out;  
						-moz-transition: all 0.3s ease-out;
						-ms-transition: all 0.3s ease-out;
						-o-transition: all 0.3s ease-out;
						transition: all 0.3s ease-out;
					}
					.js nav[role=navigation] {
						overflow: hidden;
						max-height: 0;
					}
					nav[role=navigation].active {
						max-height: 100%;
					}
					nav[role=navigation] ul {
						margin: inherit;
						padding: inherit;
						list-style: none;
					}
					nav[role=navigation] li a {
					    padding: 0.8em;
					    border-bottom: 1px solid #293142;
					    display: block;
					    text-align: center;
					    font-size: 150%;
					    background: #374051;
					    color: #FFF;
					    font-weight: bold;
					    text-transform: uppercase;
					    letter-spacing: 0.1em;
					}
						nav[role=navigation] li ul li a {
							display: block;
						}

					#menu.active ul ul {
						display: block;
						position: relative;
						top: inherit;
						background: transparent;
						padding: inherit;
					}
					#menu.active ul ul ul {
						position: initial;
					}

					nav[role=navigation] ul li ul li a {
					    background: #2E3544;
					    font-size: 125%;
					    text-transform: initial;
					    font-weight: normal;
					    letter-spacing: 0;
					    border-bottom: solid 1px #1E232D;
					}

					nav[role=navigation] ul li ul li ul li a {
					    background: #1E232D;
					    font-size: 100%;
					    color: #CCC;
					    border-bottom: solid 1px #15181F;
					}
						nav[role=navigation] li a:hover {
						    background: #111;
						    color: #555;
						}

				}

		/**
		 * 1.1.2 - Header Search
		 * ---------------------------------------------------------------------------- */
		 	a.header-search-icon {
	  	    	float: right;
			    display: block;
			    padding: 1em;
			    color: #999;
			}
				a.header-search-icon.active > .fa-search{
					display: none;
				}

			a.header-search-icon .fa-times {
			    display: none;
			}
				a.header-search-icon.active > .fa-times {
				    display: block;
				}

			/* Hide #header-search until .active is initiated */
			div#header-search {
				display: block;
				visibility: hidden;
				opacity: 0;
				height: 0;
				-webkit-transition: all .3s ease;  
				-moz-transition: all .3s ease;
				-ms-transition: all .3s ease;
				-o-transition: all .3s ease;
				transition: all .3s ease;
				width: 100%;
			    float: left;
			    padding: 0;
			}
				div#header-search.active {
					display: block;
					visibility: visible;
					margin: 3% 0 2% 0;
	    			border-bottom: solid 2px #6BA9C9;
	    			opacity: 1;
	    			height: 5em;
				}

				#header-search form.search-form {
				    width: 100%;
				    font-size: 150%;
				}

				#header-search input[type=search] {
				    padding: 1em;
				    border: none;
				    background: none;
				    margin: 0;
				    border-radius: 0;
				    width: 80%;
				}

				#header-search button.search-submit {
				    float: right;
				    background: none;
				    border: none;
				    color: #111;
				    padding: 1em;
				    margin: 0;
				    width: auto;
				}
					#header-search button.search-submit:hover {
						color: #CCC;
					}

			/* When nav is active, need different block stylings for the search icon */
			nav.active > a.header-search-icon {
			    background: #111;
			    width: 100%;
			    text-align: center;
			    font-size: 200%;
			    color: #FFF;
			    padding: 0;
			}
				nav.active a.header-search-icon .fa-search,
				nav.active a.header-search-icon .fa-times {
					padding: .5em;
				}
				nav.active > a.header-search-icon:hover {
					color: #CCC;
					background:#555;
				}


			/**
			 * 1.1.2.1 - MEDIA QUERY : Header Search
			 * ----------------------------------------------------------------------------*/

			 @media (max-width: 800px) {


			 	div#header-search.active {
			 		background: #111;
			 		margin-top: 0;
			 	}

			 	#header-search form.search-form {
			 		width: 100%;
			 	}

			 	#header-search input[type=search] {
				    padding: 1em;
				    border: none;
				    background: none;
				    margin: 0;
				    border-radius: 0;
				    color: #FFF;
				    width: 60%;
				}

				#header-search button.search-submit {
				    float: right;
				    background: none;
				    border: none;
				    color: #FFF;
				    padding: 1em;
				    width: auto;
				    margin: 0;
				}

			 }

		/**
		* 1.1.3 - Tune-in / Station Picker
		* ---------------------------------------------------------------------------- */
		#navbar .station-picker-container {
			width: 100%;
			float: left;
			padding: 0;
		}

		#station-picker {
			display:block;
			height: 0;
			visibility: hidden;
			opacity: 0;
			padding: 0;
			float: left;
			-webkit-transition: all 0.3s ease;  
			-moz-transition: all 0.3s ease;
			-ms-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}
		#station-picker.active {
			display: block;
			height: auto;
			visibility: visible;
			opacity: 1;
			padding: 3em 0 2.5em 0;
			width: 100%;
			float: left;
		}
			#station-picker > .station-item {
				visibility: hidden;
			}
			#station-picker.active > .station-item {
				visibility: visible;
				padding: 1% 0 1% 0;
				opacity: 1;
				margin: 0 5% 0 5%;
			}
			#station-picker.active > .header-active {
				display: block;
				margin: 0 0 2% 0;
				height: auto;
				visibility: visible;
				opacity: 1;
			}

				#station-picker .header-active {
					display: block;
					text-align: center;
					width: 100%;
					height: 0;
					opacity: 0;
					visibility: hidden;
					-webkit-transition: all 0.3s ease-out;  
					-moz-transition: all 0.3s ease-out;
					-ms-transition: all 0.3s ease-out;
					-o-transition: all 0.3s ease-out;
					transition: all 0.3s ease-out;
				}

			#station-picker .station-item {
				width: 23.333%;
				opacity: 0;
				float: left;
				color: #FFF;
				text-align: center;
				padding: 0;
				font-size: .8em;
				text-transform: uppercase;
				letter-spacing: 0.1em;
			}

				#station-picker .station-item.idobi-radio{background: #6eaac7;}
				#station-picker .station-item.idobi-howl{background: #bcbb33;}
				#station-picker .station-item.idobi-anthm{background: #be9125;}
				#station-picker .station-item.idobi-electra{background: #5725aa;}

				#station-picker .station-white-logo {
					width: 30%;
					margin: 0 auto 1em auto;
				}
					#station-picker .station-white-logo img {
						width: 100%;
					}
						#station-picker .idobi-howl .station-white-logo img {
						    width: 60%;
						}
				.tunein-station-name,
				.station-genre {
					display: block;
					padding: 0 15% 0 15%;
				}
					.station-genre {
						font-size: 80%;
						margin: 3% 0 0 0;
					}



				span.station-name {
				    display: block;
				    font-size: 1.4em;
				    color: #333;
				    text-transform: none;
				    letter-spacing: 0;
				}

				#station-picker.active > .station-idobiradio {
				    text-align: left;
				    color: #333;
				    border-top: solid 1px #bfd8e4;
				}

				span.station-description {
				    display: inline-block;
				    font-size: 1em;
				    letter-spacing: 0;
				    color: #999;
				    text-transform: none;
				    padding: .25em 0 0 0;
				}

				span.station-now-playing {
				    font-size: 1em;
				    display: block;
				    margin: 0 0 .5em 0;
				    text-transform: none;
				    letter-spacing: 0.01em;
				}

				a.station-link.idobi-radio-link {
				    border-radius: .5em;
				    letter-spacing: 0.02em;
				    color: #FFF;
				    margin: .5em 0 0 0;
				    padding: 1.2em 3em 1.2em 3em;
				    border: solid 1px #fff;
				    color: #fff;
				    font-size: .8em;
				    letter-spacing: 0.2em;
				    display: inline-block;
				    -webkit-transition: all 0.3s ease-out;
					-moz-transition: all 0.3s ease-out;
					-ms-transition: all 0.3s ease-out;
					-o-transition: all 0.3s ease-out;
					transition: all 0.3s ease-out;
				}
					a.station-link.idobi-radio-link:hover {
						color: #FFF;
						border: solid 1px #333;
						background: #333;
					}

				span.np-tag {
				    font-size: .2em;
				    text-transform: uppercase;
				    font-weight: bold;
				    letter-spacing: 0.2em;
				    color: #fff;
				}

				span.np-info {
				    display: block;
				    margin: .7em 0 0 0;
				    font-size: 1em;
				    color: #fff;
				}

				.station-clicker {
				    display: block;
				    background: #CCC;
				    text-align: center;
				    margin: 1em 0 0 0;
				    padding: 2em 0 2em 0;
				    border-radius: .5em;
					background: rgba(73,165,191,1);
					background: -moz-linear-gradient(top, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 50%, rgba(149,222,216,1) 100%);
					background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,165,191,1)), color-stop(50%, rgba(117,189,209,1)), color-stop(100%, rgba(149,222,216,1)));
					background: -webkit-linear-gradient(top, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 50%, rgba(149,222,216,1) 100%);
					background: -o-linear-gradient(top, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 50%, rgba(149,222,216,1) 100%);
					background: -ms-linear-gradient(top, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 50%, rgba(149,222,216,1) 100%);
					background: linear-gradient(to bottom, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 50%, rgba(149,222,216,1) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49a5bf', endColorstr='#95ded8', GradientType=0 );
				}

												
					


		/**
		* 1.1.3.VERSION2 FOR HOMEPAGE - Tune-in / Station Picker HOMEPAGE
		* ---------------------------------------------------------------------------- */
		

				#station-picker .station-item.idobi-radio{background: #6eaac7;}
				#station-picker .station-item.idobi-howl{background: #bcbb33;}
				#station-picker .station-item.idobi-anthm{background: #be9125;}
				#station-picker .station-item.idobi-electra{background: #5725aa;}

				#station-picker .station-white-logo {
					width: 30%;
					margin: 0 auto .5em auto;
				}
					#station-picker .station-white-logo img {
						width: 100%;
					}
						#station-picker .idobi-howl .station-white-logo img {
						    width: 60%;
						}
				.tunein-station-name,
				.station-genre {
					display: block;
				    padding: .5em 0 0 0;
				    margin: 0;
				}
					.station-genre {
						font-size: .6em;
					}

				.station-play {
					display: none;
				}
					.home .station-play .fa-play-circle {
						display: block;
						margin: 0 0 3% 0;
					}
					.home .station-item:hover > .station-play {
						display: block;
						padding: 0 15% 0 15%;
						margin: 3% 0 0 0;
					}
					.home #station-picker .h7{
						color: #FFF;
					}
					

		a.tunein-link {
		    border: solid 1px #efefef;
		    padding: .2em 1.5em .2em 1em;
		    font-size: .8em;
		    text-transform: uppercase;
		    letter-spacing: 0.1em;
		    display: inline-block;
		    float: right;
		    border-radius: 1em;
		}

			span#tunein-label {
			    display: inline-block;
			    float: left;
			    margin: 1em 0 0 .5em;
			}

			a.tunein-link:hover {
			    background: #111;
			}

			a.tunein-link:hover > #music-bars span {
			    background-color: #FFF;
			}

			#music-bars {
				display: inline-block;
				padding: .8em;
	    		float: left;
			}

				#music-bars span {
				  background-color: #111;
				  width: 1px;
				  float: left;
				  margin-left: 3px;
				  height: 20px;
				  -webkit-animation: 2s infinite ease-in-out;
				  -moz-animation: 2s infinite ease-in-out;
				  -o-animation: 2s infinite ease-in-out;
				  animation: 2s infinite ease-in-out;
				}

					#music-bars .one {
					  -webkit-animation-name: move-1;
					  -moz-animation-name: move-1;
					  -o-animation-name: move-1;
					  animation-name: move-1;
					}

					#music-bars .two {
					  -webkit-animation-name: move-2;
					  -moz-animation-name: move-2;
					  -o-animation-name: move-2;
					  animation-name: move-2;
					}

					#music-bars .four {
					  -webkit-animation-name: move-4;
					  -moz-animation-name: move-4;
					  -o-animation-name: move-4;
					  animation-name: move-4;
					}

					#music-bars .five {
					  -webkit-animation-name: move-5;
					  -moz-animation-name: move-5;
					  -o-animation-name: move-5;
					  animation-name: move-5;
					}

						/* Move 1 */
						@-webkit-keyframes move-1 {
						  0%, 100% {-webkit-transform: scaleY(.5);}
						  50% {-webkit-transform: scaleY(1);}}
						@-moz-keyframes move-1 {
						  0%, 100% {-moz-transform: scaleY(.5);}
						  50% {-moz-transform: scaleY(1);}}
						@-o-keyframes move-1 {
						  0%, 100% {-o-transform: scaleY(.5);}
						  50% {-o-transform: scaleY(1);}}
						@keyframes move-1 {
						  0%, 100% {transform: scaleY(.5);}
						  50% {transform: scaleY(1);}}

						/* Move 2 */
						@-webkit-keyframes move-2 {
						  0%, 100% {-webkit-transform: scaleY(.25);}
						  50% {-webkit-transform: scaleY(.75);}}
						@-moz-keyframes move-2 {
						  0%, 100% {-moz-transform: scaleY(.25);}
						  50% {-moz-transform: scaleY(.75);}}
						@-o-keyframes move-2 {
						  0%, 100% {-o-transform: scaleY(.25);}
						  50% {-o-transform: scaleY(.75);}}
						@keyframes move-2 {
						  0%, 100% {transform: scaleY(.25);}
						  50% {transform: scaleY(.75);}}

						/* Move 4 */
						@-webkit-keyframes move-4 {
						  0%, 100% {-webkit-transform: scaleY(.5);}
						  12%, 85% {-webkit-transform: scaleY(.75);}
						  35% {-webkit-transform: scaleY(.25);}}
						@-moz-keyframes move-4 {
						  0%, 100% {-moz-transform: scaleY(.5);}
						  12%, 85% {-moz-transform: scaleY(.75);}
						  35% {-moz-transform: scaleY(.25);}}
						@-o-keyframes move-4 {
						  0%, 100% {-o-transform: scaleY(.5);}
						  12%, 85% {-o-transform: scaleY(.75);}
						  35% {-o-transform: scaleY(.25);}}
						@keyframes move-4 {
						  0%, 100% {transform: scaleY(.5);}
						  12%, 85% {transform: scaleY(.75);}
						  35% {transform: scaleY(.25);}}

						/* Move 5 */
						@-webkit-keyframes move-5 {
						  0%, 50%, 100% {-webkit-transform: scaleY(0);}
						  25%, 75% {-webkit-transform: scaleY(.5);}}
						@-moz-keyframes move-5 {
						  0%, 50%, 100% {-moz-transform: scaleY(0);}
						  25%, 75% {-moz-transform: scaleY(.5);}}
						@-o-keyframes move-5 {
						  0%, 50%, 100% {-o-transform: scaleY(0);}
						  25%, 75% {-o-transform: scaleY(.5);}}
						@keyframes move-5 {
						  0%, 50%, 100% {transform: scaleY(0);}
						  25%, 75% {transform: scaleY(.5);}}

			/**
			* 1.1.3 - Tune-in / Station Picker
			* ---------------------------------------------------------------------------- */			  
				@media (max-width: 870px) {
					a.tunein-link {
						float: none;
						margin-top: .5em;
					}

					#station-picker .station-white-logo {
    					width: 50%;
    				}

    				#station-picker.active > .station-item {
    					width: 31.333%;
    					margin: 0 1% 0 1%;
					}
				}

				 @media (max-device-width:480px) {
					#station-picker.active > .station-item {
    					width: 90%;
    					margin: 5%;
					}
					.station-play {
						width: 75%;
						margin: 0 auto 2% auto;
						padding: 0 0 2% 0;
					}



				}
	
	/**
	 * 1.3 - Sidebar
	 * ---------------------------------------------------------------------------- */
		
		aside {
			width: 32%;
		    float: left;
		    max-width: 450px;
		    margin-left: 3%;
		    margin-top: 15px;
		} 

			aside .sidebar-content {
				float: left;
				border: solid 1px #EFEFEF;
			}

			aside .sidebar-posts {
				padding: 0 15px 0 15px;
				margin: 0;
    			float: left;
			}
				aside .sidebar-posts.sidebar-social {
					width: 100%;
					padding: 0;
					margin: 0;
				}

				aside .sidebar-posts li:first-child {
					border-top: none;
				}

			aside .widget-head {
			    padding: 7% 0 4% 0;
			    margin: 10% 0 0 0;
			    text-align: center;
			    clear: both;
			    border-top: solid 1px #EFEFEF;
			}

				aside .widget-head:first-of-type {
					border-top: 0;
					margin-top: 0;
				}

				aside .widget-head h5 {
					font-family: 'Montserrat', sans-serif;
				    font-size: 10%;
				    letter-spacing: 0.2em;
				    text-transform: uppercase;
				    display: inline-block;
				    padding: 3% 8% 3% 8%;
				    font-weight: normal;
				    border: solid 3px #333;
				}

				aside a {
				    font-size: 1rem;
    				line-height: 1.4;
				}
				aside .sidebar-content .h7 {
					float: left;
    				text-align: center;
    				margin: 0 0 5% 0;
    				font-size: 1em;
				}

			aside .sidebar-post-item {
				border-top: solid 1px #efefef;
				padding: 15px 0 15px 0;
				list-style-type: none;
				float: left;
			}

				aside .sidebar-posts h5 {
					padding: 7px 0 0 0;
					line-height: 1;
				}

				aside .news-date {
				    font-size: .2em;
				    text-transform: uppercase;
				    letter-spacing: 0.2em;
				    color: #999;
				}

				.sidebar-thumbnail {
					width: 30%;
				    float: left;
				    display: block;
				    padding-right: 5%;
				}
					.sidebar-thumbnail img {
					    width: 100%;
					    height: auto;
					    opacity: 1;
					transition: opacity .25s ease-in-out;
					-moz-transition: opacity .25s ease-in-out;
					-webkit-transition: opacity .25s ease-in-out;
					}
						.sidebar-thumbnail img:hover {
							opacity: 0.5;
						}
				.sidebar-item-info {
					width: 65%;
    				float: right;
				}

			.sidebar-social {
				width: 100%;
				margin-bottom: 5%;
			}
			.sidebar-social .fa {
				display: inline-block;
			    color: #333;
			    width: 20%;
			    text-align: center;
			    padding: 5% 0 5% 0;
			    font-size: 1.5em;
			    float:left;
			    transition: background .25s ease-in-out;
				-moz-transition: background .25s ease-in-out;
				-webkit-transition: background .25s ease-in-out;
			}
				.sidebar-social .fa:hover {color: #FFF;}
				.sidebar-social .fa-facebook-official:hover {background: #5572aa}
				.sidebar-social .fa-twitter:hover {background: #6ebbf1}
				.sidebar-social .fa-instagram:hover {background: #3f729b}
				.sidebar-social .fa-tumblr:hover {background: #36465d;}
				.sidebar-social .fa-youtube:hover {background: #e36453}


		/**
		 * 1.3.1 - Show Sidebar
		 * ---------------------------------------------------------------------------- */

					.sidebar .button {
					    padding: 5%;
					    background: #2EBD59;
					    border-radius: 2em;
					    width: 80%;
					    text-align: center;
					    color: #FFF;
					    text-transform: uppercase;
					    font-size: .8em;
					    letter-spacing: 0.1em;
					    transition: background .25s ease-in-out;
					    -moz-transition: background .25s ease-in-out;
					    -webkit-transition: background .25s ease-in-out;
					    margin: 5% auto 5% auto;
					    display:block;
					}
						.sidebar .button:hover {
							background: #1ed760;
						}

						.sidebar .fb-button{ background: #3b5998;}
						.sidebar .tw-button{ background: #55acee;}
						.sidebar .tu-button{ background: #36465d;}
						.sidebar .in-button{ background: #3f729b;}
							.sidebar .fb-button:hover, .sidebar .tw-button:hover, 
							.sidebar .tu-button:hover, .sidebar .in-button:hover { background: #333;}

						.sidebar .fa-clock-o {
						    display: block;
						    text-align: center;
						    padding: 0 0 3% 0;
						}
										


	/**
	 * 1.2 - Footer
	 * ---------------------------------------------------------------------------- */
		
		footer {
			border-top: solid 1px #efefef;
			margin: 3% 0 2% 0;
			float: left;
			width: 100%;
		}
		.footer-menu {
			float: left;
			width: 100%;
			font-size: 80%;
		}
			.footer-menu-left {
				float: left;
				width: 70%;
			}
			.footer-menu-right {
				float: right;
				width: 30%;
				text-align: right;
			}

			.footer-menu ul {
					list-style-type: none;
					padding: 0;
				}
			.footer-menu li {
				display: inline;
				padding: 0 10px 0 0;
				text-transform: uppercase;
				letter-spacing: 0.1em;
				font-size: 0.8em;
			}
				.footer-menu a {
			 		text-decoration: none;
			 	}
			 	footer li a:hover {
			 		color: #555;
			 	}
			.footer-menu-header {
			 	color: #555;
			 	text-transform: uppercase;
			 	display: block;
			 	letter-spacing: 0.1em;
			 	font-size: .1rem;
			 }

		.footer-menu-1 {
			border-bottom: solid 1px #efefef;
			padding: 2em 0 1em 0;
			margin-bottom: 2%;
		}

			.footer-social .fa {
				color: #999;
				padding: 3% 2%;
			}
				.footer-social .fa:hover {
					color: #3383CC;
				}
				footer li.menu-idobiradio a {
			 		color: #6eaac7;
				 }
				 footer li.menu-idobihowl a {
				 	color: #bcbb33;
				 }
				 footer li.menu-idobianthm a {
				 	color: #be9125;
				 }


			#copyright-logomark #copyright-logomark-image {
				/* background: url('i/idobi-Network-2015.png') no-repeat; */
				width: 1.5em;
				height: 1.5em;
				background-size: 100%;
				display: inline-block;
				float: left;
			}
			#copyright-logomark .copyright-right {
				    font-size: .5rem;
				    color: #d9d9d9;
				    font-family: 'Montserrat', sans-serif;
				    display: inline-block;
				    margin: 3px 0 0 5px;
				    float: left;
			}

		footer .copyright {
			font-size: .5rem;
			color: #d9d9d9;
			font-family: 'Montserrat', sans-serif;
			line-height: 1.6;
			float: left;
		}


			
			footer .footer-social .fa-facebook-official:hover{ color: #3b5998;}
			footer .footer-social .fa-twitter:hover{ color: #55acee;}
			footer .footer-social .fa-tumblr:hover{ color: #36465d;}
			footer .footer-social .fa-twitter:hover{ color: #3f729b;}
			footer .footer-social .fa-youtube:hover{ color: #E62117;}
			footer .footer-social .fa-rss:hover{ color: #F87F49;}





		/**
		 * 1.2.1 - MEDIA QUERY : Footer
		 * ---------------------------------------------------------------------------- */
		@media (max-width:800px) {

			footer {
				text-align:center;
			}
				.footer-menu {
					font-size: .8rem;
		   			line-height: 2rem;
				}
					.footer-menu-right {
					    float: left;
					    text-align:center;
					    width: 100%;
					    border-top: solid 1px #efefef;
					    padding: 2% 0 1% 0;
					}
					.footer-menu-left {
						width: 100%;
					}
		}


/**
 * 2.0 - Typography
 * ---------------------------------------------------------------------------- */
	
	body {
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
	}

	article {
		font-family: 'Georgia', serif;
	}
	a {
		text-decoration: none;
		color: #111;
		transition: color .15s ease-in-out;
		-moz-transition: color .15s ease-in-out;
		-webkit-transition: color .15s ease-in-out;
		cursor: pointer;
	}
		p a {
			color: #3383CC;
			text-decoration: none;
		}
		.small-link {
			font-size: 10px;
		    text-transform: uppercase;
		    text-decoration: underline;
		    font-family: 'Montserrat', sans-serif;
		    font-weight: normal;
		    letter-spacing: 0.1em
		}
		a:hover {
			color: #CCC;
		}
	h1, h2, h3, h4, h5, h6, .h7 {
		font-family: "Work Sans", sans-serif;
		font-weight: 400;
	}
	h4, h5, h6 { margin: 0; padding: 0;}

		h1 { font-size: 4rem; line-height: 3.8rem; }
		h2 { font-size: 36px; }
		h3 { font-size: 28px; }
		h4 { font-size: 1.8em; line-height: 1.2em; }
		h5 { font-size: 16px; }
		h6 { font-size: 14px; }
		.h7 { font-family: 'Montserrat', sans-serif; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase;}

		.grid h1, .grid h2, .grid h3, .grid h4 .grid h5, .grid h6 {
			font-weight:400;
			margin: 0;
			line-height: 1em;
		}
		article p h3, p article h4, article p h5, article p h6 {
			padding: 20px 0 20px 0;
			margin: 20px 0 20px 0;
			line-height: 1em;
			text-transform: uppercase;
		}

	p {
		font-family: 'Georgia', serif;
		font-size: 1rem;
		line-height: 1.6;
	}
		article p {
			max-width: 600px;
    		margin: 20px auto 20px auto;
		}
		article ul li {
		    max-width: 600px;
		    margin: 1em auto 1em auto;
		}
		article ul {
		    font-family: 'Georgia', serif;
		    font-size: 1rem;
		    line-height: 1.6;
		    /* max-width: 600px; */
		    margin: 2em auto 2em auto;
		}

		code {
			background: #384047;
			display: block;
			margin: 15px 0 15px 0;
			padding: 25px;
			color: #A6B1B3;
			border-radius:5px;
			font-family: "monoco", courier, monospace;
			font-size: .8em;
			overflow-x: scroll;
		}
		hr {
			height: 1px;
			background: #CCC;
			padding: 0;
			margin: 15px 0 15px 0;
			border: 0;
		}


		



/**
 * 3.0 - Grid
 * ---------------------------------------------------------------------------- */


	/**
	 * 3.1 - Global Grid Structure & Styles
	 * ---------------------------------------------------------------------------- */
		.grid {
			float: left;
		}
			.grid > div {
				float: left;
			}

			.grid .boxmeta {
				padding: 0 20px 20px 20px;
				color: #FFF;
				position: absolute;
				bottom: 0;
			}
				.boxmeta a {
				    color: #FFF;
				    cursor: pointer;
				}
					.boxmeta a:hover,
					.boxmeta-center a:hover {
						color: #999;
					}
				.grid .boxmeta-ad {
					bottom: auto;
					padding: 20px;
				}

			.grid .boxmeta-center {
				padding-top: 40%;
				text-align: center;
				color: #FFF;
				font-size: 10px;
			}
				.grid .boxmeta-center h1, .grid .boxmeta-center h2, .grid .boxmeta-center h3, .grid .boxmeta-center h4, .grid .boxmeta-center h5 {
					color: #FFF;
				}
				.grid .news-date {
					font-size: .6em;
				    text-transform: uppercase;
				    margin-top: 2%;
				    color: #999;
				    font-family: "Montserrat", sans-serif;
				}
			.grid-box-image-container img{
				width: 100%;
				height: auto;

				opacity: 1;
				transition: opacity .25s ease-in-out;
				-moz-transition: opacity .25s ease-in-out;
				-webkit-transition: opacity .25s ease-in-out;
			}
				.grid-box-image-container img:hover {
					opacity: 0.8;
				}

			.grid-nopadding {
				margin: 0;
			}
			.grid-box-header{
				display: block;
			}
				.grid .grid-box-header a:hover {
					color: #6BA9C9;
				}
			/*.post-categories,
			.post-categories a {
				font-family: 'Montserrat', sans-serif;
			    font-size: 80%;
			    letter-spacing: 0.2em;
			    text-transform: uppercase;
			    display: block;
			    padding: 0 0 3px 0;
			}
				.post-categories a { text-decoration: underline;}*/

				article .post-categories a
				article .post-categories li {
					display: inline;
				}
					.post-categories li {
					    display: inline-block;
					    margin: 0 1% 0 1%;
					}

			.overlay10 {
				background: url('i/overlay10.png') repeat;
				width:100%;
				height: 100%;
				position: relative;
			}.overlay20 {
				background: url('i/overlay20.png') repeat;
				width:100%;
				height: 100%;
				position: relative;
			}.overlay30 {
				background: url('i/overlay30.png') repeat;
				width:100%;
				height: 100%;
				position: relative;
			}.overlay40 {
				background: url('i/overlay40.png') repeat;
				width:100%;
				height: 100%;
				position: relative;
			}.overlay50 {
				background: url('i/overlay50.png') repeat;
				width:100%;
				height: 100%;
				position: relative;
			}
			.overlay60 {
				background: url('i/overlay60.png') repeat;
				width:100%;
				height: 100%;
				position: relative;
			}
			.overlay70 {
				background: url('i/overlay70.png') repeat;
				width:100%;
				height: 100%;
				position: relative;
			}
			.overlay80 {
				background: url('i/overlay80.png') repeat;
				width:100%;
				height: 100%;
				position: relative;
			}
			.overlay90 {
				background: url('i/overlay90.png') repeat;
				width:100%;
				height: 100%;
				position: relative;
			}


			.overlay {
				background: url('i/postgrid-box-overlay.png') repeat-x;
				width:100%;
				height: 100%;
				position: relative;
			}
				.overlay-idobiradio {
				    background: rgba(6, 75, 111, 0.75);
				    width: 100%;
				    height: 100%;
				    position: relative;
				}
				.overlay-idobihowl {
				    background: rgba(113, 99, 2, 0.67);
				    width: 100%;
				    height: 100%;
				    position: relative;
				}

			.overlay-gradient {}


			.section-head,
			.grid .section-head {
				text-align: center;
			    display: block;
			    padding: 3em 0 1em 0;
			    border-top: solid 1px #efefef;
			    text-transform: uppercase;
			    margin: 1em 0 2em 0;
			    width: 100%;
			    float: left;
			}
				.archive .section-head {
					border: none;
				}

				.section-head h2,
				.grid .section-head h2 {
					font-size: 1.3em;
				    letter-spacing: 0.1em;
				    font-weight: normal;
				    padding: 0;
				    margin: 0 0 .5em 0;
				}
					.section-head h3 {
						font-size: 2em;
					    line-height: 1.4;
					    font-weight: normal;
					    padding: 0;
					    margin: 0 0 1% 0;
					    text-transform: none;
					}

				.grid .section-head ul.post-categories {
					width: 50%;
				    margin: auto;
				    line-height: 1.8;
				}

				.section-head .section-links,
				.grid .section-links {
					font-size: .7em;
					letter-spacing: 0.1em;
					font-family: 'Montserrat', sans-serif;
				}
					.section-links a,
					.grid .section-links a {
						padding: 0 .5% 0 .5%;
						text-decoration: underline;
						color: #111;
					}
						.section-links a:hover {
							color: #CCC;
						}

		/**
		 * 3.1.1 - MEDIA QUERY : Global Grid Structure & Styles
		 * ---------------------------------------------------------------------------- */

		 /* There are multiple breakpoints for the grid system...
		 /* The first media query applies to standard screens, under 800px */
		 @media (max-width:800px) {

		  .section-head, .grid .section-head { 
		  	padding: 10% 0 5% 0; 
		  }
		  	.section-head ul.post-categories, .grid .section-head ul.post-categories {
		  		width: 100%;
		  	}

		  .container .grid3 .grid3-box,
		  .grid3 .grid3-box {
		  	/* height: 250px;*/
		  }

		  	.grid3 .grid3-box h4 {
			    font-size: 1.5rem;
			    line-height: 1.5rem;
			}

			.container .grid3 .content-box,
			.container .grid3 .advertisement-box {
				width: 50%;
			}	
				.container .grid3 .featad-box {
					width: 50%;
				}
				.container .grid3 .content-box:first-of-type {
					width: 100%;
				}

			.idobi-podcast-network-shows .grid3 .grid3-box {
				height: 200px;
			}

		}

		/* The first media query applies to standard screens, under 600px
		/* once we get this small, we gotta make all the boxes 100% width */
		 @media (max-width:600px) {

		 	.container .grid3 .grid3-box {
				width: 100%;
			}	

		 }

		/* The final media query is for mobile devices under 480px 
		/* this applies to iPhones, etc. */
		 @media (max-device-width:480px) {

		 	.container .grid3 .grid3-box {
				width: 100%;
			}

		 }



	/**
	 * 3.2 - .grid2
	 * ---------------------------------------------------------------------------- */

	.grid2 {
		width:100%;
		float: left;
	}
	.grid2 > div {
		float: left;
		background-size: 100%;
		position: relative;
	}
		.grid2 .grid2-box {
			width: 50%;
		}
		.grid2 .grid2-box-flex {
			width: 50%;
		}
		
		.grid2 h3, .grid2 h4 {
			padding: 0;
			margin: 0;
			font-weight: 400;
			color: #111;
		}
	.grid2-box-content {
		padding: 0 7% 0 7%;
    	border-left: solid 1px #d9d9d9;
    	float: left;
    	margin: 3% 0 3% 0;
	}
		.grid2-box-content:first-of-type {
			border: 0;
		}



	/**
	 * 3.3 - .grid3
	 * ---------------------------------------------------------------------------- */

	.grid3 {
		width:100%;
		float: left;
	}
	.grid3 > div {
		float: left;
		background-size: 100%;
		position: relative;
	}
		.grid3 .grid3-box {
			width: 25%;
			height: 400px;
		}
		.grid3 .grid3-box-flex {
			width: 27.333%;
			padding: 0 3% 0 3%;
		}
		
		.grid3 h3, .grid3 h4 {
			padding: 0;
			margin: 0;
			font-weight: 400;
			color: #111;
		}
			.grid3 h4 {
				font-size: 1.4em;
			}
	.grid3-box-content {
		padding: 0 7% 0 7%;
    	border-left: solid 1px #d9d9d9;
    	float: left;
    	margin: 3% 0 3% 0;
	}
		.grid3-box-content:first-of-type {
			border: 0;
		}

		/**
		 * 3.3.1 - .grid3 : Review Section
		 * ---------------------------------------------------------------------------- */
		 	.grid3 .review-box .grid-box-header a h4.name {
			 	transition: color .25s ease-in-out;
			    -moz-transition: color .25s ease-in-out;
			    -webkit-transition: color .25s ease-in-out;
		 	}

			.grid3 .review-box .grid-box-header a:hover,
			.grid3 .review-box .grid-box-header a:hover h4.name
			 {
				color: #555;
			}

			.grid3 .review-box .review-excerpt p {
				font-size: .8rem;
				line-height: 1.6rem;
			}

			.grid3 .review-box .grid-box-header {
    			margin-top: 5%;
			}
				.grid3 .review-box .grid-box-header .artist {
					text-transform: uppercase;
				    font-size: .8em;
				    color: #999;
				    line-height: 2rem;
				}

			/**
			 * 3.3.1.1 - MEDIA QUERY : .grid3 : Review Section
			 * ---------------------------------------------------------------------------- */

			@media (max-width:800px) {

				.container .grid3 .review-box {
				    width: 100%;
				    margin: 0 0 10% 0;
				    border-bottom: solid 1px #EFEFEF;
				    padding: 0 0 3% 0;
				}

				.review-box .grid-box-image-container {
				    width: 30%;
				    float: left;
				}

				.review-box .grid3-box-content {
				    width: 50%;
				    padding: 0 0 0 0;
				    margin: 0 0 0 auto;
				}

			}

			@media (max-width:550px) {

				.container .grid3 .review-box {
				    width: 100%;
				    margin: 0 0 10% 0;
				    border-bottom: solid 1px #EFEFEF;
				    padding: 0 0 3% 0;
				}

				.review-box .grid-box-image-container {
				    width: 65%;
				    float: none;
				    margin: auto;
				}

				.review-box .grid3-box-content {
				    width: 100%;
				    padding: 0;
				    margin: 5% 0 0 0;
				}

				.review-box .grid3-box-content .review-excerpt {
					display: none;
				}

			}

			@media (min-width: 1200px) {

				.grid3-box.content-box {
					width: 25%;
					margin: 0;
				}
					.grid3-box.advertisement-box {
						width: 25%;
						margin: 0;
					}

			}

			@media (min-width: 1600px) {

				.grid3-box.content-box {
					width: 16.666%;
					margin: 0;
				}
					.grid3-box.advertisement-box {
						width: 16.666%;
						margin: 0;
					}

		}

		/**
		 * 3.3.2 - .grid3 : Shows & Podcasts
		 * ---------------------------------------------------------------------------- */
		 .grid3-box.show-box {
			height: auto;
			/* background: #CCC; */
			margin: 2%;
			width: 29.333%;
		}

			.box-image {
			    width: 100%;
			    padding-bottom: 100%; /* Forces square */
			    transition: opacity .25s ease-in-out;
			    -moz-transition: opacity .25s ease-in-out;
			    -webkit-transition: opacity .25s ease-in-out;
			}
				.box-image:hover {
					opacity: 0.5;
				}
			.show-box .box-content-container .show-title {
			    text-transform: uppercase;
			    font-size: 1em;
			    letter-spacing: .1em;
			    line-height: 1.3em;
			}

			.box-content-container {
			    padding: 5% 10% 5% 10%;
			    text-align: center;
			}

			.show-box .box-content-container span.show-description {
			    font-size: .8em;
			    display: block;
			    text-transform: uppercase;
			    color: #BBB;
			    padding: .3em 0 0 0;
			}

			span.show-datetime {
			    display: block;
			    padding: 2em;
			    font-size: .6em;
			    text-transform: uppercase;
			}

			.show-interact-container a {
			    display: inline-block;
			    background: #89C3DB;
			    margin: 1%;
			    padding: 5%;
			    border-radius: .3em;
			    font-size: .5em;
			    text-transform: uppercase;
			    color: #FFF;
			}
				.show-interact-container a:hover {
					background: #333;
				}
			span.media-download {
			    text-align: center;
			    display: block;
			}
			.media-download a {
			    font-family: 'Montserrat',sans-serif;
			    font-size: 10%;
			    letter-spacing: 0.2em;
			    display: inline-block;
			    padding: 3% 20% 3% 20%;
			    font-weight: normal;
			    border: solid 3px #333;
			    text-transform: uppercase;
			    background: #333;
			    color: #FFF;
			    border-radius: 25px;
			    text-align: center;
			}
				.media-download a {
					background: #CCC;
				}

				/**
				 * ALTERNATE STYLES FOR PODCAST PAGE
				 * ---------------------------------------------------------------------------- */

				 #alternate-bg .grid3-box.show-box h3.show-title a,
				 #alternate-bg .grid3-box.show-box span.show-datetime {
				 	color: #FFF;
				 }

		

			/**
			 * 3.2.2.1 - MEDIA QUERY : .grid3 : Shows & Podcasts
			 * ---------------------------------------------------------------------------- */
			@media (min-width: 1200px) {

				.grid3-box.show-box {
					width: 20%;
					margin: 2.5%;
				}

			}

			@media (min-width: 1600px) {

				.grid3-box.show-box {
					width: 14.666%;
					margin: 1%;
				}

			}

			@media (max-width: 800px) {

				.grid3-box.show-box {
					width: 45%;
					margin: 2.5%;
				}

			}

			@media (max-width: 600px) {

				.grid3-box.show-box {
					width: 100%;
					margin: 2.5% 0 2.5% 0;
					border-bottom: solid 1px #EFEFEF;
				}

					.box-image {
					    width: 80%;
					    padding-bottom: 80%;
					    margin: auto;
					}

			}







				
.fullpage.podcast-fullpage {
    background: #1F2024;
    padding: 1em 0 1em 0;
    color: #FFF;
    text-align: center;
}
	.page-template-page-series .podcast-fullpage .container {

	}	




/* GLOBAL STYLES */

	.page-template-page-series .section-head {
		border-top: none;
	}

	div#alternate-bg {
	    float: left;
	    background: #172830;
	    margin-top: 5em;
	    padding: 1em 0 2em 0;
	}
		#alternate-bg h5, #alternate-bg .h6 {
			color: #FFF;
		}
			#alternate-bg h5 a:hover, #alternate-bg a h5:hover,
			#alternate-bg h6 a:hover, #alternate-bg a h6:hover {
				color: #B7AE6E;
			}
			#alternate-bg .section-head,
			#alternate-bg .section-head a {
				color: #B7AE6E;
			}
		.page-template-page-series .mini-section-title h5 {
		    width: 100%;
		    float: left;
		    text-align: center;
		    margin: 1em 0 1em 0;
		    text-transform: uppercase;
		    letter-spacing: 0.2em;
		    color: #999;
		    font-size: .8em;
		}
	.page-template-page-series .section-head {
	    padding: 2em 0 1em 0;
	    margin: 1em 0 0em 0;
	}

	.tax-podcast-show .grid2-box {    
		height: 400px;
	}


/* SHOW STYLES */
.page-template-page-series .podcast-section .grid3-box {
		width: 20%;
		height: auto;
	}

		.page-template-page-series .series-container {
			margin: 2.5%;
		}

			.page-template-page-series .podcast-section .series-container {
			    text-align: center;
			}

		.page-template-page-series .series-image {
			float: left;
		    display: block;
		    width: 100%;
		    opacity: 1;
		    margin: 0 0 .6em 0;
			transition: opacity .25s ease-in-out;
			-moz-transition: opacity .25s ease-in-out;
			-webkit-transition: opacity .25s ease-in-out;
		}
			.page-template-page-series .series-image img {
				width: 100%;
				height: auto;

			}
			.page-template-page-series .series-image:hover {
				opacity: .5;
			}
			
		
		.page-template-page-series .series-hosts {
			float: left;
		    display: block;
		    width: 100%;
		    color: #999;
		    text-transform: uppercase;
		    font-size: .6rem;
		    padding: .5em 0 0 0;
		}
		.page-template-page-series .series-container span.series-hosts {
		    display: block;
		    margin: 0 0 1em 0;
		}
		.page-template-page-series .series-container .interact-options .fa {
		    padding: 0 .5em 0 0;
		}


		
/* EPISODE STYLES */

.page-template-page-series .h6,
.page-template-page-series .h6 a {
    text-transform: uppercase;
    font-size: .8em;
    color: #999;
}	
	li.sidebar-post-item .h6 a:hover {
		color: #B7AE6E;
	}


.page-template-page-series h5 {
    padding: .3em 0 .3em 0;
}
	.page-template-page-series h5 a,
	.page-template-page-series a h5 {
	    color: #111;
	    font-size: 1.2em;
	}
		.page-template-page-series h5 a:hover,
		.page-template-page-series a h5:hover {
			color: #CCC;
		}

	.page-template-page-series ul.sidebar-posts {
	    float: left;
	    padding: 0;
	    margin: 0;
	}

	.page-template-page-series li.sidebar-post-item {
	    float: left;
	    background: #FFF;
	    margin: 1%;
	    list-style-type: none;
	    width: 48%;
	    display: table;
	    border-top: solid 3px #B7AE6E;
	}
		.page-template-page-series .episode-section li.sidebar-post-item .sidebar-thumbnail {
			padding: 1em 0 1em 1em;
			width: 30%;
		}
			.page-template-page-series .episode-section li.sidebar-post-item .sidebar-thumbnail img {
				width: auto;
			}

		.page-template-page-series .episode-section li.sidebar-post-item .sidebar-item-info {
		    text-align: center;
		    width: 90%;
		    padding: 0 5% 0 5%;
		}
		.page-template-page-series .episode-section .valign-container {
			display: table-cell;
		    vertical-align: middle;
		    padding: 1em;
		}
					
			.episode-options,
			.interact-options {
			    margin-top: 1em;
			}
			.episode-options a,
			.interact-options a {
				display: inline-block;
				border: solid 1px #B7AE6E;
				padding: .8em 1.5em .8em 1.5em;
				font-size: .5em;
				text-transform: uppercase;
				border-radius: .3em;
				color: #B7AE6E;
				margin: 0.3em 0 .3em 0;
				transition: background .25s ease-in-out;
				-moz-transition: background .25s ease-in-out;
				-webkit-transition: background .25s ease-in-out;
			}
				.episode-options a:hover,
				.interact-options a:hover {
					background: #B7AE6E;
					color: #FFF;
				}

				/* FEATURED EPISODE STYLES */
				.page-template-page-series .sidebar-posts li.featured-episode {
				    width: 98%;
				    background: #172830;
				}
					.page-template-page-series .sidebar-posts li.featured-episode .sidebar-thumbnail {
						width: 100%;
						padding: 2em 0 2em 2em;
					}
						.page-template-page-series .episode-section .sidebar-posts .featured-episode.sidebar-post-item .sidebar-thumbnail img {
							width: 100%;
						}
					.page-template-page-series .sidebar-posts li.featured-episode .valign-container {
						width: 50%;
					}

					.page-template-page-series li.featured-episode h5 a {
					    color: #FFF;
					    padding: 0 7% 0 7%;
					    font-size: 1.8em;
					}

					.page-template-page-series span.featured-episode-title {
					    font-size: .8em;
					    text-transform: uppercase;
					    letter-spacing: .2em;
					    color: #B7AE6E;
					    display: block;
					    margin: 0 0 2em 0;
					}
					.page-template-page-series li.featured-episode .episode-options a {
						font-size: .7em;
					}
			.episode-section .interact-options a {
			    font-size: 1em;
			    width: auto;
			    border: solid 1px #999;
			    padding: 1% 5% 1% 5%;
			    color: #999;
			    margin-top: 3em;
			}

			.episode-section .interact-options {
			    width: 100%;
			    text-align: center;
			}

		/* PODCAST NEWS STYLES */
		.page-template-page-series article {
			width: 50%;
		}
		.page-template-page-series .review-excerpt p {
			font-size: .8em;
			line-height: 1.8em;
		}
			.page-template-page-series .grid3-box-content.review-container {
				margin: 0;
				padding: 0 5% 0 5%;
			}

			.page-template-page-series .review-archive-item .grid-box-image-container {
				width: 20%;
			}
			.page-template-page-series .review-archive-item .grid3-box-content {
				width: 70%;
			}
			.podcast-episode-container .box-image-container {
			    width: 150px;
			    padding: 1em;
			    float: left;
			}

		/* PODCAST HALF RIGHT SECTION */
		.series-half-container {
		    width: 60%;
		    background: #172830;
		    padding: 10%;
		    text-align: center;
		    margin: 10%;
		    display: block;
		    border-top: solid 3px #B7AE6E;
		}

		.series-half-container h3 {
		    color: #FFF;
		}

		.series-half-container span.h6 {
		    font-family: "Montserrat", serif;
		    margin: 1em 0 0 0;
		    display: block;
		}

		.series-half-container .interact-options a {
		    padding: 3% 10% 3% 10%;
		    margin: 3%;
		    color: #FFF;
		    border-radius: 2em;
		    font-family: "Montserrat", serif;
		    font-size: .7em;
		}







			/**
			 * 3.2.2.12 - MEDIA QUERY : .grid3 Global Styles
			 * ---------------------------------------------------------------------------- */

			@media (min-width:1300px) {

				ul.sidebar-posts li.episode-container {
					width:31.333%
				}

			}

			@media (max-width:860px) {

				ul.sidebar-posts li.episode-container .sidebar-thumbnail{
					display: none;
				}

				.container .grid3-box.series-container {
					height: auto;
					margin: 2.5% 0 2.5% 0;
				}

				.page-template-page-series .station-schedule-item {
				    width: 28%;
				    float: left;
				}

				.page-template-page-series .schedule-day span.station-schedule-time {
					margin: inherit;
				}
				.page-template-page-series .station-schedule-item h4 {
					padding: 0;
				}

			}

			@media (max-width:550px) {

				ul.sidebar-posts li.featured-episode .sidebar-thumbnail{
					display: none;
				}

				

				.page-template-page-series .station-schedule-item {
				    width: 100%;
				    float: left;
				    background: inherit;
				}
				.page-template-page-series .station-schedule-item:nth-child(3), 
				.page-template-page-series .station-schedule-item:nth-child(5), 
				.page-template-page-series .station-schedule-item:nth-child(7),
				.page-template-page-series .station-schedule-item:nth-child(2),
				.page-template-page-series .station-schedule-item:nth-child(4),
				.page-template-page-series .station-schedule-item:nth-child(6),
				.page-template-page-series .station-schedule-item:nth-child(8) {
				    background: #B7AE6E;
				}

				.page-template-page-series .schedule-day {
					width: 90%;
				}

				.page-template-page-series article {
					width: 100%;
				}

				.series-half-container {
					width: 80%;
				}

			}

			.sidebar-ad-container {
			    text-align: center;
			    margin: 3em auto 3em auto;
			}

			@media (max-width: 700px) {
				.page-template-page-series li.sidebar-post-item {
					width: 100%;
				}
			}

			.schedule-head {
			    padding: 1em;
			}

	/**
	 * 3.4 - .grid4
	 * ---------------------------------------------------------------------------- */
	 .grid4 > div {
		background-size: 100%;
		position: relative;
	}
	.grid4-box {
		background: #444;
		width: 25%;
		float: left;
	}

	.grid4-box .boxmeta {
		padding-top: 25%;
	}

		/**
		 * 3.4.1 - MEDIA QUERY : .grid4
		 * ---------------------------------------------------------------------------- */
		@media (max-width:800px) {

		  .grid4-box { width: 50%; }

		}

		@media (max-width:550px) {

		  .grid4-box { width: 100%; }

		}

		/**
		 * 3.4.2 - Station Lineup
		 * ---------------------------------------------------------------------------- */
		.station-lineup .grid3-box {
			height: auto;
			background: none;
			margin: 2em 0 0 0;
			text-align: center;
		}
			.station-lineup  a {
				opacity: 1;
				transition: opacity .25s ease-in-out;
				-moz-transition: opacity .25s ease-in-out;
				-webkit-transition: opacity .25s ease-in-out;
			}
			.station-lineup .grid3-box.idobihowl-logo img {
			    margin: 0% 32% 5% 32%;
			    width: 36%;
			}
			.station-lineup .grid3-box img {
				width: 50%;
			    padding: 0 0% 0 0%;
			    margin: 5% 25% 5% 25%;
			    vertical-align: middle;
			}
				.station-lineup .grid3-box a:hover {
					 opacity: 0.5;
				}
			.station-lineup .small-link {
				text-decoration: none;
				color: #555;
			}
			.station-lineup .section-head {
				border-top: 0;
				margin: 2% 0 0 0;
			}



			.splash-home .station-lineup .grid3-box img {
				width: 60%;
			    margin: 0 20% 0 20%;
			}
				.splash-home .station-lineup .grid3-box.idobihowl-logo img {
					width: 40%;
					margin: 0 30% 0 30%;
				}
				.splash-home .station-lineup .small-link {
					color: #CCC;
				}

			/**
			* 3.4.2.1 - MEDIA QUERY : Station Lineup
			* ---------------------------------------------------------------------------- */
			@media (max-width:800px) {

			  .station-lineup .grid4-box { width: 25%; }

			}

			@media (max-width:550px) {

			  .station-lineup .grid4-box { width: 50%; }

			}


	/**
	 * 3.5 - .grid5
	 * ---------------------------------------------------------------------------- */
	 .grid5 {
		width: 100%;
		float: left;
	}
		.grid5 > div {
			float: left;
		    position: relative;
		    padding: 1%;
		    border: solid 5px #111;
		    margin: 1%;
		}
		.grid5-box {
			width: 15%;
		}
			.grid5-box h5 {
				font-size: 1.5em;
			    line-height: 1.1em;
			    margin: 10px 0 10px;
			}

		/**
		 * 3.5.1 - MEDIA QUERY : .grid5
		 * ---------------------------------------------------------------------------- */
		@media (max-width:800px) {

		  .grid5-box { width: 50%; }

		}

		@media (max-width:550px) {

		  .grid5-box { width: 50%; }

		}

	



	/**
	 * 3.6 - Special Grids
	 * ---------------------------------------------------------------------------- */

	 	

		/**
		* 3.6.1 - Schedule Grid
		* ---------------------------------------------------------------------------- */
		
		.schedule-section-container {
		    width: 100%;
		    margin: 0 auto 0 auto;
		    float: left;
		}
			.home .schedule-section-container {
				margin-top: 5%;
			}
			.home .schedule-day {
			    background: #2B3542;
			    border: none;
			}
			.schedule-section-container .section-head {
			    margin: 0;
			    padding: 5% 0 0 0;
			}
			.schedule-section-container .section-head h1 {
				font-size: 2rem;
			}
			.schedule-section-container .tomorrow-sched {
			    margin: 1em 0 0 0;
			    padding: 5% 0 5% 0;
			}


		.schedule-item-list {
		    width: 22.5%;
		    float: left;
		    text-align: center;
		    border: none;
		    color: #FFF;
		    padding: 4%;
		    background: #111;
		    margin: 0 1% 1% 1%;
		}
			.schedule-item-list-tomorrow {
				background: none;
				border: solid 3px #111;
				color: #111;
			}

		.schedule-item-list h3 {
		    color: #FFF;
		    margin: 0 0 .5em 0;
		}
		.schedule-item-list-tomorrow h3 {
			color: #111;
		}

		.schedule-item-list h4.name {
		    font-size: 1rem;
		    color: #CCC;
		    margin: 0.5rem 0 1rem 0;
		    text-decoration: underline;
		    font-size: .8rem;
		    text-transform: uppercase;
		    line-height:1.6;
		}

		.schedule-item-list .schedule-time {
		    padding: 0 0 1em 0;
		}

			span.time-hour {
			    font-size: 1.3rem;
			    border: solid 3px #FFF;
			    padding: .5em 1em .5em 1em;
			    display: inline-block;
			    margin: 0 0 1em 0;
			}
				.schedule-item-list-tomorrow span.time-hour {
					border: solid 3px #111;
				}

			span.time-zone {
			    font-size: .6rem;
			    color: #999;
			}

			span.alt-zones {
			    font-size: .5rem;
			    display: block;
			    color: #999;
			}
				span.alt-zones-intl {
					color: #999;
					text-transform: uppercase;
				}

			.schedule-time {
			    font-size: 1rem;
			    text-align: center;
			    text-transform: uppercase;
			    letter-spacing: 0.1em;
			    margin: auto;
			    width: 75%;
			    padding: 20% 0 1em 0;
			}
				
			h2.schedule-show{
				color: #FFF;
			    font-weight: normal;
			    padding: 0 0 .2em 0;
			    margin: 0;
			    font-size: 1.8rem
			}
				.schedule-show a { 
					color: #FFF;
				}
					.schedule-show a:hover {
						color: #555;
					}

			h5.schedule-station {
			    padding: 1.1em 2.5em 1.3em 2.5em;
			    border-radius: 2em; 
			    width: auto; 
			    display: inline-block;
			    font-size: .5rem;
			    text-transform: uppercase; 
			    letter-spacing: 0.1em; 
			    color: #FFF; 
			    margin: 1em 0 1em 0; 
			}

				h5.schedule-station.schedule-station-idobi.Radio {
					background: #6BA9C9;
				}
				.schedule-station.schedule-station-idobi.Howl {
					background: #bcbb33;
				}
				.schedule-station.schedule-station-idobi.Anthm {
					background: #be9125;
				}
				.schedule-station.schedule-station-idobi.Electra {
					background: #5725aa;
				}


					

			/**
			* 3.6.1.1 - MEDIA QUERY : Schedule Grid
			* ---------------------------------------------------------------------------- */
			@media (max-width:700px) {
				
					.schedule-item-left {
						width: 45%;
					}
					.schedule-thumbnail {
						width: 50%;
					}
					.schedule-thumbnail h3 {
						font-size: 1.8rem;
						padding-right: 5%;
					}

					.schedule-item-list {
						width: 95%;
					    margin: 1% 2.5% 1% 2.5%;
					    float: left;
					    display: block;
					    padding: 1em 0 1em 0;
					}

			}


		/**
		 * 3.6.2 - .list1
		 * ---------------------------------------------------------------------------- */

		.list1 {
			width:100%;
			float: left;
		}
		.list1 > div {
			float: left;
			background-size: 100%;
			position: relative;
			color: #000;
		}
			.grid .list1-box .boxmeta {
				position: relative;
			    width: 55%;
			    float: left;
			    padding-top: 10px;
			}

				.list1-box .sidebar-thumbnail {
				    width: 30%;
				    float: left;
				    display: block;
				    padding-right: 0;
				}
				.list1-box .small-link {
					text-align: center;
					padding: 5%;
					display:block;
				}


			.list1 .list1-box {
				width: 100%;
			}
			.list1-box a {
				color: #111;
			}
				.list1-box a:hover {
					color: #CCC;
				}
			.list1 .list1-box-flex {
				width: 50%;
			}
			
			.list1 h3, .list1 h4 {
				padding: 0;
				margin: 0;
				font-weight: 400;
				color: #111;
			}
		.list1-box-content {
			padding: 0 7% 0 7%;
	    	border-left: solid 1px #d9d9d9;
	    	float: left;
	    	margin: 3% 0 3% 0;
		}
			.list1-box-content:first-of-type {
				border: 0;
			}




/**
 * 4.0 - Single
 * ---------------------------------------------------------------------------- */

 	/**
	 * 4.1 - Single Structure and Global
	 * ---------------------------------------------------------------------------- */

	article img {
		max-width: 100%;
		height: auto;
	}

	.entry-title {
		font-family: 'Work Sans', sans-serif;
		line-height: 1.2em;
	    font-size: 2rem;
	}
		.subtitle {
			font-family: 'Georgia', serif;
		    color: #999;
		    padding: 0 0 2% 0;
		    display: block;
		    font-size: 22px;
		    font-style: italic;
		    line-height: 32px;
		}

	.entry-meta-container {
	    border-top: solid 1px #d9d9d9;
	    border-bottom: solid 1px #d9d9d9;
	    margin-bottom: 15px;
	    float: left;
	    width: 100%;

	    font-family: 'Montserrat', sans-serif;
		font-size: 10px;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		color: #999;
	}
		.entry-meta-container .entry-meta-item {
			width: 33%;
			float: left;
		}

			.entry-meta-container .entry-date {
				padding: 10px 0 10px 0;
				border-right: solid 1px #d9d9d9;
				height: 70px;
			}
				article span.news-date {
				    padding-right: 15px;
				    display: block;
				    border-top: solid 1px #EFEFEF;
				    padding: 3% 0 3% 0;
				    
				    font-size: .5em;
				    font-family: 'PT Mono', monospace;
				    text-transform: uppercase;
				    letter-spacing: 0.15em;
				    font-weight: bold;
				}

				.news-date .fa-twitter {
				    font-size: 1.5em;
				    color: #6BA9CA;
				    margin: .1em .3em 0 .3em;
				}
					.news-date .fa-twitter:hover {
						color: #333;
					}
				
				ul.post-categories {
					list-style-type: none;
					padding: 0;
					margin: 0;
				}
				article .post-categories {
					padding: 4% 0 2% 0;
					color: #111;
				}
					.search .post-categories>li {
						color: #111;
						display: inline-block;
						padding: 0 0 5% 0;
					}

			.entry-meta-title {
				display: block;
				padding: 20px 0 0 20px;
			}
			.entry-meta-container .entry-author {
				padding: 10px 0 10px 0;
				border-right: solid 1px #d9d9d9;
				height: 70px;
			}
				.author-avatar img {
				    border-radius: 50px;
				    margin: 0 20px 0 20px;
				    float: left;
				}
				span.author.vcard,
				span.author.vcard a {
				    font-size: 14px;
				    text-transform: none;
				    letter-spacing: 0;				    
				    display: inline-block;
				    margin-top: 3px;
				}
					span.author-twitter {
						letter-spacing: 0;
						padding: 0 0 0 20px;
						display: inline-block;
				    	margin-top: 5px;
					}
						.author-twitter a .fa {
							color: #55ACEE;
						}
							.author-twitter a .fa:hover {
								color: #CCC;
							}

			.entry-meta-container .entry-share {
				padding: 10px 0 10px 0;
				height: 70px;
			}
				span.share-section {
					padding-left: 20px;
				}

			.post-tags {
				text-transform: uppercase;
				margin: 50px 0 50px 0;
				clear: both;
			}
			.post-tags ul {
				padding: 0;
				} 
			.post-tags ul li {
				display: inline;
				list-style-type: none;
				font-family: 'Montserrat', sans-serif;
				font-size: 10px;
				padding: 0 10px 0 0;
			}
				.post-tags ul li a {
					color: #000;
					text-decoration: underline;
				}

		.paging-navigation .nav-previous a,
		.paging-navigation .nav-next a {
			background: #111;
		    padding: 10px 25px 10px 25px;
		    border-radius: 10px;
		    color: #FFF;
		    display: inline-block;
		    font-size: 10px;
		    text-transform: uppercase;
		    letter-spacing: 0.1em;
		    margin-top: 1%;
		    border: 0;
		    font-family: "Montserrat", sans-serif;
		    transition: background .25s ease-in-out;
		    -moz-transition: background .25s ease-in-out;
		    -webkit-transition: background .25s ease-in-out;
		}
			.nav-next {
			    text-align: right;
			    display: inline-block;
			    float: right;
			}
			.nav-previous {
				text-align: left;
    			display: inline-block;
			}
			.paging-navigation .nav-previous a:hover,
			.paging-navigation .nav-next a:hover {
				background:#555;
			}


		article h1, article h2, article h3, article h4, article h5, article h6, article .h7 {
	    	margin: 1rem 0 1rem 0;
	    	clear:  both;
	    }
	    	article h1 {
	    		font-size: 3rem;
	    		line-height: 3rem;
	    	}
	    	article h2 {
	    		font-size: 2rem;
	    		line-height: 2rem;
	    	}
	    	article h3 {
	    		font-size: 1.5rem;
	    		line-height: 1.5rem;
	    	}
	    	article h4 {
	    		font-size: 1.5rem;
	    		line-height: 1.5rem;
	    		text-transform: uppercase;
	    	}
	    	article h5 {
	    		font-size: 1.2rem;
	    		line-height: 1.2rem;
	    		font-weight: bold;
	    	}
	    	article h6 {
	    		font-size: 1rem;
	    		line-height: 1rem;
	    	}

	/**
	 * 4.2 - Writer Shortcodes
	 * ---------------------------------------------------------------------------- */

		.blockquote {
			line-height: 1.2;
		}

		.blockquote40percent {
			display: inline-block;
		    font-size: 1.8rem;
		    font-style: italic;
		    width: 40%;
		    padding: 5%;
		}
			.blockquote40percentleft {float:left;}
			.blockquote40percentright {float:right;}

		blockquote,
		.blockquote100percent {
			width: 100%;
			display: inline-block;
			font-size: 1.8rem;
			font-style: italic;
		    padding: 5% 0 5% 0;
		}
			article blockquote {
				padding: 0;
				margin: 0;
			}
			article blockquote p {
			    padding: 0 20px;
			    line-height: 1.2;
				margin: 0 auto;
				max-width: 550px;
			}

			.img100 img {
				width: 100%;
			}

		.img50 {
			width: 50%;
			display: inline-block;
			padding: 5%;
		}
			.img50left {
				float: left;
				padding-left: 0;
			}
			.img50right {
				float: right;
				padding-right: 0;
			}
		.img, .caption {
			font-size: 12px;
			font-family: 'Montserrat', sans-serif;
			line-height: 20px;
		}

		/* prevent standard captioned pics from extending across page */
		div.wp-caption {
		    max-width: 100%;
		}

		p.wp-caption-text {
		    font-size: .8rem;
		    color: #555;
		    margin: .2rem 0 1rem 0;
		}

	/**
	 * 4.3 - Sharing
	 * ---------------------------------------------------------------------------- */

		.sharing {
			font-family: 'Montserrat', sans-serif;
		    font-size: 1.1em;
		    text-transform: uppercase;
		    width: 100%;
		    float: left;
		    padding: 3% 0 3% 0;
		    text-align: center;
		}
			.sharing a {
			    width: 33.333%;
			    display: block;
			    float: left;
			    color: #FFF;
			    padding: 2% 0 2% 0;
			    transition: background .25s ease-in-out;
			    -moz-transition: background .25s ease-in-out;
			    -webkit-transition: background .25s ease-in-out;
			}

			.sharing a:hover {
			    background: #445;
			}

		a.share-facebook{ background: #5572aa;}
		a.share-twitter{ background: #6ebbf1;}
		a.share-gplus{ background: #e36453;}


		.sharing-article {
		    float: left;
		    background: #EFEFEF;
		    padding: .5%;
		}
			.sharing-article a {
				display: block;
			    float: left;
			    color: #FFF;
			    padding: 2% 0 2% 0;
			    transition: background .25s ease-in-out;
			    -moz-transition: background .25s ease-in-out;
			    -webkit-transition: background .25s ease-in-out;
			}


	/**
	 * 4.4 - Author Template
	 * ---------------------------------------------------------------------------- */
	 .author .section-head p.author-description {
	 	font-size: 1em;
	 	text-transform: none;
	 	font-style: italic;
	 }
	 .author #author-photo img {
	 	border-radius: 50%;
	 	margin: 3%;
	 }
	 .author .author-posts {
	 	border-bottom: solid 1px #EFEFEF;
	    padding-bottom: 5%;
	    display: block;
	    margin-bottom: 5%;
	 }
	 .author .section-head .fa {
	 	margin: 0 1.5% 0 1.5%;
	 }


	/**
	 * 4.5 - Single Podcast
	 * ---------------------------------------------------------------------------- */
	 	
	 	.podcast .category {
	 		padding: 4% 0 2% 0;
	 		display: inline-block;
	 	}
	 	.podcast .category a {
		    font-family: 'Montserrat', sans-serif;
		    font-size: 10px;
		    letter-spacing: 0.2em;
		    text-transform: uppercase;
		    text-decoration: underline;
		    display: block;
		    padding: 0 0 3px 0;
		}


	/**
	 * 4.6 - Single Review
	 * ---------------------------------------------------------------------------- */

	.review-container {
		display: block;
	    width: 100%;
	    float: left;
	    margin: 4% 0 4% 0;
	    border-bottom: solid 1px #d9d9d9;
	    padding-bottom: 4%;
	}
		.review-rating-box {
		border: solid 4px #000;
	    width: 50px;
	    height: 50px;
	    vertical-align: middle;
	    text-align: center;
	    float: right;
	    margin: 0 0 5% 5%;
	}
		.review-info-container .review-rating-box {
			float: left;
			margin: 0;
		}

		.archive .review-rating-box {
			margin: 0 0 0 5%;
		}

		.review-rating {
	    font-size: 18px;
	    font-weight: bold;
	    padding-top: 25%;
	    display:block;
	    font-family: 'Montserrat', sans-serif;
		}

		.review-excerpt {
			float: left;
		}
			.review-excerpt p {
				font-size: 1rem;
				line-height: 1.8rem;
			}

			.review-image-container {
				width: 40%;
				float:left;
			}
			.review-info-container {
				padding-left: 5%;
		    	width: 55%;
		    	float: left;
			}
				.review-info-container .review-rating-box {
				    margin-top: 3%;
				}
				.review-info-container .name {
					font-size: 36px;
				    line-height: 36px;
				    margin: 0 0 5px 0;
				}
				.review-info-container .artist {
					font-size: 24px;
					font-family: 'Montserrat', sans-serif;
					color: #555;
					display:block;
				}
				.review-info-container .secondary-info {
					font-family: 'Montserrat', sans-serif;
				    font-size: 14px;
				    text-transform: uppercase;
				    display: block;
				    margin: 2% 0 2% 0;
				    color: #999;
				}
				.review-info-container .review-author {
					font-size: 14px;
					display: block;
					clear: both;
				}
			.review-container .tertiary-info  {
			    font-family: 'Montserrat', sans-serif;
			    text-transform: uppercase;
			    font-size: 10px;
			    display: block;
			    width:100%;
			    float: left;
			}
				.review-container .tertiary-info a {
					color: #333;
				}



			/**
			 * 4.6.1- MEDIA QUERY : Single Review Template
			 * ---------------------------------------------------------------------------- */
			@media (max-width:800px) {

			  .review-image-container { width: 100%; }
			  	.review-image-container img {
			  		width: 100%;
			  		margin:auto;
			  	}
			  .review-info-container { width: 100%; padding: 3% 0 0 0;}

			  .review-container {
				  	margin: 4% 0 2% 0;
				    border-bottom: solid 1px #d9d9d9;
				    padding-bottom: 1%;
				}

			}

	/**
	 * 4.7 - Related Content
	 * ---------------------------------------------------------------------------- */
	 .related-content {}

	 .related-content .grid3-box.related-item {
	 	width: 28.333%;
	 	padding: 2.5%;
	 	height: auto;
	 }

		 .related-content .related-content-content h4 a {
		    text-transform: none;
		    font-size: .8em;
		}
		.related-content .related-content-content .news-date {
			margin-top: 5%;
			padding: 5% 0 5% 0;
		}

		@media (max-width: 550px) {

			.related-content .grid3-box.related-item {
				width: 45%;
			}
				.related-content .related-content-content h4 a {
					font-size: .5em;
				}
				.related-content .related-content-content h4 {
					line-height: .5em;
				}

		}


		/**
		 * 4.99 - 404 Page
		 * ---------------------------------------------------------------------------- */

		 .404-page {
		 	width: 100%;
		 	text-align: center;
		 }
			 .error404 h1 {
			 	font-size: 6rem;
			 	line-height: 1;
			 	margin: 3rem 0 1rem 0;
			 	text-align: center;
			 	color: #6BA9C9;
			 }
			 .error404 h4 {
			 	color: #CCC;
			 	line-height: 1;
			 	font-weight: normal;
			 	text-align: center;
			 }
			 .error404 h5 {
			 	color: #333;
			 	font-weight: normal;
			 	text-align:center;
			 	margin: 2em;
			 }
			 #tag-cloud {
			 	margin: 3em;
			 	text-align: center;
			 }
			 	#tag-cloud a {
				    padding: .5rem 1rem .5rem 1rem;
				    display: inline-block;
				    border: solid 1px #EFEFEF;
				    border-radius: 25px;
				    color: #333;
				    margin: .3rem;
				    -webkit-transition: .5s ease;
				}
					#tag-cloud a:hover {
						padding: .8rem 1.3rem .8rem 1.3rem;
						border: solid 1px #6BA9C9;
					}












.widget-chart {
	border-right: solid 1px #d9d9d9;
	border-left: solid 1px #d9d9d9;
	width: 40%;
	margin: 0;
    padding: 0;
	clear: both;
	float: left;
	min-width: 400px;
}
	.widget-chart li {
		list-style-type: none;
	    display: block;
	    width: 100%;
	    float: left;
	    padding: 3% 0 3% 0;
	    border-bottom: solid 1px #CCC;
	}
		li.widget-header {
		    padding: 0;
		}
		.widget-chart .chart-count {
			border: solid 4px #222;
		    float: left;
		    text-align: center;
		    font-size: 20px;
		    color: #222;
		    margin: 10px 0 10px 20px;
		    padding: 15px 23px 15px 23px;
		}
		.chart-title {
			float: left;
		    margin: 5% 0 0 0;
		    width: 79%;
		}
			.chart-title-song {
				display: block;
				font-size: 18px;
			}
			.chart-title-artist {
				font-size: 10px;
				display: block;
				text-transform: uppercase;
			}
		span.chart-itms {
		    float: left;
		    padding: 3%;
		    width: 15%;
		}
			.chart-itms img {
			    width: 100%;
			}
		span.chart-count {
		    display: none;
		}
		li.item-row {
		    width: 45%;
		    border: dotted 1px #CCC;
		    margin: 2%;
		    float: left;
		}

		.chart-list-title {
		    list-style-type: none;
		}
		.chart-list-title-block h3 {
		    display: none;
		}
		ol.chart-list-title li:nth-of-type(1n+11) {display: none;}












/**
 * 5.0 - Archive Templates
 * ---------------------------------------------------------------------------- */
 	.archive .section-title {
 		border:none;
 	}

	/**
	* 5.1 - Review Archive
	* ---------------------------------------------------------------------------- */

	.review-archive-item {
		width: 100%;
	    border-bottom: solid 1px #ececec;
	    margin: 1% 0 3% 0;
	    padding-bottom: 3%;
	}
		.review-archive-item .grid-box-image-container {
			width: 40%;
			float: left;
		}
		.review-archive-item .grid3-box-content {
			width: 45%;
			margin-top: 0;
		}
		.review-archive-item a .artist {
		    font-family: "Montserrat", sans-serif;
		    color: #555;
		}
		.review-archive-item .post-categories { padding: 0;}
		.review-archive-item .post-categories a {
			padding: 0 0 5% 0;
    		color: #111;
    		display: inline-block;
    	}

		.post-type-archive-review .grid3-box-content { 
			margin: 0; 
			padding: 0 0 0 5%;
		}
		.review-archive-item a h4:hover,
		.review-archive-item a .artist:hover {
			color: #6BA9C9;
		}
		.review-archive-item h4.name {
		    margin: 1rem 0 0 0;
		    text-transform: initial;
		    font-size: 1.8rem;
		    line-height: 2rem;
		}

		/**
		* 5.1.1 - MEDIA QUERY : Review Archive
		* ---------------------------------------------------------------------------- */
		@media (max-width: 800px) {

			.review-archive-item {
				margin: 1% 0 3% 0;
   				padding-bottom: 10%;
			}

			.review-archive-item .grid-box-image-container,
			.review-archive-item .grid3-box-content {
				width: 100%;
				padding: 0;
			}

		}




/**
 * 8.0 - Homepage Splash Banner
 * ---------------------------------------------------------------------------- */
.home #menu li a {
    color: #FFF;
}

.home #menu li a:hover {
    color: #999;
}

.home a span#tunein-label {
    color: #FFF;
}

.home a div#music-bars span {
    background: #FFF;
}

.home a.tunein-link:hover {
}

.home div#navbar {
    border-bottom: none;
}
.home .search-submit .fa-search {
    color: #FFF;
}
	.home .search-submit .fa-search:hover {
	    color: #999;
	}














.splash-home {
	/*background: url('http://i.ido.bi/assets/idobi-splash-bg.jpg') no-repeat;*/
	background: url('i/idobi-splash-bg2.jpg') no-repeat;
	background-size: cover;
	background-position: 50% 100%
}
	.splash-home .splash-container .idobi-banner-logo {
		width: 25%;
		max-width: 600px;
		min-width: 200px;
		margin-bottom: 1em;
	}
	.splash-container {
		width: 70%;
		margin: auto;
		text-align: center;
		padding: 6% 0 6% 0;
	}
	.banner-container {
	    margin: 20% 0 0% 0;
	    padding: 5% 0 3% 0;
	}
		#splash-text {
			font-family: 'Montserrat', sans-serif;
			color: #FFF;
			margin:0;
			text-transform: uppercase;
			letter-spacing: 0.02em;
			font-size: 3.5em;
			font-weight: bold;
		}

			.splash-container h4 {
				color: #FFF;
			    margin: 0 0 3%;
			    font-size: 1.5em;
			}
			.splash-description {
				font-size: 1.5em;
				color: #FFF;
				display: block;
				margin: .3em 0 0 0;
			}
			span.splash-tertiary {
			    font-size: 12px;
			    letter-spacing: 0.2em;
			    text-transform: uppercase;
			    color: #FFF;
			    display: block;
			    margin: 2em 0 0 0;
			}
			.splash-actions {
			    display: block;
			    margin: .8em 0 1em 0;
			}
				.splash-actions a.splash-button {
				    display: inline-block;
				    border-radius: .2em;
				    padding: 1em 1.3em 1em 1.3em;
				    border: solid 1px #FFF;
				    color: #FFF;
				    text-transform: uppercase;
				    letter-spacing: .1em;
				    margin: 0.5em;
				    font-size: .8em;
					transition: background .25s ease-in-out;
				    -moz-transition: background .25s ease-in-out;
				    -webkit-transition: background .25s ease-in-out;
				    width: 10em;
				}
					.splash-actions a.splash-button.idobi-button {
						border: solid 1px #6eaac7;
					}
						.splash-actions a.splash-button.idobi-button:hover {
							border: solid 1px #6eaac7;
							background: #6eaac7;
						}
					.splash-actions a.splash-button.howl-button {
						border: solid 1px #bcbb33;
					}
						.splash-actions a.splash-button.howl-button:hover {
							border: solid 1px #bcbb33;
							background: #bcbb33;
						}
					.splash-actions a.splash-button.anthm-button {
						border: solid 1px #be9125;
					}
						.splash-actions a.splash-button.anthm-button:hover {
							border: solid 1px #be9125;
							background: #be9125;
						}
			.splash-actions img {
			    width: 6em;
			    margin: 0 auto 0 auto;
			}
				.splash-actions img.logo-howl {
					width: 4.5em;
				}

				img.logo-anthm, img.logo-idobi {
				    margin: .5em auto .5em auto;
				}

			.splash-actions a span {
			    display: block;
			    font-size: .5em;
			}



			.splash-home .download-link {
				font-size: 1em;
			}
			.download-links {
			    color: #FFF;
			    font-size: .6em;
			    text-transform: uppercase;
			    letter-spacing: 0.1em;
			    margin: 3em 0 0 0;
			    display: block;
			}
				.download-links a {
					color: #2EBD59;
					text-transform: uppercase;
				}
					.download-links a:hover {
						color: #999;
					}

	.splash-show #splash-text {
		text-transform: none;
	}
		.splash-gradient {
			background: url('i/gradients/splash-gradient.png') repeat-x;
			width:100%;
			height: 100%;
			position: relative;
		}



		.banner-container .post-categories a {
			color: #FFF;
		}
			.banner-container .post-categories a:hover {
				color: #CCC;
			}
			.banner-container h4 {
				color: #FFF;
    			font-size: 1.5em;
			}

			.splash-show .splash-description {
				font-size: 1em;
				margin-top: .8em;
			}
				.splash-show .splash-description a {
					text-decoration: underline;
					color: #FFF;
				}
					.splash-show .splash-description a:hover {
						color: #333;
					}
				.banner-subscribe a {
					color: #FFF;
				    border: solid 1px #6ba9c9;
				    padding: 1em;
				    border-radius: 1em;
				    font-size: .6em;
				    letter-spacing: 0.1em;
				    margin: 1.5% .5% 0 0;
				    display: inline-block;
				    transition: all .25s ease-in-out;
				    -moz-transition: all .25s ease-in-out;
				    -webkit-transition: all .25s ease-in-out;
				}
					.banner-subscribe a:hover {
						border: solid 1px #FFF;
						background: #FFF;
						color: #333;
					}
		

		.show-info-container {
		    background: #f7f7f7;
		    color: #111;
		    border-bottom: solid 1px #dcdcdc;
		    float: left;
		    width: 100%;
		}

		ul.show-schedule {
		    padding: 0;
		    float: left;
		    width: 100%;
		}

		span.airing-title {
		    font-size: .8em;
		}



		li.airing-item {
		    list-style-type: none;
		    text-align: center;
		    width: 44%;
    		margin: .5%;
		    color: #FFF;
		    background: #ec6969;
		    text-transform: uppercase;
		    line-height: 1.5;
		    padding: 1% 2.5% 1% 2.5%;
		    float: left;
		}
		li.airing-item.replay-item {
			background: #bbc1c5;
		}




	/**
	 * 8.1 - MEDIA QUERY : Splash Banner
	 * ---------------------------------------------------------------------------- */
	@media (max-width:800px) {

		.splash-container {
			width: 90%;
		}

	}

	@media (max-width: 550px) {

		li.airing-item {
			width: 95%;
		}

	}




/**
 * 6.0 - Page Templates
 * ---------------------------------------------------------------------------- */

	 .page-template-default article a {
	 	color: #2cb6d0;
	 }

 	h2.page-section-head {
 		font-size: 1.3em;
	    letter-spacing: 0.1em;
	    font-weight: normal;
	    padding: 0;
	    margin: 5% 0 3% 0;
	    text-align:left;
	    text-transform:uppercase;
 	}

	/**
	 * 6.1 - Show Template
	 * ---------------------------------------------------------------------------- */
	 article.show p {
	 	margin: 20px 0 20px 0;
	 }

	 /**
	 * 6.2 - Radio Template
	 * ---------------------------------------------------------------------------- */

	.station-lineup .grid4-box {
		height: auto;
		background: none;
		margin: 1% 0 3% 0;
		text-align: center;
	}
		.station-lineup .grid4-box a {
			opacity: 1;
			transition: opacity .25s ease-in-out;
			-moz-transition: opacity .25s ease-in-out;
			-webkit-transition: opacity .25s ease-in-out;
		}
		.station-lineup .grid4-box.idobihowl-logo img {
			width: 50%;
   			margin: 0 25% 5% 25%;
		}
		.station-lineup .grid4-box img {
			width: 72%;
		    padding: 0 0% 0 0%;
		    margin: 9% 10% 5% 10%;
		    vertical-align: middle;
		}
			.station-lineup .grid4-box a:hover {
				 opacity: 0.5;
			}
		.station-lineup .small-link {
			text-decoration: none;
			color: #555;
		}
		.station-lineup .section-head {
			border-top: 0;
		}


		.splash-home .station-lineup .grid4-box img {
			width: 60%;
		    margin: 0 20% 0 20%;
		}
			.splash-home .station-lineup .grid4-box.idobihowl-logo img {
				width: 40%;
				margin: 0 30% 0 30%;
			}
			.splash-home .station-lineup .small-link {
				color: #CCC;
			}


			/*
			 * 7.0 - Radio Player
 			* ---------------------------------------------------------------------------- */
 				.playlist-section-container {
				    width: 100%;
				}

					.track-container {
					    width: 18%;
					    float: left;
					    margin: .5% .5% 0 .5%;
					    padding: 0;
					    list-style-type: none;
					    background: #EFEFEF;
					}
						.track-artwork-container img {
						    width: 100%;
						    margin: 0;
						    padding: 0;
						}
	


	/**
	 * 6.3 - idobi Radio Template
	 * ---------------------------------------------------------------------------- */
	 .splash-idobiradio {
	 	background: url('i/idobiradio-splash-bg.jpg');
	 	background-position: 50% 50%;
	 	background-size: cover;
	 	padding: 10% 0 10% 0;
	 }
	 	.splash-idobiradio h1#splash-text { font-size: 3rem;}
	 	.splash-idobiradio span.splash-description { font-size: 1.4rem;}
	 	.splash-idobiradio .overlay50 { background: none; }

		.radio-show-item {
		    width: 50%;
		    height: 400px;
		    text-align: center;
		    -webkit-transition: .3s ease;
		}

		.radio-show-item a {
			padding: 25% 10% 0 10%;
		    color: #FFF;
		    display: block;
		    -webkit-transition: .3s ease;
		}
			.radio-show-item a:hover h1,
			.radio-show-item a:hover h4 {
				color: #555;
			}

		.radio-show-item h1 {
		    font-size: 2rem;
		    line-height: 1.2;
		}

		.radio-show-item h4 {
		    color: #FFF;
		    font-size: 1rem;
		}
			.radio-show-item span.h7 {
			    color: #CCC;
			    display: block;
			    margin: 1em 10% 1em 10%;
			    font-size: .5rem;
			}




			/* ---- schedule --- */
			.page-template-page-idobiradio .section-head h2 {
				font-size: 1.3em;
			    letter-spacing: 0.1em;
			    font-weight: normal;
			    padding: 0;
			}

			.page-template-page-idobiradio .schedule-section-container {
				background: #181617;
			}
			.idobiradio-page .section-head {
				color: #111;
			    border-top: none;
			}
				.page-template-page-idobiradio .schedule-section-container .section-head h1 {
					font-size: 1.2rem;
				    display: block;
				    border: solid 1px #27303A;
				    width: 30%;
				    margin: 1rem auto .5rem auto;
				    border-radius: 20px;
				}
			.idobiradio-page .day-header {
    			color: #FFF;
			}
			.schedule-day {
			   display: block;
			   float: left;
			   width: 100%;
			   text-align: center;
			   margin: 0 0 1rem 0;
			   background: #282E3A;
			}
				.day-header.station-schedule-item {
				    text-align: center;
				    color: #FFF;
				    background: #282E3A;
				}
				h3.day-header {
				    text-align: center;
				    margin: .5rem;
				    letter-spacing:0.04em;
				}
				
				h6.date-header {
				    text-transform: uppercase;
				    letter-spacing: 0.1rem;
				    margin: 1rem 0 0 0;
				    font-size: .6rem;
				}
					.station-schedule-item h3.day-header:hover {
						color: #FFF;
					}

				h5.current-time {
				    text-transform: uppercase;
				    font-size: .8rem;
				    color: #89C3DB;
				    margin: 1em 0 1em 0;
				}

				.station-schedule-item span.h7 {
				    color: #FFF;
    				font-size: .5rem;
				}

				.station-schedule-item {
				    display: block;
				    width: 15.8%;
				    float: left;
				    text-align: left;
				    color: #FFF;
				    -webkit-transition: .3s ease;
				    margin: 0 0 0 .2%;
				    background: #2b3542;
				    padding: .5% 2% .5% 2%;
				}
					.schedule-day span.station-schedule-time {
					    text-transform: uppercase;
					    display: inline-block;
					    border-bottom: solid 1px #f05c5f;
					    padding: 1rem 0 .5rem 0;
					}
						.schedule-day span.time-zone {
							color: #FFF;
						}

					h5.schedule-station {
						display: block;
						padding: 0;
						font-size: .8rem;
						color: #CCC;
					}

					.station-schedule-item a {
					    color: #333;
					}

					.station-schedule-item h3 {
					    font-size: 1.4rem;
					    margin: 1rem 0 0 0;
					    line-height: 1.2;
					    color: #FFF;
					}
						.station-schedule-item h3:hover {
							color: #CCC;
						}

					.station-schedule-item h4.name {
					    font-size: .6rem;
					    color: #FFF;
					    text-decoration: underline;
					    margin: .5rem 0 .5rem 0;
					    text-transform: uppercase;
					    letter-spacing: 0.1rem;
					    line-height: 1.4;
					}
						.station-schedule-item h4.name:hover {
							color: #CCC;
						}


			@media (max-width: 800px) {

				.station-schedule-item {
				    width: 23.3333333333%;
				    padding: 1em 5% 1em 5%;
				    float: left;
				    border: none;
				    margin: 0;
				}
				.day-header.station-schedule-item {
					width: 100%;
					padding: 0 0 3% 0;
				}
					
					.station-schedule-item h4 {
						padding: 0;
					}

					.schedule-day span.station-schedule-time {
						margin: 0 auto 1em auto;
					}
				.station-schedule-item:nth-child(2),
				.station-schedule-item:nth-child(6),
				.station-schedule-item:nth-child(10) {
				    background: #2b3542;
				}
				.station-schedule-item:nth-child(3),
				.station-schedule-item:nth-child(5),
				.station-schedule-item:nth-child(7) {
				    background: #343F4E;
				}

				.station-schedule-item:nth-child(4),
				.station-schedule-item:nth-child(8),
				.station-schedule-item:nth-child(12) {
				    background: #3A485A;
				}	

			}

			@media (max-width: 550px) {

				.day-header.station-schedule-item {
					width: 100%;
				}


				.station-schedule-item {
				    width: 90%;
				    padding: 3% 5% 3% 5%;
				    text-align: center;
				}
					.station-schedule-item .station-schedule-time {
						padding:0;
					}
					.station-schedule-item h5.schedule-station {
						margin: .5em 0 .5em 0;
					}
					.station-schedule-item a h3 {
						margin: 0;
					}

				.station-schedule-item:nth-child(2),
				.station-schedule-item:nth-child(4),
				.station-schedule-item:nth-child(6),
				.station-schedule-item:nth-child(8),
				.station-schedule-item:nth-child(10) {
				    background: #2b3542;
				}			

			}

			@media (min-width: 900px) {

				.radio-show-item {
					width: 33.33333%;
				}

			}

				@media (min-width: 1280px) {

					.radio-show-item {
						width: 25%;
					}

				}

				@media (min-width: 1620px) {

					.radio-show-item {
						width: 20%;
					}

				}







	/**
	 * 6.4 - info Page Templates
	 * ---------------------------------------------------------------------------- */
		
		.info-page .entry-title {
			margin: 1em 0 0 0;
		}

			.info-page p,
			.info-page article p {
				font-family: "Work Sans", sans-serif;
				color: #000;
			}

			.submit-section-title {
			    border-bottom: solid 2px #000;
			    width: 60%;
			}
				section.submit-music-info p {
					color: #000;
				}
				section.submit-music-info.submit-music-intro p {
				    color: #000;
				    font-weight: 500;
				}
				

			.wpcf7 input,
			.wpcf7 textarea,
			select.wpcf7-form-control.wpcf7-select {
			    border: none;
			    border-bottom: solid 1px #CCC;
			    border-radius: 0;
			    font-size: 1em;
			    font-family: "Work Sans", sans-serif;
			}

				.wpcf7 input:focus {
					border: none;
					border-bottom: solid 2px #19C08F;
				}

				select.wpcf7-form-control.wpcf7-select {
				    border-radius: 0 !important;
				    background: none;
				    width: 377px;
				    display: block;
				    -webkit-appearance: none;
				    -webkit-border-radius: 0px;
				    background: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
				    background-position: 100% 50%;
				    background-repeat: no-repeat;
				    -webkit-border-radius: 0px;
				    padding: 0.5em;
				    color: #757575;
				}

				span.wpcf7-form-control-wrap.address-city input,
				span.wpcf7-form-control-wrap.address-country input {
				    width: 27%;
				}
					span.wpcf7-form-control-wrap.address-city input {
						margin: 0 5% 0 0;
					}
				p.contact-item-half br {
					display: none;
				}
				p.contact-item.contact-item-acceptance {
				    font-family: "Work Sans", sans-serif;
				}



				h6, .wpcf7 h6 {
				    text-transform: uppercase;
				    font-size: .8em;
				    font-weight: 500;
				    letter-spacing: 0.1em;
				}

				span.submission-q {
					font-weight: 500;
					display:block;
					color: #000;
				}





			.wpcf7 input[type="submit"],
			a.submission-link {
			    background: #19C08F;
			    color: #FFF;
			    font-weight: 500;
			    letter-spacing: 0.02em;
			    cursor: pointer !important;
			    border-radius: 0.2em;
			    padding: .7em 6em .7em 6em;
			    border: 0;
			}
				a.submission-link {
					font-family: "Work Sans", sans-serif;
					background: #195E67;
				}
					a.submission-link:hover {
						background: #104046;
					}

			.wpcf7 input[type="submit"]:hover{
			    background: #00A983;
			}





			.wpcf7 .wpcf7-response-output {
			    border: solid 2px #ff5a5f;
			    color: #000;
			    font-size: .8em;
			    font-family: "Work Sans", sans-serif;
			    color: #ff5a5f;
			    padding: 1.3em;
			    margin: 0;
			}
				span.wpcf7-not-valid-tip {
				    font-family: "Work Sans", sans-serif;
				    color: #ff5a5f;
				    font-size: 0.8em;
				    padding: .3em 0 0 .3em;
				}



 /**
 * 7.0 - Radio Player
 * ---------------------------------------------------------------------------- */

 	body.radio-player {
 		background-color: #111;
 		color: #FFF;
 	}

 	


 			#player-schedule .schedule-item-list {
 				border-top: solid 1px #182128;
			    margin: .5em 0 0 0;
			    padding: 1em 0 0 0;
			    width: 100%;
			}
 				#player-schedule .schedule-item-list .schedule-time {
 					width: 20%;
 					margin: 0 5% 0 0;
 					float: left;
 				}
 				#player-schedule .schedule-item-list span.time-hour {
 					border: none;
 					font-size: .8em;
 				}
 				#player-schedule span.player-schedule-station {
				    font-size: .5rem;
				    letter-spacing: 0.1em;
				    text-transform: uppercase;
				    margin: 1em auto 0 auto;
				    text-align: center;
				    float: none;
				    display: block;
				}
					.player-schedule-station.schedule-station-idobi.Radio{color: #6eaac7;}
					.player-schedule-station.schedule-station-idobi.Howl{color: #bcbb33;}
					.player-schedule-station.schedule-station-idobi.Anthm{color: #be9125;}
					.player-schedule-station.schedule-station-idobi.Electra{color: #5725aa;}

 			#player-schedule .schedule-item-list h3 {
 				float: left;
 				width: 75%;
 				display: block;
 				text-align: left;
 				margin: 0;
 			}
 			#player-schedule .schedule-item-list .name {
 				font-size: .6rem;
 				text-transform: none;
 				color: #5d5d5d;
 				text-align: left;
 			}
 			#player-schedule .schedule-item-list .schedule-time {
 				padding: 0;
 			}

 			#player-sidebar {
 				display: none;
 			}

	 		

	 /**
	 * 7.1 - Radio Player Global Styles
	 * ---------------------------------------------------------------------------- */

	 /**
	 * Player Header
	 * ---------------------------------------------------------------------------- */

	 #navbar.player-navbar {
 		float: left;
 		width: 100%;
 		padding: 0 0 .5em 0;
 		border-bottom: solid 1px #1B1B1B;
	    position: fixed;
	    background: #111;
 	}
	 	.player-menu {
	 		width: 100%;
	 		float: left;
	 	}
	 		.player-menu .fa {
			    padding: .2em 0 0 0;
			}
	 		.player-menu .player-menu-item {
	 			color: #999;
	 			float: left;
	 			display: inline-block;
	 			padding: 1em;
			    text-align: center;
			    font-size: .8rem;
			    text-transform: uppercase;
			    letter-spacing: 0.1em;
	 		}
	 				.player-menu .player-menu-item span{
	 					display: block;
	 				}
	 			.player-menu #player-schedule {
	 				float: right;
	 			}
	 			.player-menu #player-stations {
	 				float: left;
	 			}

		/** 
		* Volume Controls
		* --------------- */
		div#volume {
		    display: inline-block;
			width: 30%;
			margin: 3.5em 1em 0 1em;
		}
			i.fa.fa-volume-up {
			    display: block;
			    float: left;
			    color: #333;
			    margin: 3em 0em 0 1em;
			}
			div#volume-container {
			    display: block;
			}

			div#slider.ui-slider {background: #333;border: none;height: 5px;border-radius: 5px;}

			#slider .ui-slider-handle {
			    background: #FFF;
			    border: none;
			    border-radius: 50%;
			    margin-top: -3px;
   				display: block;
			}
				#slider span.ui-slider-handle.ui-state-focus {
				    outline: 0;
				}

		/** 
		* Play/Pause Controls
		* --------------- */
 		#play-container {
		    display: inline-block;
		    float:left;
		    margin: 1em;
 		}
 			#play-container {
 				color: #FFF;
 			}
 				#play-container:hover {
 					color: #CCC;
 				}
 			#play-container .fa-3x {
 				font-size: 1.5em;
			    border: solid 3px #FFF;
			    border-radius: 50%;
			    padding: 1em 1.1em 1em 1.1em;
 			}
 				.fa-play,
 				.fa-pause {
 					display: block;
 					opacity: 1;
 					-webkit-transition-duration: 0.8s;
 				}
	 				.fa .fa-play .fa-3x .fa-pause {
	 					opacity: .5;
	 				}

		/** 
		* Station Changer
		* --------------- */
	 		.radio-player .tunein-link {
				color: #FFF;
			    float: right;
			    margin: 1.5em 1em 1em 1em;
			    display: block;
			}
				.radio-player .tunein-link #music-bars span {
					background: #FFF;
				}


			.radio-player #station-picker.active {
				padding: .5em 0 .5em 0;
			}



	/**
	* #player-track Section
	* ---------------------------------------------------------------------------- */

	 #player-track {
	 	width: 100%;
	    background: #21313e;
	    background: -webkit-linear-gradient(#21313e, transparent); /* For Safari 5.1 to 6.0 */
	    background: -o-linear-gradient(#21313e, transparent); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient(#21313e, transparent); /* For Firefox 3.6 to 15 */
	    background: linear-gradient(#21313e, transparent); /* Standard syntax (must be last) */
	    float: left;
    	-webkit-transition: .3s ease;
	 }

		 span.now-playing {
		    text-align: center;
		    display: block;
		    padding: 2em 0 2em 0;
		    text-transform: uppercase;
		    letter-spacing: 0.1em;
		}

		.current-track-container {
		    width: 80%;
		    text-align: center;
		    margin: auto;
		    padding: 0 0 2rem 0;
		}

			.track-image {
			    width: 50%;
			    margin: auto;
			}
				.track-image img {
				    width: 100%;
				}

			.track-info-container h1 {
			    font-size: 1.5rem;
			    margin: 1rem 0 1rem 0;
			    line-height: 1.5rem;
			}

			.track-info-container h4 {
			    font-size: 1rem;
			    text-transform: uppercase;
			    letter-spacing: 0.1em;
			    color: #999999;
			}

	

	.player-list-item {
	    background-color: #262930;
	    padding: 2em 0 2em 0;
	    margin: .2em auto .2em auto;
	    width: 100%;
	    float: left;
	    text-align: center;
	}

	.player-section-head {
	    text-align: center;
	    padding-bottom: 0;
	}

	.player-section-head h5 {
	    text-transform: uppercase;
	    letter-spacing: .1em;
	    font-size: 1rem;
	}

	.player-section-head h3 {
	    color: #F17171;
	    font-size: 1rem;
	}

	.schedule-left-column {
	    width: 25%;
	    float: left;
	}

	.schedule-right-column {
	    width: 75%;
	    float: left;
	}

	section#player-schedule {
	}

	.schedule-container {
	    width: 100%;
	    margin: auto;
	}
		.schedule-container .player-list-item .idobi-radio {
		    color: #6ab7e8;
		}
		.player-list-item h2 {
			font-size: 1.8rem;
    		line-height: 1rem;
    		margin: .5em 0 0 0;
		}

	

	

	.player-sidebar {
		margin: 0;
    	max-width: none;
    	-webkit-transition: .3s ease;
	}
		.player-sidebar ul {
		    list-style-type: none;
		    padding: 1em 0 0 0;
		    margin: 0;
		}
			.player-sidebar li {
			    width: 100%;
			    float: left;
			    color: #FFF;
			    padding-top: .8em;
			    transition: background .2s ease-in-out;
	    		-moz-transition: background .2s ease-in-out;
	    		-webkit-transition: background .2s ease-in-out;
			}
			.player-sidebar h5 {
				text-transform: uppercase;
				letter-spacing: 0.1em;
			    margin: 0 0 0 3%;
			    font-size: 1rem;
			}

			#station-changer a li:hover {
				background:#1b1b1b;
			}
				#station-changer a li:hover span.station-description {
					color: #FFF;
				}
					#station-changer a.idobi-anthm li:hover {
						background: #907024; /*#be9125;*/
					}

					#station-changer a.idobi-howl li:hover {
						background: #989738; /*#bcbb33;*/
					}

					#station-changer a.idobi-radio li:hover {
						background: #406577; /*#6BA9C9;*/
					}

					#station-changer a.idobi-electra li:hover {
						background: #482C75; /*#5725aa;*/
					}

				.player-sidebar .active-station li {
				    background: #15181B;
				    border-right: solid 5px #209DCF;
				}

			#station-changer #music-bars {
				float: none;
			}
				.idobi-player-station-change.active-station #music-bars span {
					background: #FFF;
				}
				.idobi-player-station-change #music-bars span {
					background: none;
				}
				a.idobi-player-station-change #music-bars {
					visibility: hidden;
				}

				a.idobi-player-station-change.active-station #music-bars {
				    visibility: visible;
				}



	.station-changer-content {
	    float: left;
   		margin: 0 0 0 2em;
	}

		.player-sidebar h3 {
		    margin: 0;
	    	font-size: .8rem;
	    	text-transform: uppercase;
	    	line-height: 1.2;
		}
			#station-changer span.station-description {
			    font-size: .6rem;
		    	text-transform: uppercase;
		    	color: #555;
			}
				aside a .station-changer-content {
				    line-height: 1;
				}

	.station-changer-logo-container {
	    width: 25%;
	    float: right;
	    margin: 0 0 0 1em;
	    padding: 0;
	    text-align: center;
	}
		.station-changer-logo-container img {
		    width: 50%;
		}




	.player-sidebar input.search-field {
	    background: #1B1B1B;
	    border: none;
	    margin: 3% 0 3% 5%;
	    width: 65%;
	    font-size: .8rem;
	    color: #FFF;
	}
		.player-sidebar button.search-submit {
		    border: none;
		    font-size: .8rem;
		    background: #1B1B1B;
		    margin: 3% 3% 3% 0;
	    	width: 17%;
		}

		.player-sidebar button.search-submit:hover {
		    color: #555;
		}

		.player-sidebar input[type=search]:focus {
			border: none;
		}





	.player-sidebar #player-schedule .schedule-item-list  {
	    border-top: none;
	    margin: .5em 0 0 0;
	    padding: 1em .5em 0 2em;
	    width: 80%;
	}
		.player-sidebar #player-schedule .schedule-item-list .schedule-time {
		    padding: 0;
		    width: 100%;
		    display: block;
		}
		.player-sidebar #player-schedule #player-time {
			font-size: .5rem;
		    display: inline-block;
		    border: solid 1px #555;
		    padding: .3rem .5rem .3rem .5rem;
		    border-radius: .3rem;
		    float: right;
		    margin-right: 2em;
		    color: #555;
		    text-transform: uppercase;
		    letter-spacing: 0.1em;
		}
			.player-sidebar #player-schedule h5 {
			    display: inline-block;
			}
			.player-sidebar #player-schedule .schedule-item-list span.time-hour {
			    border: none;
			    font-size: .6em;
			    width: 100%;
			    padding: 0;
			    margin: 0;
			    text-align: left;
			    color: #555;
			}
			.player-sidebar #player-schedule .schedule-item-list span.time-hour .time-zone{
			    color: #555;
			    margin-right: 1em;
			}
			.player-sidebar #player-schedule span.player-schedule-station {
				display: inline-block;
			}
			.player-sidebar #player-schedule-list .schedule-item-list h3 {
			    font-size: 1.2rem;
			    text-transform: none;
			    display: block;
			    width:100%;
			}
				.player-sidebar #player-schedule-list .schedule-item-list a h3:hover {
				    color: #555;
				}
			.player-sidebar #player-schedule .schedule-item-list .name {
			    font-size: .6rem;
			    text-transform: none;
			    color: #5d5d5d;
			    text-align: left;
			    display: block;
			    margin: 0;
			}



	section#player-secondary {
	    width: 68%;
	    -webkit-transition: .3s ease;
	    padding-bottom: 3em;
	}
		#player-secondary ul {
		    margin: 0;
		    padding: 0;
		    list-style-type: none;
		    float: left;
		}

			#player-secondary li {
			    width: 18%;
			    margin: 1%;
			    float: left;
			    background: #1B1B1B;
			    color: #FFF;
			}

				#player-secondary .track-info-container {
				    padding: 10%;
				}

					#player-secondary span.track-title {
					    font-size: .7rem;
					    display: block;
					    margin: 0 0 .2em 0;
					    white-space: nowrap;
					    overflow: hidden;
					    text-overflow: ellipsis;
					}

					#player-secondary span.track-artist {
					    font-size: .6rem;
					    text-transform: uppercase;
					    display: block;
					    color: #999;
					    white-space: nowrap;
					    overflow: hidden;
					    text-overflow: ellipsis;
					}


		.radio-player h5 {
		    text-transform: uppercase;
		    margin: 3% 5% 3% 5%;
		    letter-spacing: 0.1em;
		    color: #555;
		    float: left;
		}


		table.track-list {
			width: 100%;
    		border-spacing: 0;
    		margin: 1em 0 1em 0;
		}
			table.track-list td {
			    border-bottom: solid 1px #EFEFEF;
			    margin: 1em;
			    border-spacing: 0;
			    padding: 1em;
			    font-size: .8rem;
			    white-space: nowrap;
			    overflow: hidden;
			    text-overflow: ellipsis
			}

			tr.table-headers td {
			    color: #555;
			    font-size: .6rem;
			    letter-spacing: 0.1rem;
			    text-transform: uppercase;
			}

			td.track-title {
			    max-width: 100px;
			}





			.player-small {
				display: none;
				float: left;
				width: 100%;
			}
				.player-small h5.schedule-station.schedule-station-idobi.Radio {
				    background: #6BA9C9;
				    float: none;
				    color: #FFF;
				    margin: 1em;
				}
					.player-small h5 {
						display: block;
					}
					.player-small h6 {
						display: inline-block;
					    color: #555;
					    border: solid 1px #555;
					    padding: .6rem;
					    border-radius: 15px;
					    font-size: .8rem;
					    text-transform: uppercase;
					    float: right;
					    margin: 2% 5% 0 0;
					}
				#sched-container,
				#sched-header {
					width: 100%;
					float: left;
				}
				.player-small .schedule-item-list {
				    background: #1B1B1B;
				}

				.player-small .schedule-item-list .schedule-time .time-hour {font-size: .8rem;}

				.player-small .schedule-item-list h3 {
				    font-size: 1.5rem;
				    padding: 0;
				    margin: 0;
				}

				.player-small .schedule-item-list .schedule-time {
				    padding: 0;
				}

				.radio-player section#player-track.idobi-howl-track {
					background: -webkit-linear-gradient(#bcbb33, transparent); 
			    	background: -o-linear-gradient(#bcbb33, transparent);
			    	background: -moz-linear-gradient(#bcbb33, transparent);
			    	background: linear-gradient(#bcbb33, transparent);
				}
				.radio-player section#player-track.idobi-radio-track {
					background: -webkit-linear-gradient(#21313e, transparent); 
			    	background: -o-linear-gradient(#21313e, transparent);
			    	background: -moz-linear-gradient(#21313e, transparent);
			    	background: linear-gradient(#21313e, transparent);
				}
				.radio-player section#player-track.idobi-anthm-track {
					background: -webkit-linear-gradient(#A07E29, transparent); 
			    	background: -o-linear-gradient(#A07E29, transparent);
			    	background: -moz-linear-gradient(#A07E29, transparent);
			    	background: linear-gradient(#A07E29, transparent);
				}
				.radio-player section#player-track.idobi-electra-track {
					background: -webkit-linear-gradient(#36274E, transparent); 
			    	background: -o-linear-gradient(#36274E, transparent);
			    	background: -moz-linear-gradient(#36274E, transparent);
			    	background: linear-gradient(#36274E, transparent);
				}






			



	 /**
	 * 7.2 - MEDIA QUERY : Radio Player
	 * ---------------------------------------------------------------------------- */

	 
	 @media (max-width: 870px) {

	 	/**--------------
		 * Structure
		 * ---------------*/

		 .radio-player section#player-track,
		 .radio-player section#player-secondary {
		 	width: 100%;
		 }

		 .radio-player aside.player-sidebar {
		 	display: block;
		 	width: 100%;
		 }
		 	aside #player-request,
		 	aside #player-schedule-list {
		 		display: none;
		 	}

		 	.player-small {
				display: block;
			}

	 	/**--------------
		 * Player Header
		 * ---------------*/
		 	
		 	nav[role=navigation].player-menu { 
			 	max-height: initial;
			}

			/* Override text-align:center of headers */
			.radio-player #navbar {
				text-align: inherit;
			}


			.player-sidebar a.idobi-player-station-change {
				width: 25%;
				text-align: center;
				float: left;
				display: inline-block;
			}
				.player-sidebar li {
					width: 100%;
					float: left;
					padding: 2em 0 3em 0;
				}
				.player-sidebar .station-changer-logo-container {
					width: 100%;
				    float: none;
				    margin: auto;
				    padding: 0;
				    text-align: center;
				}
				.player-sidebar #station-changer #music-bars {
				    float: none;
				}
				.player-sidebar .station-changer-content {
				    float: none;
				    margin: 0;
				    padding: 5%;
				}
				.player-sidebar .active-station li {
					border-right: none;
					-webkit-transition: .3s ease;
					color: #FFF;
				}
					
				.player-sidebar #station-changer .active-station li div.station-changer-content span.station-description {
						color: #FFF;
					}
					.idobi-radio.active-station li {
						background: -webkit-linear-gradient(transparent, #21313e);
					    background: -o-linear-gradient(transparent, #21313e);
					    background: -moz-linear-gradient(transparent, #21313e);
					    background: linear-gradient(transparent, #21313e);
					}
					.idobi-howl.active-station li {
						background: -webkit-linear-gradient(transparent, #bcbb33); 
					    background: -o-linear-gradient(transparent, #bcbb33);
					    background: -moz-linear-gradient(transparent, #bcbb33);
					    background: linear-gradient(transparent, #bcbb33);
					}
					.idobi-anthm.active-station li {
						background: -webkit-linear-gradient(transparent, #A07E29); 
					    background: -o-linear-gradient(transparent, #A07E29); 
					    background: -moz-linear-gradient(transparent, #A07E29);
					    background: linear-gradient(transparent, #A07E29);
					}
					.idobi-electra.active-station li {
						background: -webkit-linear-gradient(transparent, #36274E);
					    background: -o-linear-gradient(transparent, #36274E); 
					    background: -moz-linear-gradient(transparent, #36274E);
					    background: linear-gradient(transparent, #36274E);
					}
				
				.player-sidebar #station-changer .stations-header {
					display: none;
				}
				.player-sidebar ul {
				    padding: .5em 0 0 0;
				}

	}

	 @media (min-width: 871px) { 

	 	/**--------------
		 * Structure
		 * ---------------*/

		 .radio-player section#player-track,
		 .radio-player section#player-secondary {
		 	width: 68%;
		 }

		 .radio-player aside.player-sidebar {
		 	display: block;
		 	width: 32%;
		 }

	 }

	@media (max-width:500px) {


		/**--------------
		 * Player Header
		 * ---------------*/

			/* Hide volume controls... not needed on mobile */
			.radio-player .player-navbar .fa-volume-up,
			.radio-player .player-navbar #volume {
				display: none;
			}

			/* Make play/pause button smaller */
			.radio-player #play-container #play-pause {
				font-size: 1em;
			}




		/* Make sections full-width */
		.radio-player section#player-track,
		.radio-player section#player-secondary {
			width: 100%;
		}

		/* Reduce # of recently played tracks listed */
		#player-secondary li {
    		width: 31%;
    		-webkit-transition: .3s ease;
    	}
    		#player-secondary li:nth-child(n+4) {
    			display: none;
    		}

	}

	@media (min-width:500px) {

		/**--------------
		 * Player Header
		 * ---------------*/


	}









/**
 * x.x - Powerpress Player
 * ---------------------------------------------------------------------------- */
.custom-powerpress {
    background: #2A3036;
    padding: 1%;
    float: left;
    width: 100%;
    border-radius: 1em;
    margin: 3% 0 3% 0;
}
	.podcast-title {
		text-align: center;
	    font-size: 1em;
	    font-family: 'Montserrat', sans-serif;
	    text-transform: uppercase;
	    color: #FFF;
	    letter-spacing: 0.1em;
	    display: block;
	    margin-top: 2%;
	}

.powerpress_player {
	text-align:center;
	margin-top: 3%;
}
	.powerpress_player a {
	    background: #2EBD59;
	    border-radius: 50%;
	    width: 50px;
	    height: 50px;
	    padding: 2%;
	    display: inline-block;
	    margin: auto;
	    transition: background .25s ease-in-out;
	    -moz-transition: background .25s ease-in-out;
	    -webkit-transition: background .25s ease-in-out;
	}
		.powerpress_player a:hover {
			background: #555;
		}

		.powerpress_player a img {
		    height: 30px;
		    width: 30px;
		    padding: 10px 0 0 5px;
		}
		

	p.powerpress_links.powerpress_links_mp3 {
	    text-align: center;
	    color: #2A3036;
	}

	a.powerpress_link_pinw,
	a.powerpress_link_d {
	    font-size: .5em;
	    text-transform: uppercase;
	    letter-spacing: 0.2em;
	    color: #999;
	    font-family: 'Montserrat';
	    background: #3383CC;
	    padding: 2% 5% 2% 5%;
	    border-radius: 3em;
	    color: #FFF;
	    transition: background .25s ease-in-out;
	    -moz-transition: background .25s ease-in-out;
	    -webkit-transition: background .25s ease-in-out;
	}
	
	a.powerpress_link_pinw:hover,
	a.powerpress_link_d:hover {
		background:#2D577D;
	}



/**
 * x.x - YouTube responsive class
 * ---------------------------------------------------------------------------- */
.video-container {
	position: relative;
	padding-bottom: 50%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	width:100%;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/**
 * 9.0 - Search template
 * ---------------------------------------------------------------------------- */

	form.search-form {
	    width: 100%;
	    margin: auto;
	}
	input[type=search] {
	 	-webkit-appearance: textfield;
	    -webkit-box-sizing: content-box;
	    background: #FFF;
	    width: 69%;
	    border-radius: 1em 0 0 1em;
	    padding: 4%;
	    margin: 3% 0 3% 0;
	    float:left;

	    font-weight: normal;
	    font-size: 1.5rem;
	    color: #CCC;
	    font-family: 'Montserrat', sans-serif;

	    border: solid 2px #6BA9C9;
		border-width: 2px 0 2px 2px;

	    
	 }
	 	input[type=search]:focus {
	 		border-top: solid 2px #6BA9C9;
		    border-bottom: solid 2px #6BA9C9;
		    border-left: solid 2px #6BA9C9;
		    border-right: solid 0px #FFF;
	 	}

	 	button[type="submit"] {
		    width: 20%;
		    margin: 3% 0 3% 0;
		    background: #FFF;
		    padding: 4% 0 4% 0;
		    float: left;
		    border-radius: 0 1em 1em 0;
		    
		    font-size: 1.5rem;
		    text-transform: uppercase;
		    letter-spacing: 0.1em;
		    color: #6BA9C9;
		    font-family: 'Montserrat', sans-serif;
		    
		    border: solid 2px #6BA9C9;
		    border-width: 2px 2px 2px 0;

		    transition: color .25s ease-in-out;
		    -moz-transition: color .25s ease-in-out;
		    -webkit-transition: color .25s ease-in-out;
		}
		button[type="submit"]:focus {
			border: solid 2px #6BA9C9;
		    border-width: 2px 2px 2px 0;

			color: #333;
			cursor: pointer;
		}
		button[type="submit"]:hover {
			color: #333;
			cursor: pointer;
		}
		.search .section-head,
		.tag .section-head,
		.page-id-126 .section-head {
			border-top:0;
			padding: 3% 0 3% 0;
		}
			.search .h7 {
			    margin: 3% 0 1% 0;
			    text-align: center;
			    display: block;
			}


	/**
	 * 9.0 - Search template
	 * ---------------------------------------------------------------------------- */

	 @media (max-width:800px) {

	 	form.search-form {
		}

	 }

/**
 * 10.0 - Special Templates
 * ---------------------------------------------------------------------------- */

 	/* Playlist Table */
 	.playlist-table {
 		width: 100%;
 		/* font-family: 'Montserrat', sans-serif; */
 		font-size: .8em;
 		margin-bottom: 3em;
 	}
 		.playlist-table td {
 			width: 39%;
 			text-align: left;
 			display: inline-block;
 			line-height: 1.4em;
 		}
 			.playlist-table td.playlist-artist {
 				font-weight: bold;
 			}
 			.playlist-table td.request-container {
 				width: 20%;
 				text-align: right;
 			}
		 	.playlist-table tr.playlist-legend {
			    text-align: left;
			    padding: 1.5em 0 .5em 0;
			    font-weight: bold;
			    color: #999;
			    font-family: "montserrat", sans-serif;
			    text-transform: uppercase;
			    letter-spacing: 0.3em;
			    font-size: .6em;
			    background: #f3f3f3;
			}
			.playlist-table td.playlist-artist span {
			    padding-left: 1em;
			}

		.playlist-table tr.playlist-legend td {
		    padding-left: 2%;
		}
 		.playlist-table a.request-button {
 			display: inline-block;
		    background: #e36453;
		    padding: .8em 1em .8em 1em;
		    text-transform: uppercase;
		    font-family: Montserrat, sans-serif;
		    font-size: .6em;
		    letter-spacing: 0.3em;
		    border-radius: .5em;
		    color: #FFF;
		    transition: background .25s ease-in-out;
		    -moz-transition: background .25s ease-in-out;
		    -webkit-transition: background .25s ease-in-out;
 		}
 			.playlist-table a.request-button:hover {
 				background: #555;
 			}
 		.playlist-table tr {
		    border-top: solid 1px #EFEFEF;
		    display: block;
		    padding: .5em 0 .5em 0;
		}
		.playlist-table td.header-cell {
			width: 100%;
			margin-top: 3em;
		}



	/**
	 * x.x - Responsive Structure for Smartphones
	 * ---------------------------------------------------------------------------- */
	@media (max-width:800px) {

		article { width: 100%; }
		aside { display: none;}

	}

	/**
	 * x.x - Responsive article styles for Smartphones
	 * ---------------------------------------------------------------------------- */
	 @media (max-width:768px) {

	 article p { 
		max-width: 100%;
	    font-size: 1rem;
	    line-height: 1.6rem;
	    margin: 1em 0 1em 0;
	}

		.entry-meta-container {
		    margin: 3% 0 7% 0;
		    text-transform: uppercase;
		    letter-spacing: 0.2em;
		    color: #999;
		    float: left;
		    display: block;
		    padding: 3% 0 7% 0;
		}
		.entry-meta-container .entry-meta-item {
			width: 100%;
			padding: 0;
		}

			.entry-meta-container .entry-date {
				width: 100%;
				float: left;
				font-size: 4em;
				border: none;
			}

			.entry-meta-container .entry-share {
				display: none;
				border: none;
			}
			.entry-meta-container .entry-author {
				height: auto;
				border: none;
				display: none;
			}
				.entry-author span.author.vcard,
				.entry-author span.author.vcard a {
					display: none;
				}
				.entry-meta-container .author-twitter {
					display: none;
				}
				.entry-meta-container ul.post-categories a {
					font-size: 3em;
				}
	/**
	 * x.x - Responsive editor tools for Smartphones
	 * ---------------------------------------------------------------------------- */
	 article .img50 {
		width: 100%;
		float:left;
		font-size: 2em;
		line-height: 2em;
	}
		article .img50right, .img50left {
			padding: 3% 0 3% 0;
		}
		article .blockquote {
			float: none;
    		width: 100%;
		}



}


/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}






/**
 * 2.0 Repeatable Patterns
 * ----------------------------------------------------------------------------
 */

.genericon:before,
.menu-toggle:after,
.featured-post:before,
.date a:before,
.entry-meta .author a:before,
.format-audio .entry-content:before,
.comments-link a:before,
.tags-links a:first-child:before,
.categories-links a:first-child:before,
.edit-link a:before,
.attachment .entry-title:before,
.attachment-meta:before,
.attachment-meta a:before,
.comment-awaiting-moderation:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.bypostauthor > .comment-body .fn:before,
.error404 .page-title:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	vertical-align: text-bottom;
}

/* Clearing floats */
.clear:after,
.attachment .entry-header:after,
.site-footer .widget-area:after,
.entry-content:after,
.page-content:after,
.navigation:after,
.nav-links:after,
.gallery:after,
.comment-form-author:after,
.comment-form-email:after,
.comment-form-url:after,
.comment-body:after {
	clear: both;
}

.clear:before,
.clear:after,
.attachment .entry-header:before,
.attachment .entry-header:after,
.site-footer .widget-area:before,
.site-footer .widget-area:after,
.entry-content:before,
.entry-content:after,
.page-content:before,
.page-content:after,
.navigation:before,
.navigation:after,
.nav-links:before,
.nav-links:after,
.gallery:before,
.gallery:after,
.comment-form-author:before,
.comment-form-author:after,
.comment-form-email:before,
.comment-form-email:after,
.comment-form-url:before,
.comment-form-url:after,
.comment-body:before,
.comment-body:after {
	content: "";
	display: table;
}

.icons {
	background-image: url('i/icons.png');
	background-repeat: none;
}

	.icons-2014 {
		background-image: url('i/icons-2014.png');
		background-repeat: none;
	}
		.home-icon-2015 {
			background-image: url('i/icons/idobi-home-icon.png');
			background-size: 100%;
		}

.statcounter {
	position: absolute;
	top: 0;
	right: 0;
}

/* Mask */

.loadmask {
    z-index: 998;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #CCC;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #6593cf;
    background: #c3daf9;
    padding:2px;
}
.loadmask-msg div {
    padding:5px 10px 5px 25px;
    background: #fbfbfb url('/i/loading.gif') no-repeat 5px 5px;
    line-height: 16px;
	border:1px solid #a3bad9;
    color:#222;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    cursor:wait;
}
.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}

/* Assistive text */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Form fields, general styles first. */
button,
input,
textarea {
	border: 2px solid #41464d;
	font-family: inherit;
	padding: 5px;
}

input,
textarea {
	color: #fff;
}

	#loginform input {
		color: #000;
	}

input#user_email, input#user_name {
  color: #000;
}

.wpcf7 input,
.wpcf7 textarea {
	color: #000;
}

input:focus,
textarea:focus {
	background-image: none;
	border: 2px solid #41464d;
	outline: 0;
}

/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
/*
	background: #e05d22; /* Old browsers */
/*
	background: -webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); /* Chrome 10+, Safari 5.1+ */
/*
	background:   linear-gradient(to bottom, #e05d22 0%, #d94412 100%); /* W3C */
/*
	border: none;
	border-bottom: 3px solid #b93207;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	padding: 11px 24px 10px;
	text-decoration: none;

}

.wpcf7-form input[type="submit"] {
  border: none;
  border-radius: 15px;
  color: #fff;
  display: inline-block;
  padding: 11px 24px 10px;
  text-decoration: none;
  width: 50%;
  background: #6C9CB4;
}

.wpcf7-form input[type="submit"]:hover {
	background: #CCC;
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
/*
	background: #ed6a31; /* Old browsers */
/*
	background: -webkit-linear-gradient(top, #ed6a31 0%, #e55627 100%); /* Chrome 10+, Safari 5.1+ */
/*
	background:   linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); /* W3C */
/*
	outline: none;
*/
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
/*
	background: #d94412; /* Old browsers */
/*
	background: -webkit-linear-gradient(top, #d94412 0%, #e05d22 100%); /* Chrome 10+, Safari 5.1+ */
/*
	background:   linear-gradient(to bottom, #d94412 0%, #e05d22 100%); /* W3C */
/*
	border: none;
	border-top: 3px solid #b93207;
	padding: 10px 24px 11px;

}

.post-password-required input[type="submit"] {
	padding: 7px 24px 4px;
	vertical-align: bottom;
}

.post-password-required input[type="submit"]:active {
	padding: 5px 24px 6px;
}

/* Placeholder text color -- selectors need to be separate to work. 
::-webkit-input-placeholder {
	color: #41464d;
}

:-moz-placeholder {
	color: #41464d;
}

::-moz-placeholder {
	color: #41464d;
}

:-ms-input-placeholder {
	color: #41464d;
}

/*
 * Responsive images
 *
 * Fluid images for posts, comments, and widgets
 
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
	max-width: 100%;
}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. 
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full,
img.size-large,
img.wp-post-image {
	height: auto;
	max-width: 100%;
}

/* Make sure videos and embeds fit their containers. 
embed,
iframe,
object,
video {
	max-width: 100%;
}

/* Override the Twitter embed fixed width. 
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important;
}

/* Images 
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft {
	margin: 15px 20px 15px 0;
}

.wp-caption.alignleft {
	margin: 15px 10px 15px 0;
}

img.alignright {
	margin: 15px 0 15px 20px;
}

.wp-caption.alignright {
	margin: 15px 0 15px 10px;
}

img.aligncenter {
	margin: 15px auto;
}

img.alignnone {
	margin: 15px 0;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
	color: #220e10;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol  {
	list-style-position: inside;
}



/* Login */

#loginform1 {
}

	#loginform1 p {
		margin-bottom: 15px;
	}

	#loginform1 label {
	}

#user_login1,
#user_pass1,
#wp-submit1 {
	color: #171717;
}

/* YARP */

.sidebar-social-media {
	width: 100%;
	padding: 10px;
	text-align: center;
}
	.sidebar-social-media-header {
		text-transform: uppercase;
		font-family: "Montserrat", sans-serif;
		color: #FFF;
		display: block;
		text-align: center;
		font-size: 16px;
		background: #26292E;
		padding: 20px;
		margin-bottom: 10px;
	}

	.sidebar-social-media .idobi-social-icon {
		display:inline-block;
		width: 60px;
		height: 60px;
	}
		.sidebar-social-media .idobi-social-icon:hover {
			opacity: 0.5;
		}
		.idobi-facebook {
			background: #FFF url('i/icons/idobi-facebook-icon.png');
			background-size: 100%;
		}
		.idobi-twitter {
			background: url('i/icons/idobi-twitter-icon.png');
			background-size: 100%;
		}
		.idobi-tumblr {
			background: url('i/icons/idobi-tumblr-icon.png');
			background-size: 100%;
		}
		.idobi-instagram {
			background: url('i/icons/idobi-instagram-icon.png');
			background-size: 100%;
		}

.yarpp-related-widget h3 {
	background-color: #171717;
	padding: 20px;
	text-transform: uppercase;
	font-family: "Montserrat", sans-serif;
	color: #FFF;
	display: block;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 0;
}

.yarpp-related-widget .radio-news-item {
	width: 100%;
	border-top: solid 2px #EFEFEF;
}
	.yarpp-related-widget .radio-news-item a {
		color: #333;
	}
		.yarpp-related-widget .radio-news-item a:hover {
		color: #CCC;
	}


.widget_yarpp_widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.yarp-sidebar {
		background: #f9f9f9 url('i/sidebar-divider-alt.png') left bottom no-repeat;
	}

		.yarp-sidebar:hover {
			background: #dcdbdb;
		}

	.yarp-sidebar .yarp-item {
		display: block;
		background: transparent url('i/icons-sidebar-1-light.png') 0 -300px no-repeat;
		padding: 12px 16px 14px 58px;
		text-decoration: none;
		color: #a9a9a9;
		line-height: 1.2em;
	}

	.yarp-sidebar-1 .yarp-item {
		background-position: 0 0;
	}

	.yarp-sidebar-10 .yarp-item {
		background-position: 0 -600px;
	}

	.yarp-sidebar-10 {
		background-image: none;
	}

	.yarp-section {
		display: block;
		font-size: 11px;
		text-transform: uppercase;
	}

		.yarp-section span {
			color: #e8a82c;
		}

		.yarp-section-header {
			padding-right: .5em;
		}

		.yarp-date {
			padding-left: .5em;
		}

		.yarp-title {
			color: #262626;
			font-size: 12px;
			line-height: 1.2em;
		}

/* Alternate colors */

	.yarp-2 .yarp-item {
		background-image: url('i/icons-sidebar-2-light.png');
	}
	
		.yarp-2 .yarp-section span {
			color: #84afdb;
		}

	.yarp-3 .yarp-item {
		background-image: url('i/icons-sidebar-3-light.png');
	}
	
		.yarp-3 .yarp-section span {
			color: #84afdb;
		}



/*! jQuery UI - v1.10.3 - 2013-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	font-size: 12px !important;
	width: 500px;
	height: 10em;
	overflow: scroll;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	background-color: #fffece;
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
/*
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
*/
	background: transparent url('i/icons-player.png') -550px 0 no-repeat;
	outline: none;
	cursor: -webkit-grab;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
/*
	border: 1px solid #999999;
	background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
*/
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
/*
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
*/
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('i/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('i/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('i/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('i/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('i/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('i/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}





/* --- NEW POST DISPLAY ---- 
.grid {
   /* Prevent vertical gaps 
   line-height: 0;
   width: 100%;
   
   -webkit-column-count: 3;
   -webkit-column-gap:   0px;
   -moz-column-count:    3;
   -moz-column-gap:      0px;
   column-count:         3;
   column-gap:           0px;
}

#brick-container {
	overflow: hidden;
	height:auto;
}

.brick{
  /* Just in case there are inline attributes 
  width: 90% !important;
  height: auto !important;

  margin: 0 0 20px 16px;
  text-align: center;
  border: solid 1px #EFEFEF;
  float: left;
}

	@media (max-width: 1200px) {
	   .grid {
	  -moz-column-count:    3;
	  -webkit-column-count: 3;
	  column-count:         3;
	  }
	}


	.post-category {
		float: left;
		width: 100%;
		padding: 8px;
		text-align: left;
		color: #FFF;
		font-size: 0.8em;
	}
		.post-category ul {
			list-style-type: none;
		}
		.post-category ul li {
			display: inline-block;
			font-size: .8em;
			text-transform: uppercase;
		}

		/* ----------------------------------- */
		/* --------- Post Categories --------- */
		/* ----------------------------------- 
		
		.post-category-idobi {
			background: #caa242;
		}

		.post-category-idobiradio {
			background: #84afdb;
		}
			.post-category-ejcshow {
				background: #84afdb;
			}
			.post-category-first-person {
				background: #84afdb;
			}
			.post-category-fullfrontal {
				background: #84afdb;
			}
			.post-category-gone-fishkin {
				background: #84afdb;
			}
			.post-category-man-of-the-hour {
				background: #84afdb;
			}
			.post-category-man-overboard-radio {
				background: #84afdb;
			}
			.post-category-rock-the-walls {
				background: #84afdb;
			}
			.post-category-the-gunz-show {
				background: #84afdb;
			}
			.post-category-retrospect {
				background: #84afdb;
			}


		.post-category-idobihowl {
			background: #b4a162;
		}
			.post-category-ecc {
				background: #b4a162;
			}
			.post-category-mtx {
				background: #b4a162;
			}
			.post-category-srp {
				background: #b4a162;
			}

		.post-category-editorial {
			background: #caa242;
		}

		.post-category-contests {
			background: #caa242;
		}

		.post-category-interviews {
			background: #6cb489;
		}
			.post-category-icon-interviews {
				background: url('');
			}

		.post-category-album-reviews {
			background: #dc4040;
		}

		.post-category-business-news {
			background: #caa242;
		}

		.post-category-concert-reviews {
			background: #caa242;
		}

		.post-category-featured {
			background: #caa242;
		}

		.post-category-grab-bag {
			background: #caa242;
		}

		.post-category-photos-of-the-show {
			background: #6cb489;
		}

		.post-category-press-release {
			background: #caa242;
		}

		.post-category-default {
			background: #171717;
		}


		.post-featured-image img {
			width: 100%;
		}
	span.post-title,
	span.post-title a {
		font-weight: bold;
		display: block;
		font-size: 1.1em;
		line-height: 1.2em;
		margin: 10px 0 10px 0;
		padding: 0 5px 0 5px;
		color: #171717;
	}
		span.post-excerpt {
			font-size: 12px;
			color: #898989;
			font-style: italic;
			line-height: 16px;
			display: block;
		}
	.post-break {
		height: 2px;
		background: #CCC;
		width: 10%;
		margin: 10px auto 10px auto;
	}
	.post-share {
		float: left;
		margin: 0 0 10px 0;
	}
		.post-facebook {
			display: block;
			float: left;
			margin: 0 7px 0 12px;
		}
		.post-twitter {
			display: block;
			float: left;
			max-width: 95px;
		}

/**
 * Sharedaddy Base Styles
 * 
 * Contains styles for modules, containers, buttons
 */


/* Master container */
#jp-post-flair {
	padding-top: .5em;
}


/* Overall Sharedaddy block title */
div.sharedaddy,
#content div.sharedaddy,
#main div.sharedaddy {
	clear: both;
	margin-top: 7px;
}

div.sharedaddy h3.sd-title {
	margin: 0 1em 1em 0;
	display: inline-block;
	line-height: 1.2;
	font-size: 10pt;
	font-weight: normal;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	float: left;
}

div.sharedaddy h3.sd-title:before {
	content: "";
	display: block;
	width: 100%;
	min-width: 30px;
	margin-bottom: 1em;
}

body.highlander-light h3.sd-title:before {
	border-top: 1px solid rgba(0,0,0,.2);
}

body.highlander-dark h3.sd-title:before {
	border-top: 1px solid rgba(255,255,255,.4);
}


/* Sharing services list */
.sd-content ul {
	padding: 0 !important;
	margin: 0 0 .7em 0 !important;
	list-style: none !important;
}

.sd-content ul li {
	display: inline;
}

.sd-block.sd-gplus {
	margin: 0 0 .5em 0;
}

.sd-gplus .sd-content {
	font-size: 12px;
}


/* Buttons */
.sd-social-icon .sd-content ul li a.sd-button,
.sd-social-text .sd-content ul li a.sd-button,
.sd-content ul li a.sd-button,
.sd-content ul li .option a.share-ustom,	/* Ugh. */
.sd-content ul li.preview-item div.option.option-smart-off a,
.sd-content ul li.advanced a.share-more,
.sd-social-icon-text .sd-content ul li a.sd-button,
.sd-social-official .sd-content>ul>li>a.sd-button,
#sharing_email .sharing_send,
.sd-social-official .sd-content>ul>li .digg_button >a {		/* official Digg button no longer works, needs cleaning */
	text-decoration: none !important;
	display: inline-block;
	margin: 0 5px 5px 0;
	font-size: 12px;
	font-family: "Open Sans", sans-serif;
	font-weight: normal;
	border-radius: 3px;
	color: #777 !important;
	background: #f8f8f8;
	border: 1px solid #cccccc;
	box-shadow: 0 1px 0 rgba(0,0,0,.08);
	text-shadow: none;
	line-height: 23px;
	padding: 1px 8px 0px 5px;
}

.sd-social-text .sd-content ul li a.sd-button span,
.sd-content ul li a.sd-button>span,
.sd-content ul li .option a.share-ustom span,	/* Ugh. */
.sd-content ul li.preview-item div.option.option-smart-off a span,
.sd-content ul li.advanced a.share-more span,
.sd-social-icon-text .sd-content ul li a.sd-button>span,
.sd-social-official .sd-content>ul>li>a.sd-button span,
.sd-social-official .sd-content>ul>li .digg_button >a span {		/* official Digg button no longer works, needs cleaning */
	line-height: 23px;
}



/* Our gray buttons should be smaller when seen with the official ones */
.sd-social-official .sd-content>ul>li>a.sd-button,
.sd-social-official .sd-content .sharing-hidden .inner>ul>li>a.sd-button,
.sd-social-official .sd-content>ul>li .digg_button>a,
.sd-social-official .sd-content .sharing-hidden .inner>ul>li .digg_button>a {
	line-height: 17px;
	box-shadow: none; /* No shadow on gray buttons between the official ones */
	vertical-align: top;
}

.sd-social-official .sd-content>ul>li>a.sd-button:before,
.sd-social-official .sd-content>ul>li .digg_button>a:before,
.sd-social-official .sd-content .sharing-hidden .inner>ul>li>a.sd-button:before,
.sd-social-official .sd-content .sharing-hidden .inner>ul>li .digg_button>a:before {
	margin-bottom: -1px;
	top: 0;
}

.sd-social-icon .sd-content ul li a.sd-button:hover,
.sd-social-icon .sd-content ul li a.sd-button:active,
.sd-social-text .sd-content ul li a.sd-button:hover,
.sd-social-text .sd-content ul li a.sd-button:active,
.sd-social-icon-text .sd-content ul li a.sd-button:hover,
.sd-social-icon-text .sd-content ul li a.sd-button:active,
.sd-social-official .sd-content>ul>li>a.sd-button:hover,
.sd-social-official .sd-content>ul>li>a.sd-button:active,
.sd-social-official .sd-content>ul>li .digg_button>a:hover,
.sd-social-official .sd-content>ul>li .digg_button>a:active {
	color: #555;
	background: #fafafa;
	border: 1px solid #999999;
}

.sd-social-icon .sd-content ul li a.sd-button:active,
.sd-social-text .sd-content ul li a.sd-button:active,
.sd-social-icon-text .sd-content ul li a.sd-button:active,
.sd-social-official .sd-content>ul>li>a.sd-button:active,
.sd-social-official .sd-content>ul>li .digg_button>a:active {
	box-shadow: inset 0 1px 0 rgba(0,0,0,.16);
}


/* All icons */
.sd-content ul li a.sd-button:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font: normal 16px/1 'Genericons';
	vertical-align: top;
	position: relative;
	top: 3px;
	text-align: center;
}

.sd-content ul li {
	margin: 0 !important;
	padding: 0;
}

/* Text + icon & Official */
.sd-social-icon-text .sd-content ul li a span,
.sd-social-official .sd-content ul li a.sd-button span,
.sd-content ul li.preview-item a.sd-button span {
	margin-left: 3px;
}
.sd-content ul li.preview-item.no-icon a.sd-button span {
	margin-left: 0;
}

/* Text only */
.sd-social-text .sd-content ul li a:before,
.sd-content ul li.no-icon a:before {
	display: none;
}
body .sd-social-text .sd-content ul li.share-custom a span,
body .sd-content ul li.share-custom.no-icon a span {
	background-image: none;
	background-position: -500px -500px !important;	/* hack to work around !important inline style */
	background-repeat: no-repeat !important;
	padding-left: 0;
	height: 0;
	line-height: inherit;
}

.sd-social-icon .sd-content ul li a.share-more {
	position: relative;
	top: 2px;
}
.sd-social-icon .sd-content ul li a.share-more span {
	margin-left: 3px;
}


/* Individual icons */
.sd-social-icon .sd-content ul li.share-print a:before,
.sd-social-text .sd-content ul li.share-print a:before,
.sd-content ul li.share-print div.option.option-smart-off a:before,
.sd-social-icon-text .sd-content li.share-print a:before,
.sd-social-official .sd-content li.share-print a:before {
	content: '\f469';
}
.sd-social-icon .sd-content ul li.share-digg a:before,
.sd-social-text .sd-content ul li.share-digg a:before,
.sd-content ul li.share-digg div.option.option-smart-off a:before,
.sd-social-icon-text .sd-content li.share-digg a:before,
.sd-social-official .sd-content li.share-digg a:before {
	content: '\f221';
}
.sd-social-icon .sd-content ul li.share-email a:before,
.sd-social-text .sd-content ul li.share-email a:before,
.sd-content ul li.share-email div.option.option-smart-off a:before,
.sd-social-icon-text .sd-content li.share-email a:before,
.sd-social-official .sd-content li.share-email a:before {
	content: '\f410';
}
.sd-social-icon .sd-content ul li.share-linkedin a:before,
.sd-social-text .sd-content ul li.share-linkedin a:before,
.sd-content ul li.share-linkedin div.option.option-smart-off a:before,
.sd-social-icon-text .sd-content li.share-linkedin a:before {
	content: '\f207';
}
.sd-social-icon .sd-content ul li.share-twitter a:before,
.sd-social-text .sd-content ul li.share-twitter a:before,
.sd-content ul li.share-twitter div.option.option-smart-off a:before,
.sd-social-icon-text .sd-content li.share-twitter a:before {
	content: '\f202';
}
.sd-social-icon .sd-content ul li.share-reddit a:before,
.sd-social-text .sd-content ul li.share-reddit a:before,
.sd-content ul li.share-reddit div.option.option-smart-off a:before,
.sd-social-icon-text .sd-content li.share-reddit a:before {
	content: '\f222';
}
.sd-social-icon .sd-content ul li.share-tumblr a:before,
.sd-social-text .sd-content ul li.share-tumblr a:before,
.sd-content ul li.share-tumblr div.option.option-smart-off a:before,
.sd-social-icon-text .sd-content li.share-tumblr a:before {
	content: '\f214';
}
.sd-social-icon .sd-content ul li.share-stumbleupon a:before,
.sd-social-text .sd-content ul li.share-stumbleupon a:before,
.sd-content ul li.share-stumbleupon div.option.option-smart-off a:before,
.sd-social-icon-text .sd-content li.share-stumbleupon a:before {
	content: '\f223';
}
.sd-social-icon .sd-content ul li.share-pocket a:before,
.sd-social-text .sd-content ul li.share-pocket a:before,
.sd-content ul li.share-pocket div.option.option-smart-off a:before,
.sd-social-icon-text .sd-content li.share-pocket a:before {
	content: '\f224';
}
.sd-social-icon .sd-content ul li.share-pinterest a:before,
.sd-social-text .sd-content ul li.share-pinterest a:before,
.sd-content ul li.share-pinterest div.option.option-smart-off a:before,
.sd-social-icon-text .sd-content li.share-pinterest a:before {
	content: '\f209';
}
.sd-social-icon .sd-content ul li.share-google-plus-1 a:before,
.sd-social-text .sd-content ul li.share-google-plus-1 a:before,
.sd-content ul li.share-google-plus-1 div.option.option-smart-off a:before,
.sd-social-icon-text .sd-content li.share-google-plus-1 a:before {
	content: '\f218';
}
.sd-social-icon .sd-content ul li.share-facebook a:before,
.sd-social-text .sd-content ul li.share-facebook a:before,
.sd-content ul li.share-facebook div.option.option-smart-off a:before,
.sd-social-icon-text .sd-content li.share-facebook a:before {
	content: '\f204';
}
.sd-social-icon .sd-content ul li.share-press-this a:before,
.sd-social-text .sd-content ul li.share-press-this a:before,
.sd-content ul li.share-press-this div.option.option-smart-off a:before,
.sd-social-icon-text .sd-content li.share-press-this a:before,
.sd-social-official .sd-content li.share-press-this a:before {
	content: '\f205';
}
.sd-social-official .sd-content li.share-press-this a:before {
	color: #2ba1cb;
}
.sd-social-icon .sd-content ul a.share-more:before,
.sd-social-text .sd-content ul a.share-more:before,
.sd-content ul li.advanced a.share-more:before,
.sd-social-icon-text .sd-content a.share-more:before,
.sd-social-official .sd-content a.share-more:before {
	content: '\f415';
}
.sd-social-official .sd-content a.share-more:before {
	color: #2ba1cb;
}


/* Share count */
.share-count {
	background: #2ea2cc;
	color: #fff;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: inline-block;
	text-align: center;
	font-size: 10px;
	padding: 1px 3px;
	line-height: 1;
}


/* Official buttons */
.sd-social-official .sd-content ul, .sd-social-official .sd-content ul li {
	line-height: 25px !important;
}

.sd-social-official .sd-content>ul>li>a.sd-button span {
	line-height: 1;
}

.sd-social-official .sd-content ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.sd-social-official .sd-content li.share-press-this a {
	margin: 0 0 5px 0;
}

.sd-social-official .sd-content ul>li {
	display: block;
	float: left;
	margin: 10px 10px 5px 0 !important;
	height: 25px;
}
.sd-social-official .sd-content .pocket_button iframe {
	width: 98px;
}

.sd-social-official .sd-content .twitter_button iframe {
	width: 96px;
}


/* Individual official buttons */
.stumbleupon_button iframe, .reddit_button iframe {
	margin-top: 1px;
}

.pocket_button iframe, .googleplus1_button iframe, .pinterest_button, .twitter_button, .like_button iframe, .linkedin_button>span {
	margin: 0 !important;
}

body .sd-social-official li.share-print ,
body .sd-social-official li.share-email a, 
body .sd-social-official li.share-custom a,
body .sd-social-official li a.share-more,
body .sd-social-official li.share-digg a,
body .sd-social-official li.share-press-this a
{
	position: relative;
	top: 0;
}


/* Custom icons */
body .sd-social-icon .sd-content li.share-custom>a {
	padding: 2px 3px 0 3px;
	position: relative;
	top: 4px;
}

body .sd-social-icon .sd-content li.share-custom a span,
body .sd-social-icon-text .sd-content li.share-custom a span,
body .sd-social-text .sd-content li.share-custom a span,
body .sd-social-official .sd-content li.share-custom a span,
body .sd-content ul li.share-custom a.share-icon span
{
	background-size: 16px 16px;
	background-repeat: no-repeat;
	margin-left: 0;
	padding: 0 0 0 19px; 
	display: inline-block;
	height: 16px;
	line-height: 16px;
}

body .sd-social-icon .sd-content li.share-custom a span {
	width: 0;	
}

body .sd-content li.share-custom a:hover span {
}

body .sd-social-icon .sd-content li.share-custom a span {
	padding-left: 16px !important;
}


/* Overflow Sharing dialog */
.sharing-hidden .inner {
	position: absolute;
	z-index: 2;
	border: 1px solid #ccc;
	padding: 15px;
	background: #fff;
	box-shadow: 0px 5px 20px rgba(0,0,0,.2);
	margin-top: 5px;
	max-width: 400px;
}

.sd-social-official .sd-content .sharing-hidden ul>li.share-end {
	clear: both;
	margin: 0;
	height: 0;
}

.sharing-hidden .inner:before, .sharing-hidden .inner:after {
	position: absolute;
	z-index: 1;
	top: -8px;
	left: 20px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 8px solid #ccc;
	content: "";
	display: block;
}

.sharing-hidden .inner:after {
	z-index: 2;
	top: -7px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 8px solid #fff;
}

.sharing-hidden ul {
	margin: 0;
}


/**
 * Special colorful look for "Icon Only" option
 */

.sd-social-icon .sd-content ul li[class*='share-'] a,
.sd-social-icon .sd-content ul li[class*='share-'] a:hover,
.sd-social-icon .sd-content ul li[class*='share-'] div.option a {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 0;
	box-shadow: none;
	padding: 8px;
	position: relative;
	top: -2px;
	line-height: 1;
	width: auto;
	height: auto;
}

.sd-social-icon .sd-content ul li[class*='share-'] a.sd-button>span,
.sd-social-icon .sd-content ul li[class*='share-'] div.option a span {
	line-height: 1;
}

.sd-social-icon .sd-content ul li[class*='share-'] a:hover,
.sd-social-icon .sd-content ul li[class*='share-'] div.option a:hover {
	border: none;
	opacity: .6;
}

.sd-social-icon .sd-content ul li[class*='share-'] a.sd-button:before {
	top: 0;
}

.sd-social-icon .sd-content ul li[class*='share-'] a.sd-button.share-custom {
	padding: 8px 8px 6px 8px;
	top: 5px;
}

.sd-social-icon .sd-content ul li a.sd-button.share-more {
	margin-left: 10px;
}

.sd-social-icon .sd-content ul li:first-child a.sd-button.share-more {
	margin-left: 0;
}


.sd-social-icon .sd-button span.share-count {
	position: absolute;
	bottom: 0;
	right: 0;
	border-radius: 0;
	background: #555;
	font-size: 9px;
}

/* Special look colors */
.sd-social-icon .sd-content ul li[class*='share-'] a.sd-button {
	background: #e9e9e9;
	margin-top: 2px;
	text-indent: 0;
}

.sd-social-icon .sd-content ul li[class*='share-'].share-tumblr a.sd-button {
	background: #2c4762;
	color: #fff !important;
}

.sd-social-icon .sd-content ul li[class*='share-'].share-facebook a.sd-button {
	background: #3b5998;
	color: #fff !important;
}

.sd-social-icon .sd-content ul li[class*='share-'].share-stumbleupon a.sd-button {
	background: #ea4b24;
	color: #fff !important;
}

.sd-social-icon .sd-content ul li[class*='share-'].share-twitter a.sd-button {
	background: #00acee;
	color: #fff !important;
}

.sd-social-icon .sd-content ul li[class*='share-'].share-pinterest a.sd-button {
	background: #ca1f27;
	color: #fff !important;
}

.sd-social-icon .sd-content ul li[class*='share-'].share-digg a.sd-button {
	color: #555555 !important;
}

.sd-social-icon .sd-content ul li[class*='share-'].share-press-this a.sd-button {
	background: #1e8cbe;
	color: #fff !important;
}

.sd-social-icon .sd-content ul li[class*='share-'].share-linkedin a.sd-button {
	background: #0077b5;
	color: #fff !important;
}

.sd-social-icon .sd-content ul li[class*='share-'].share-google-plus-1 a.sd-button {
	background: #dd4b39;
	color: #fff !important;
}

.sd-social-icon .sd-content ul li[class*='share-'].share-pocket a.sd-button {
	background: #ee4056;
	color: #fff !important;
}

.sd-social-icon .sd-content ul li[class*='share-'].share-reddit a.sd-button {
	background: #cee3f8;
	color: #555555 !important;
}




/**
 * Sharing Email Dialog
 */

#sharing_email {
	width: 342px;
	position: absolute;
	z-index: 1001;
	border: 1px solid #ccc;
	padding: 15px;
	background: #fff;
	box-shadow: 0px 5px 20px rgba(0,0,0,.2);
	text-align: left;
}

div.sharedaddy.sharedaddy-dark #sharing_email {
	border-color: #fff;
}

#sharing_email .errors {
	color: #fff;
	background-color: #771a09;
	font-size: 12px;
	padding: 5px 8px;
	line-height: 1;
	margin: 10px 0 0 0;
}

#sharing_email label {
	font-size: 12px;
	color: #333;
	font-weight: bold;
	display: block;
	padding: 0 0 4px 0;
	text-align: left;
	text-shadow: none;
}

#sharing_email form {
	margin: 0;
}

#sharing_email input[type="text"], #sharing_email input[type="email"] {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border: 1px solid #ccc;
	margin-bottom: 1em;
	background: #fff;
	font-size: 12px;
	color: #333;
	max-width: none;
	padding: 1px 3px;
}

#sharing_email .sharing_cancel {
	padding: 0 0 0 1em;
	font-size: 12px;
	text-shadow: none;
}

#sharing_email .recaptcha {
	width: 312px;
	height: 123px;
	margin: 0 0 1em 0;
}