/*
Theme Name: Sporkful MKII
Author: Celis Design
Author URI: http://www.celisdesign.com/
*/


*{
margin:0;
padding:0;
}

html {
	height:100%;
}

body {
	width:100%;
	height:100%;
	/*font:13px 'orator_fsregular',Arial, sans-serif;*/
	    /*font-family: Helvetica,sans-serif;*/	
	font-family:  "Trebuchet MS", Arial, sans-serif;
	font-family: Helvetica,sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
	text-align:center;
	color:#000;
	background:#000;
	line-height:20px;
}

.wrap,  .lower-wrap, .main-inner, .sticky-nav, #ad_header, #logo-header {
	background:#f5f5f5;
}

.wrap_111 {
	background:#111;
}

.wrap_black {
	background:#000;
}

img {
	width: 100%;
	max-width: 100%;
	height:auto !important;
	display:block;
}

.backstretch img {
	opacity:0.4;
}

.body-interior .backstretch img {
	opacity:0.27;
}

/*Inserts*/
img #wnyc_ad, .single-actions img, 
.footer_entry img {
	width:auto;
}

.wp_caption {
	width:80% !important;
}

.gallery img {
	margin:25px 0;
}

img.loader {
	width:16px !important;
	height:16px !important;
}


.fixed {
	position:fixed;
}

.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}	

.text_left {
	text-align:left;
}

.text_center {
	text-align:center;
}

.text_right {
	text-align:right;
}


iframe {
	z-index:2000;
	max-width:100%;
}

.hidden {
	display:none;
}

.visible {
	visibility:visible; 
}

.tint {
	position:fixed;
	width:100%;
	height:100%;
	background:black;
	opacity:0.4;
	filter: alpha(opacity=40);
	z-index:-5;
}

.z-1 {
	z-index:1 !important;
}

.z-200 {
	z-index:200 !important;
}


.relative {
	position:relative !important;
}

.fixed_section {
	position:fixed !important;
	width:100%;
	z-index:2000 !important;
	top:72px;
	top:0;

}	

/*--------------------------------------------

HEADER

---------------------------------------------*/

#logo-header .header_top {
	height:230px;
	background:#c72027 url('img/sporkful_header_logo.png') center 80px no-repeat; 
	cursor:pointer; 
}

#logo-header .header_bottom {
	height:170px;
	background:#f5f5f5 url('img/sporkful_header_logo.png') center -149px no-repeat; 
	cursor:pointer; 	
}
	
#ad_header {
	padding:12px 0;
	/*background:none;*/
}


#ad_header img {
	width:auto !important;
	margin:0 auto;
	/*background:#f5f5f5;
	padding:10px;*/
}

#ad_header,
#ad_header div, 
#ad_header img {
	z-index: 1 !important;
}
	
	
/*---------------------------


HEADER FORM & MODAL BOOK


--------------------------*/

#header-form-wrap, #header-modal-wrap {
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	padding:175px 0 100px 0;
	z-index:3000;
	top:72px;
	top:0;
	background:url("img/e7ffe2_90.png");
    overflow-y: scroll;
}

#header-modal-wrap {
	padding:6% 0;
}

#header-form-wrap h1 {
	color:black;
	display:inline-block; 
	padding-bottom:20px;
}

#header-form-wrap a.btn_x, #header-modal-wrap a.btn_x {
	position:absolute;
	top:0px;
	right:10%;
	display:inline-block;
	width:30px;
	height:25px;
	background:url("img/x.png") center 2px no-repeat;
	z-index:200;
}

#header-modal-wrap a.btn_x_white {
	background:url("img/x_white.png") center 2px no-repeat !important;
}

#header-form-wrap label {
	font-size:14px;
}	

#header-modal-wrap {
	color:#fff;
	background:url("img/09_92.png");
}

#header-modal-wrap h2 {
	font-weight:100;
	margin-bottom:30px;
}

#header-modal-wrap ul {
	font-size:17px;
	line-height:24px;
}

#header-modal-wrap p {
	color:#eee;
	font-size:17px;
	line-height:24px;
	width:95%;
	margin-bottom:30px;
}	

/*--------------------------------------------

STRUCTURE [GRID ESTABLISHED IN CSS DIRECTORY]

---------------------------------------------*/

/*wraps the grid*/

#page-wrap {
	position:relative;
	min-width:100%;
	min-height:100%;
	z-index:1000;
	text-align:left;
}	

.wrap {
	/*position:relative;*/
	min-width:100%;
}

.main-inner {
	/*margin-top:15%;*/
	padding-bottom:50px;
}

.lower-wrap {
	padding:25px 0 100px 0;

}

.main-wrap .section {
}

.col .inner {
	padding:30px;
}


.bottom_0 .col {
	margin-bottom:0 !important;
}

.top_0 .col {
	margin-top:0 !important;
}

.padding_2 {
	padding:2% 0;
}

.padding_3 {
	padding:3% 0;
}

.padding_5 {
	padding:5% 0;
}

.padding_6 {
	padding:6% 0;
}

.padding_7 {
	padding:7% 0;
}

.padding_8 {
	padding:8% 0;
}

.padding_9 {
	padding:9% 0;
}

.padding_10 {
	padding:10% 0;
}

.padding_15 {
	padding:15% 0;
}

.padding_20 {
	padding:20% 0;
}

.padding_30 {
	padding:30% 0;
}

.padding_50 {
	padding:50% 0;
}

.top_10 {
	padding-top:10%;
}

.top_20 {
	padding-top:10%;
}

.top_50 {
	margin-top:50%;
}

.top_100 {
	margin-top:100%;
}

/*-------------------------

FONTS / TYPE

--------------------------*/

ul {
	list-style:none;
	 font-size:15px;
}

@font-face {
    font-family: 'cantarellregular';
    src: url('fonts/Cantarell-Regular-webfont.eot');
    src: url('fonts/Cantarell-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Cantarell-Regular-webfont.woff') format('woff'),
         url('fonts/Cantarell-Regular-webfont.ttf') format('truetype'),
         url('fonts/Cantarell-Regular-webfont.svg#cantarellregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5 {
	font-weight:normal;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:none;
}

/*-------P--------*/

p {
	font-weight:normal;
	-text-rendering: optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
	font-size:15px;
	line-height:20px;
	color:#444;
}

.wrap_111 p, .wrap_black p {
	color:#888;
}

/*-------H1--------*/

h1 {
	font-size: 32px;
	letter-spacing: 1px;
	line-height:35px;
	color:white;
	display: inline-block !important;
	max-width:70%;	
}

h1 span.muted {
	color:#b7bbec;
}

/*-------H2--------*/

h2 {
	font-size: 30px;
	color:#000;
	font-weight:bold;
	display: inline-block;
	text-transform: none;
	line-height:35px;	
}

h2 a {
	color:black;
}

/*-------H3--------*/

h3 {
	font-size:20px;
	color:#black;
	display:inline-block !important;
	padding-bottom:12px;
}

h3 a {
	color:black;
	font-weight:500;
}


/*-------H4--------*/

h4 {
	font-size:16px;
	display:inline-block;
	margin:0 0 5px 0;

}

.title h4 {
	display:inline-block;
	max-width:400px;
}

h4.underline {
	border-bottom:solid 2px #fff;
	padding:2px 2px 2px 2px;
}

.wrap_111 h4, .wrap_black h4 {
	color:white;
}

/*-------H5--------*/

h5 {
	font-size:14px;
	letter-spacing:2px;
}

.wrap_111 h5, .wrap_black h5 {
	color:white;
}

/*-------OVVERRIDE--------*/


.text_white h2 {
	color:white !important;
}

/*-------------------------

LINKS

--------------------------*/

a { 
	color:#197bd6;	
	text-decoration:none;
	-webkit-font-smoothing: subpixel-antialiased;
}

a:hover {
	color:#444;
}

.col .video_entry, 
ul.pagination li,
a.donate, 
.single-actions a.donate,
.landing-actions a, 
input[type="submit"]:hover, 
.hero-embed ul li a.action  {	
	-webkit-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-moz-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-ms-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-o-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
}


/*---------------------------

NAV

--------------------------*/

#nav-wrap {
	padding:30px 0 0 0;
}

#nav-toggle {
	position:absolute;
	display:inline-block;
	width:60px;
	height:40px;
	left:47px;
	top:28px;
	display:none;
	background:url("img/nav_toggle.png") 0 0 no-repeat;
	background-size:60px 100px;
}


#social-nav {
	float:right;
}

ul.social {
	float:right;
	padding-top:20px;
}

ul.social li {
	display:inline;
	float:right;
	margin:0 7px;
}


a.twitter {
	display:inline-block;
	width:23px;
	height:24px;
	background:url("img/icons/icon_twitter.png") center 1px no-repeat;
}

a.instagram {
	display:inline-block;
	width:23px;
	height:25px;
	background:url("img/icons/icon_instagram_black.png") center bottom no-repeat;
	background-size:100%;
}

a.fb {
	display:inline-block;
	width:23px;
	height:25px;
	background:url("img/icons/icon_facebook.png") center 2px no-repeat;
}

a.itunes {
	display:inline-block;
	width:30px;
	height:30px;
	background:url("img/icons/icon_itunes.png") center 0px no-repeat;
}

a.podcast_black_sm {
	display:inline-block;
	width:30px;
	height:30px;
	background:url("img/icons/icon_podcast_black_sm.png") center 0px no-repeat;
}

a.mailing {
	display:inline-block;
	width:30px;
	height:25px;
	background:url("img/icons/icon_mail.png") center 2px no-repeat;
}

a.rss {
	display:inline-block;
	width:30px;
	height:25px;
	background:url("img/icons/icon_rss.png") center 2px no-repeat;
}

#nav-wrap a.wnyc, 
a.partner_logo {
	text-align:right;
	font-size:9px;
	color:#666;
	display:inline-block;
	width:150px;
	height:35px;
	padding-top:0px;
	margin-top:15px;
	margin-left:5px;
	background:#f7f7f7 url("img/stitcher_new_light.png") right bottom no-repeat;
	background-size:100%;
	position:relative;
	background-blend-mode: darken;

}

#footer a.partner_logo {
	background: url("img/stitcher_new_black.png") right bottom no-repeat;
	background-blend-mode: none;
	background-size:100%;

}


/*---------------------------


STICKY NAV


--------------------------*/


.sticky-nav {
	padding:0px 0 5px 0 !important;
}


/*-------------------

DROP NAV

-------------------*/

#nav {
    /* container */
	padding:0 0 10px 0;
	/*background:green;
	display:block;	*/
	width:70%;
	float:left;
}

#nav > a {
	display: none;
}


#nav > a.logo {
	width:60px;
	height:60px;
	background:#f5f5f5 url('img/sporkful_logo_small.png') 0 0 no-repeat; 
	display:inline-block;
	margin:0 20px 0 0;
}

    
#nav li {
	position: relative;
}

/* first level */

#nav > ul {
	display:inline-block;
	height: 3.75em; /* 60 */

}

#nav > ul > li {
	width: auto;
	margin:15px 35px 0 0;
	height: 100%;
	float: left;
}

#nav ul li a {
	color:black;

}	

/* second level */

#nav li ul {
	display: none;
	position: absolute;
	min-width:300px;
	padding-top:10px;
	background: #f5f5f5;
	padding:15px;

}

#nav li ul li {
	line-height:25px;
}

#nav li:hover ul {
	display: block;
	z-index:200;
}

#nav li ul a {
	color:#c72027;	
}

#nav li ul a:hover {
	color:#000;
}

/*-------------------

ARROWS

-------------------*/

.arrow_down {
	width: 0px;
	height: 0px;
	margin:0 auto;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: #f5f5f5 transparent transparent transparent;
}

#footer .arrow_down, #related .arrow_down  {
	margin:0 20px;
}

.arrow_white {
	border-color: #fff transparent transparent transparent;
}

ab_top {
	position:absolute;
	top:0; 
	left:111px;
}

/*---------------------------


LANDING


--------------------------*/

.landing_home {
	padding:65px 0 85px;
}	

#landing-logo {
	width:450px;
	height:347px;
	background:url("img/sporkful_landing_logo.png") center 0 no-repeat;
	margin:1% auto 0;
}

#canvas-loader-wrap {
	text-align:center;	
	position:absolute;
	width:100%;
	padding-top:30px;
}

.landing ul {
	font-size:16px;
}


.landing-actions {
	padding-top:35px;
}

.landing-actions a {
	width:300px;
	text-align:center;
	display:inline-block;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	letter-spacing:1px;
	border:solid 0px #000;
	font-weight:500;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
}


.landing_home a.podcast {
	height:25px;	
	margin-right:20px;
	padding:18px 25px 14px 56px;
	background: #c72027 url("img/icons/icon_audio_white.png") 30px 6px no-repeat;

}

.landing_home a.tv {
	height:25px;	
	margin-left:20px;
	padding:18px 25px 14px 66px;
	background:#c72027 url("img/icons/icon_tv_white_3x.png") 28px 9px no-repeat;
	background-size:36px 36px;
}


.landing_home a.book {
	height:25px;	
	margin-left:20px;
	padding:18px 25px 14px 60px;
	background:#c72027 url("img/icons/icon_book_white.png") 49px 7px no-repeat;
}

.landing-actions a:hover {
	background-color:#000 !important;
}	

.landing_home a.down {
	background: transparent url("img/arrow_down_thin.png") center center no-repeat;
	background-size: 70px 37px !important;
	width: 70px;
	height: 37px;
	display:inline-block;
	z-index: 99;
	margin: 35px auto 0 auto;
}

.landing_home a.down:hover {
	opacity:0.6;
}

/*---------------------------


HERO EMBEDS


--------------------------*/

div.hero-content {
	text-align:center;
	width:750px;
	margin:0 15%;	
}

span.sporkful_phone {
	float:left;
	width:175px;
	height:175px;
	margin-top:35px;
	background:url("img/sporkful_phone_100_white.png") center 0 no-repeat;
}


ul.podcast-formats {
	float:right;
	text-align:right;
	margin:20px 0 0 0;
	line-height:25px;
}



ul.podcast-formats li a {
	font-size:18px;
	color:#ffdd79;	
}

ul.podcast-formats li a:hover {
	color:#fff;
}

ul.podcast-formats li h1 {
	padding-bottom:12px;
	margin-bottom:12px;
	border-bottom:dashed 1px #fff;
	max-width:100%;
}	

#hero-book .inner {
	padding:0 10%;
}	


#hero-book ul {
	padding:30px 0 0 0;
	color:white;
	float:left;
	width:55%;
	
}

#hero-book ul li {
	line-height:25px;
	margin-bottom:25px;	
}	

a#hero-eat-more-better {
	display:inline-block;
	float:right;
	margin:0 4% 0 0%;
	width:200px;
	height:257px;
	background:url("img/eat_more_better_200.jpg") 0 0 no-repeat;
}

.hero-embed ul li a.action  {
	width:190px;
	padding:10px 0;
	text-align:center;
	display:inline-block;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	letter-spacing:1px;
	border:solid 0px #000;
	font-weight:500;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	background:#c72027;
}

.hero-embed ul li a.action:hover {
	background:black;
}

#hero-mail p, .hero p {
	color:#888;
}
	
/*---------------------------


SIDEBAR


--------------------------*/

#sidebar, #donate-mobile {
	/*position:fixed;
	right:0;*/
	height:auto;
	padding-top:67px;
	text-align:center;
}

#sidebar img {
	width:300px;
	max-width:300px;
	margin:0 auto;
}

#sidebar a img:hover {
	opacity:0.9;
}

#sidebar_ad {
	width:300px;
	margin:12% auto 0;
	background:yellow;
}

#sidebar a.donate, #donate-mobile a.donate {
	width:300px;
	color:#ffdd79;
	background:#3eba7c;
	display:inline-block;
	padding:20px 0;
	font-size:16px;
	line-height:32px;
}	

#donate-mobile a.donate {
	width:80%;
}

#sidebar a.donate_extended {
	padding:110px 0;
	font-size:18px;
	line-height:34px;
}

a.donate:hover {
	background:black;
}

#mailbox {
	width:30%;	
	height:220px !important;
	background:#09f;
	position:fixed;
	right:0;
	bottom:0;
	z-index:2000;
}

#mailbox h3 {
	color:#ffeeee;
}

.subscribe_box ul {
	margin-top:125px;
	text-align:center;
}



.subscribe_box ul li {
	margin:0 0 8px 0;
}

.subscribe_box ul li a {
	display:inline-block; 
	padding:12px 0;
	width:255px;
	font-size:16px;
	color:white;
	background:#3eba7c; 
}


.subscribe_box ul li a:hover {
	 background:black;
}

/*---------------------------


FEATURED


--------------------------*/

#featured h3 {
	max-width:50%;
	line-height:22px;
	padding-bottom:0;
}


#featured p {
	width:50%;
	color:#666;
	line-height:20px;
	display:inline-block;
	
}

div.fixed_back {
	height:130%;
	background:#111;
}


/*----------------------------

ENTRIES, MEDIA & THUMBS

-----------------------------*/

.entry {
	width:100%;
	position:relative;
	
}	

#features .col {
	height:400px;
}

/*specify col here, timeline also has media class*/
.col .media {
	/*float:left;*/
	position:relative;
	width:100%;
	max-height:100%:
	height:auto;
	text-align:left;
	background:#000;
	z-index:100;
}


.col .media img {
	opacity:1; 

}

.col .video_entry img {
	opacity:0.7;
	
}

/*.col .media:hover, */
.col .video_entry:hover {
	background:#be2d31;
}

.col .video_entry:hover img {
	opacity:0.1;
}


/******** TITLE ********/


div.title {
	/*position:absolute;
	text-align:left;		
	z-index:100;
	top: 25px;
    left: 25px;
    width:75%;*/
    position:relative;
    height:55px;
    padding-top:12px;
	border-top-left-radius: 25px;	
	-moz-border-top-left-radius: 25px;	
	border-top-right-radius: 25px;	
	-moz-border-top-right-radius: 25px;	
}	

.title h2 a {
	display:inline-block;
	width:85%;
	position:absolute;
	bottom:5px;
	font-size:24px;
	font-weight:bold;
}


div.title h3 a {
	display:inline-block;
	width:85%;
	position:absolute;
	bottom:12px;
	font-size:18px;
	font-weight:bold;

}

div.title a.btn_type {
	float:right;
	display:inline-block;
	width:35px;
	height:44px;
	opacity:0.8;
}

div.title a.btn_podcast {
	background:url('img/icons/icon_podcast.png') right 10px no-repeat;

}

div.title a.btn_video{
	background:url('img/icons/icon_video.png') right 10px no-repeat;

}

div.title a.btn_blog {
	background:url('img/icons/icon_blog.png') right 10px no-repeat;

}

/******** EXCERPTS ********/

.excerpt {
	position:relative;
	height:205px;
	background:#fff;
	width:100%;
	/*(border-top:solid 22px #e8e8e8;*/
}

.excerpt_gradient {
	background:#fff url('img/media_gradient.png') 0 0 repeat-x; 
	padding-top:30px;
}

.span_1_of_2 .excerpt {
	height:190px;
}

.excerpt_wrap, .entry {
	position:relative;
	
}

div.media .excerpt strong {
	color:black;
}
	
.excerpt .entry_actions_wrap {
	position:absolute;
	width:100%;
	left:0;
	bottom:35px;
}	

.excerpt .entry_actions .addthis_default_style {
	float:right;
	width:auto;	
	opacity:0.5;
}

.excerpt .entry_actions .addthis_default_style:hover {
	opacity:1;
}

.excerpt .entry_actions a.more {
	color:black;
	display:inline-block;
	padding-bottom:1px;
	border-bottom:solid 1px #000;
	float:left;
	
}

.excerpt .entry_actions a.more:hover {
	border:none;
	padding-bottom:2px;
	color:#444;

}

/******** AUDIO ********/

div.audio_wrap {
	float:left;
	width:100%;
/* 
	background:#c72027;
 */
	position:absolute;
	bottom:0;	
}

.audio_wrap iframe {
	max-width:100% !important;
}

.sm2-bar-ui {
 	font-size: 14px;
}

.sm2-bar-ui.full-width {
	width:95%;
	width:100%;
}

.sm2-bar-ui .sm2-playlist li {
	font-size:13px;
}

.sm2-bar-ui .sm2-main-controls,
.sm2-bar-ui .sm2-playlist-drawer {
 	background-color: #c72027;
}
.sm2-bar-ui .sm2-inline-texture {
 	background: transparent;
}

.audio_actions_wrap {
	float:right;
	width:5%;
}

.audio_wrap ul.audio_actions li {
	float:left;
}

.audio_wrap ul.audio_actions a.download {
	display:inline-block;
	width:100%;
	height:39px;
	padding:0 7px 0 0;
	background: #c72027 url("img/icons/icon_download_white.png") center 7px no-repeat;
	background-size:20px;
}

.audio_wrap ul.audio_actions a.download:hover {
	background:color:
}

.audio_wrap ul.audio_actions a.podcast {
	display:inline-block;
	width:35px;
	height:35px;
	background: #c72027 url("img/icons/icon_audio_white.png") center center no-repeat;
	background-size:35px;
}


/*Art19 player*/


/******** VIDEO ********/

.video-container {
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

div.title_play {
    position:absolute;
	/*width:100%;
	height:100%;
	margin:137px 0 0 0;
	*/
	text-align:center;		
	z-index:100;
	top: 50%;
    left: 50%;
    height: 7%;
    width: 60%;
    margin: -6% 0 0 -30%;

}

.span_1_of_3 div.title_play, .span_4_of_9 div.title_play {
	margin-top:-8%;
}

.span_2_of_3 div.title_play {
	margin-top:-4%; 
}

.btn_play {
	display:inline-block;
	width:74px;
	height:74px;
	margin:auto;
    background-image: url("img/btn_play.png");
    color:#444;
    font-weight:bold;
}

.media-thumb .title_play .btn_video {
	display:inline-block;
	width:74px;
	height:74px;
	margin:auto;
    background: url("img/icons/icon_video_white_3x.png") 0 0 no-repeat;
	background-size:74px;
/* 
    background-image: url("img/btn_play.png");
 */
}

.direct_embed {  
	position:absolute;
	text-align:center;		
	z-index:10;
	top: 50%;
    left: 0;
    min-height: 10%;
    width: 100%;
    margin: -24% 0 0 0;
}


/*first post*/
.span_2_of_3 .direct_embed iframe, 
.span_2_of_3 .direct_embed embed {
	margin:6% 0 0 0;
}

.span_2_of_3 .direct_embed.cooking_channel {
    margin: -24% 0 0 0;
}

.span_2_of_3 .direct_embed.cooking_channel iframe,
.span_2_of_3 .direct_embed.cooking_channel embed {
	margin:0 0 0 0;
}

/*---------------------------


PAGES


--------------------------*/

div.page-title {
	padding:35px 0 15px 0;
}

.page-inner {
	padding:0 30px 30px 30px;
}

.page-content p {
	margin:0 0 30px 0;
	width:80%;
	font-size:16px;
	line-height:24px;
}

#junior-eaters-copy {
	padding:30px 0 25px 0;
}

/*---------------------------


SINGLE PAGES


--------------------------*/


div.single-title {
	padding:35px 0 15px 55px;
}

div.st-podcast {
	background:url('img/icons/icon_podcast.png') left 33px no-repeat;
}

div.st-video {
	background:url('img/icons/icon_video.png') left 33px no-repeat;
}

div.st-blog {
	background:url('img/icons/icon_blog.png') left 33px no-repeat;
}	

div.premium-copy {
	padding:30px 0 25px;
}

.single-content ol, 
.single-content ul {
	margin:0 0 30px 20px;	
   -webkit-margin-before: 0; 
   -webkit-margin-after: 0
}

.single-content p, 
.single-content ul li,
.single-content ol li  {
	margin:0 0 30px 0;
	width:80%;
	color:#444;
	font-size:16px;
	line-height:24px;

}

.single-content ul li, 
.single-content ol li {
	margin:0 0 15px 0;
}


.single-meta {
	padding:0 0 0px 30px;
	color:#888;
}	


.single-meta h4 strong {
	color:black;
	font-weight:bold;
}

span.date {
	display:inline-block;
	border-bottom:dashed 1px #888;
	padding-bottom:15px;
}

.single-meta .addthis_default_style, 
.single-meta .addthis_default_style a { 
	z-index:1 !important;
	position:relative;
}

.single-tags {
	width:75%;
	margin-top:60px;
}

.single-tags a {
	display:inline-block;
}

#mobile-single-tags-actions {
	display:none;
}

#disqus_thread {
	margin-top:40px;
}


/*-------------------

SINGLE ACTIONS

--------------------*/

.single-actions {
	position:relative;
	margin-top:40px;
	height:170px;
	border-top:dashed 1px #888;
	border-bottom:dashed 1px #888;
}	

.single-actions .action-item {
	/*width:49%;*/
	height:170px;
	position:relative;
}

.single-actions .col {
	margin:0;
}


.single-actions .inner {
	padding:20px;
}

.single-actions img {
	float:left;
}

.single-actions ul {
	padding:0;
	text-align:left;
	float:left;
	font-size:13px;
	width:50%;
}

.single-actions .bordered {
	border-left:dashed 1px #888;
}

.single-actions .bordered-right {
	border-right:dashed 1px #888;
}

.single-actions .no-border .bordered {
	border:none !important;
}	

.single-actions strong {
	font-size:15px;
}
 

.single-actions a.donate {
	width:100%;
	padding:20px 0;
	margin:22px auto;
	display:inline-block;
	text-align:center;
	font-size:16px;
	line-height:25px;
	color:#ffdd79;
	background:#3eba7c;
}

.single-actions a.donate:hover {
	background:black;
}

#single-actions-book ul {
	padding:0 0 0 5%;
	width:55%;
}

#single-actions-book li {
	
}

.single-actions ul li {
	position:relative;
}

/*Action Links*/
.single-actions ul li ul {
	padding:0 !important;
	width:auto !important;
	margin:0;
}

.single-actions ul li ul li {
	display:inline !important;

}

/*----------------------------

PAGE BOOK

-----------------------------*/

#page-book .single-content ul {
	margin:0 0 30px 0;
}

#page-book .single-content ul li {
	margin:0 0 5px 0;
}

#page-book .single-content ul li:nth-child(8) {
	margin-top:18px;
}


/*----------------------------

PRESS

-----------------------------*/

.press-entry {
	float:left;
	width:100%;
	margin:0 0 25px 0;
	line-height:1.3em;	
}

.press-entry h3 a {
	font-size:18px;
	color:#c72027;
}

.press-entry .meta {
	font-size:12px;
	margin:0 0 8px 0;
	color:#666;
}	

.press-entry .meta strong {
	text-transform:uppercase;
	color:black;
}

 /*----------------------------

NEWSLETTER

-----------------------------*/

#page-newsletter {
	padding:90px 0 140px 0;
}

#page-newsletter h1 {
	color:black;
}

#page-newsletter a {
	font-size:28px;
	font-weight:bold;
}

#page-newsletter  input[type="text"] {
	background:black !important;
	color:white !important;
}

 /*----------------------------

FORMS

-----------------------------*/

.subscribe_box ul li a, 
a.rounded, input[type="text"], input[type="email"],  input[type="submit"] {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;	
}

 fieldset input[type="text"],  input[type="text"],
 input[type="email"],  input[type="submit"],
 fieldset textarea,  textarea {
 	margin-top:20px;
	width: 25%;
	padding: 20px;
	font-size: 1.2em;
	color: #000;
	border: none;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 12%, from(#999), to(#fff));
	background-image: -moz-linear-gradient(0% 12% 90deg, #fff, #999);
	background: #fff;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	text-align:center;	
}

input[type="submit"] {
 	width:15%;
 	color:#fff;
 	background:#09f;
 	border:none;
 }
 
input[type="submit"]:hover {
	background:black;
}

#header-form-wrap form input[type="text"], 
#header-form-wrap form input[type="submit"] {
	padding:20px;
	font-size:13px;
}

#header-form-wrap form input[type="text"], 
#contact-page-form form input[type="text"]  {
	width:400px;
}
 
#footer_mailing form {
	padding-bottom:25px;
}

#footer_mailing input[type="text"], 
#footer_mailing input[type="email"], 
.single-actions input[type="text"] {
	width:60%;
	height:45px;
	font-size:15px;
}

.single-actions input[type="text"], 
.single-actions input[type="email"] {
	width:75%;
}

#footer_mailing input[type="submit"], 
.single-actions input[type="submit"] {
	height:45px;
	padding:0; 
}

.single-actions input[type="text"],
.single-actions input[type="email"],
.single-actions input[type="submit"] {
	margin:7px 0;
} 
 
 
 /*----------------------------

FOOTER & PAGINATION

-----------------------------*/

#mobile-pagination {
	display:none;
	height:150px;
}

#mobile-pagination ul {
	width:100%;
}

#mobile-pagination ul li{
	display:inline-block;
	background:#3eba7c;	
	border-radius:5px;
	padding:10px;
	width:20%;
	text-align:center;
}	
	
#mobile-pagination ul li a {
	color:#fff;
}

ul.pagination {
	position:absolute;
	top:-20px;
	left:20%;
}	

ul.pagination li {
	width:150px;
	border-right:solid 1px #f5f5f5;
	background:#3eba7c;	
	text-align:center;
	padding:15px 0;
	float:right;
}

ul.pagination li:hover {
	background:black;
}

ul.pagination li.solo {
	margin-left:150px;
}

ul.pagination li a {
	color:white;
}

ul.single-pagination {
	margin-top:50px;
}

div.footer_icon {
	position:absolute; 
	top:-50px;
	left:-25px;
	width:40px;
	height:40px;
}

div.icon_tv {
	background:url('img/icons/icon_tv.png') 0 0 no-repeat; 
}

div.icon_book {
	background:url('img/icons/icon_book.png') 0 0 no-repeat; 
}

div.icon_podcast_footer {
	background:url('img/sporkful_yellow_circle.png') 0 0 no-repeat; 
}

.footer_entry {
	padding:40px 0 80px;
}

.footer_entry img {
	float:left;
}

.footer_entry p {
	float:left;
	width:37%;
	margin:7% 0 0 7%;
	font-size:14px;
}

.footer_entry a.copy {
	float:left;
	width:37%;
	margin:7% 0 0 7%;
	font-size:14px;
	color:#888;
}

.footer_entry a.copy:hover {
	color:#333;
}

#footer_cooking_channel a {
	width:65%;
	margin:7% 0 0 0;
}

#footer_contact p {
	width:100%;
	margin:0;
}

#footer_mailing p {
	width:80%;
	margin:0; 
}	

div#footer_contact ul {
	width:100%;
	margin-bottom:25px;
}

div#footer_contact ul li {
	display:inline; 
	margin-right:13px;
	color:white;
	font-size:16px;
}

div#footer_contact ul li h5 {
	display:inline;
}

div#footer_contact ul li a {
	display:inline-block;
	width:20px;
	height:20px; 
}


div#footer_contact ul li a.twitter_white_sm {
	background:url('img/icons/icon_twitter_white_sm.png') 0 0 no-repeat; 
}

div#footer_contact ul li a.fb_white_sm {
	background:url('img/icons/icon_fb_white_sm.png') 0 0 no-repeat; 
}

div #legal {
	padding:20px 0;
	border-top:dashed 1px #333;
}

div#legal p {
	color:#555;
	font-size:13px;
}

#footer a.wnyc {
	display:none;
	color:#666;
	width:120px;
	height:52px;
	margin-top:60px;
	margin-left:0;
	float:right;
	text-align:right;
	font-size:10px;
	background:url("img/wnyc.png") right bottom no-repeat;	
}



/********************

Jquery DROP

*******************/

.dropdown-menu {
	position: absolute;
	z-index: 9999999;
	display: none;
}

.dropdown-menu UL {
	min-width: 272px;
	list-style: none;
	background: #c72027;
	border: solid 1px #DDD;
	border: solid 1px rgba(0, 0, 0, .2);
	border-radius: 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	overflow: visible;
	padding: 4px 0;
	margin: 0;
}

.dropdown-menu.has-tip {
	margin-top: 8px;
}

.dropdown-menu.has-tip:before {
  position: absolute;
  top: -6px;
  left: 9px;
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #c72027;
  border-bottom-color: #c72027;
  display: inline-block;
}

.dropdown-menu.has-tip.anchor-right:before {
	left: auto;
	right: 9px;
}

.dropdown-menu.has-tip:after {
  position: absolute;
  top: -5px;
  left: 10px;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #c72027;
  display: inline-block;
}

.dropdown-menu.has-tip.anchor-right:after {
	left: auto;
	right: 10px;
}


.dropdown-menu.has-scroll UL {
	max-height: 358px;
	overflow: auto;
}

.dropdown-menu LI {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 18px;
}

.dropdown-menu LI > A,
.dropdown-menu LABEL {
	width:auto;
	display: block;
	color: #fff;
	text-decoration: none;
	line-height: 18px;
	padding: 3px 15px;
	white-space: nowrap;
}

.dropdown-menu LI > A:hover,
.dropdown-menu LABEL:hover {
	color: #fff;
	text-decoration: underline; 
	cursor: pointer;
}

.dropdown-menu .divider {
	height: 1px;
	background: #7a746f;
	margin: 5px 1px;
	overflow: hidden;
}

.dropdown-menu.has-icons LI > A {
	padding-left: 30px;
	background-position: 8px center;
	background-repeat: no-repeat;
}



/*************************

MEDIA QUERIES

************************/

/*--------------

MISC BREAKS

--------------*/

@media only screen and (max-width: 1600px) {
	.direct_embed.cooking_channel {
	    margin: -26% 0 0 0;
	}
	
	.span_2_of_3 .direct_embed.cooking_channel {
	    margin: -28% 0 0 0;
	}
}

@media only screen and (max-width: 1500px) {
	.direct_embed.cooking_channel {
	    margin: -27% 0 0 0;
	}
}


@media only screen and (max-width: 1500px) {

/*-------- EXCERPTS --------*/
	
	.excerpt,
	.span_1_of_2 .excerpt {
		float:left;
		height:auto;
		padding-bottom:30px;
	}
	
	.excerpt .entry_actions_wrap {
		float:left;
		position:relative !important;
		width:100%;
		clear:both;
		bottom:auto;
		margin-top:20px;
	}	
	
	.excerpt .entry_actions_wrap .inner {
		padding-left:0;
		padding-right:0;
	}
	
	.excerpt .entry_actions .addthis_default_style {
		margin-right:0px;
		width:auto;
		float:right !important;
	}

}


@media only screen and (max-width: 1300px) {
	.span_2_of_3 .direct_embed.cooking_channel {
	    margin: -32% 0 0 0;
	}
}

@media only screen and (max-width: 1265px) {
	
	.single-actions img {
		width:30%;	
	}
	
	#single-actions-book ul {
		width:65%;	
	}

}

@media only screen and (max-width: 1150px) {
	
	#nav {
		width:60%;
	}
	
	#nav > ul > li {
		margin:15px 20px 0 0;
	}

}


/*--------------

TABLET: Portrait

--------------*/

@media only screen and (max-width: 960px) {
	
	#header-modal-wrap {
		display:none !important;
	}
	
	.mobile_only {
		display:inline-block;
	}

	/*-------- STRUCTURE --------*/

	
	.col, .guttered .col, .guttered .span_1_of_3, .guttered .span_1_of_2, 
	.span_1_of_3, .span_1_of_2, .span_2_of_3, .guttered .span_2_of_3, 
	#page-wrap, .main-inner, .wrap, .lower-wrap {
		float:left;
		width:100%;
		margin:0;
	}
	
	.main-inner {
		padding-top:55px;
	}	
	
	/*-------- NAV --------*/
	
	#nav-wrap {
		float:left;
		padding:15px 0 0 0;
	}	
	
	#nav-toggle {
		top:-3px;
	}
	
	nav {
		width:55%;
		float:left;
	}
		
	nav ul li {
		float:left;
		text-align:left;
		display:none;
		width:100%;
			padding:4px 0;
	}
	
	#nav > ul > li {
		margin:15px 10px 0 0;
	}
	
	nav.expanded {
		display:block;
		padding:45px 0;
		width:100%;
	}
	
	nav.expanded ul li {
		display:inline-block;
	}
	

	#nav {
		width:100%;
		position: relative;
	}
	
	#nav > a {
		display:inline-block;
	}
	
	#nav > a.logo {
		width:40px;
		height:40px;
		background:#f5f5f5 url('img/sporkful_logo_small_3x.png') 0 0 no-repeat; 
		background-size:40px 40px;
		display:inline-block;
		margin:0 0px 0 0 !important;
		}
	
	#nav:not( :target ) > a:first-of-type,
	#nav:target > a:last-of-type {
		display: block;
	}

	/* first level */

	#nav > ul {
		width:100%;
		height: auto;
		display: none;
		display:inline-block;
		position: absolute;
		left: 0;
		right: 0;
		background:#f5f5f5;
	}

	#nav:target > ul {
		display: block;
	}
	#nav > ul > li {
		width: 100%;
		float: none;

	}
	
	#nav li a {
		margin-left:20px;
	}

	/* second level */

	#nav li ul {
		position: static;
	}
	
	ul.social {
		padding-top:15px;
		display:none;
	}
	
	#nav-wrap a.wnyc {
		display:none;
	}
	
	a.twitter_mobile {
		display:inline-block;
		position:absolute;
		display:inline-block;
		width:23px;
		height:24px;
		background:url("img/icons/icon_twitter_3x.png") center 1px no-repeat;
		background-size:23px 24px;
		top:6px;
		right:60px;	
	}

	a.fb_mobile {
		display:inline-block;
		position:absolute;
		display:inline-block;
		width:23px;
		height:24px;
		background:url("img/icons/icon_facebook_3x.png") center 1px no-repeat;
		background-size:23px 24px;	
		top:6px;
		right:30px;	
	}
	
	a.instagram_mobile {
		display:inline-block;
		position:absolute;
		display:inline-block;
		width:23px;
		height:24px;
		background:url("img/icons/icon_instagram_black.png") center 1px no-repeat;
		background-size:23px 24px;	
		top:6px;
		right:0px;	
	}
	
	
	/*-------- LANDING --------*/

	.landing_home a.podcast {
		background: #c72027 url("img/icons/icon_audio_white_3x.png") 34px center no-repeat;
		background-size:25px 25px;
	}


	.landing_home a.book {
		background:#c72027 url("img/icons/icon_book_white_3x.png") 49px center no-repeat;
		background-size:25px 25px;	
	}
	
	/*-------- HEADERS --------*/
	
	#landing-logo {
		width:300px;
		height:231px;		
		background-size:300px 231px;
		margin:1% auto 0;
	}	
	
	.landing_home .text_left, .landing_home .text_right {
		text-align:center;
	}
	
	.landing_home a {
		font-size:14px;
		margin:15px 0 15px 0 !important;
	}
			
	
	#logo-header .header_top {
		height:230px;
		background:#c72027 url('img/sporkful_header_logo.png') center 80px no-repeat;
		background-size:299px 230px;
	}

	#logo-header .header_bottom {
		height:120px;
		background:#f5f5f5 url('img/sporkful_header_logo.png') center -149px no-repeat;
		background-size:299px 230px;
	}
	
	#ad_header {
		padding-bottom:60px;
	}

	/*-------- SIDEBAR --------*/
		
	/* 
#sidebar a.donate, a.donate_img {
		display:none;
	}
	
 */
	#donate-mobile {
		display:block;
	}
	
	#sidebar {
		display:none;
/* 
		padding-top:0px;
 */
	}
	
	/*-------- ENTRIES --------*/

	
	div.title {
		padding:40px 0;
	}	
	
	/*first*/
	.span_2_of_3 div.title {
		padding:15px 0;
	}
	
		
	a.btn_type {
		position:absolute;
		right:0px;
		bottom:10px;
		opacity:0.8;	
	}
	
	div.title a.btn_podcast {
		background:url('img/icons/icon_podcast_3x.png') right 10px no-repeat;
		background-size:35px 35px;
	}

	div.title a.btn_video{
		background:url('img/icons/icon_video_3x.png') right 10px no-repeat;
		background-size:35px 35px;
	}

	div.title a.btn_blog {
		background:url('img/icons/icon_blog_3x.png') right 10px no-repeat;
		background-size:35px 35px;
	}
	
	.direct_embed.cooking_channel {
	    margin: -22% 0 0 0%;
	}
	
		
	/*-------- FOOTER PAGINATION -------*/

	#footer .pagination {
		display:none;	
	}
	
	#mobile-pagination {
		display:block;
	}
		
	/*-------- FOOTER CONTENT -------*/


	#footer .mobile_hide {
		display:none;
	}
	
	#footer .hidden {
		display:inline-block;
		width:100%;
	}
	
	#footer h4 {
		width:100%;
		margin-bottom:0;
	}

	#footer .arrow_down {
		 margin-bottom:70px;
	}
	
	#footer .icon {
		margin-top:50px;
	}
	
	div.footer_icon {
		position:absolute; 
		top:-50px;
		left:-25px;
		width:40px;
		height:40px;
	}

	div.icon_tv {
		background:url('img/icons/icon_tv_3x.png') 0 0 no-repeat; 
		background-size:40px 40px; 
	}

	div.icon_book {
		background:url('img/icons/icon_book_3x.png') 0 0 no-repeat; 
		background-size:40px 40px; 
	}

	div.icon_podcast_footer {
		background:url('img/sporkful_yellow_circle_3x.png') 0 0 no-repeat; 
		background-size:40px 40px; 	
	}
		
	#footer .guttered .col {
		margin-top:0;
	}
	
	#footer .hidden .footer_icon {
		top:-15px;
	}
	
	#footer_book {
		padding-bottom:120px;
	}
	
	#footer_mailing form {
		border:none;
	}
	
	#footer a.wnyc {
		display:inline-block;
	}

	#credits {
		padding-top:20px;
		text-align:left;
	}
	

	/*-------- SINGLE PAGES --------*/
	
	div.st-podcast {
		background:url('img/icons/icon_podcast_3x.png') left 33px no-repeat;
		background-size:35px 35px;
	}
	
	div.st-video {
		background:url('img/icons/icon_video_3x.png') left 33px no-repeat;
		background-size:35px 35px;
	
	}

	div.st-blog {
		background:url('img/icons/icon_blog_3x.png') left 33px no-repeat;
		background-size:35px 35px;
	}	

	.single-meta {
		margin-top:20px;
	}
	
	.single-meta .addthis_default_style {
		float:left;
		width:100%;
		padding:20px 0;
	}

	.single-actions .bordered, .single-actions .bordered-right {
		border-right:none;
	}
	
	.single-content p {
		width:100%;
	}
	
	.single-actions ul {	
		width:50%;
		padding:0 0 0 5%;

	}	

	.single-actions img {
		width: 12% !important;
	}
	
	.mobile-hide .single-actions {
		display:none;
	}
	
	.mobile_hide,
	.entry .mobile_hide {
		display:none;
	}
	
	#mobile-single-tags-actions {
		display:block;
	}
	
	/*-------- FORMS --------*/
	
	fieldset input[type="text"],  input[type="text"], 
	input[type="email"],
	fieldset textarea,  textarea {
		width: 80%;
	}
	
	 input[type="submit"] {
	 	width:60%;
	 }
	 
	 #footer input[type="submit"] {
	 	width:20%;
	 }
	 
	 
	 /*-------- HEROES --------*/
	
	#hero-book {
		text-align:center;
	}

	#hero-book ul {
		width:100%;
		text-align:center;
	}	
	
	a#hero-eat-more-better {
		float:left;	
		width:100%;
		margin-top:30px;
		background:url("img/eat_more_better_200.jpg") center 0 no-repeat;
		
	}

}

/*--------------

PHONE: Portrait

--------------*/

@media only screen and (max-width: 600px) {

	.excerpt {
		float:left;
		min-height:150px;
	}

	.span_1_of_2 div.title_play, .span_2_of_3 div.title_play {
			margin-top:-14%;
	}
	
	.audio-thumb .title_play {
		margin-top:-18% !important;
	}
	
	.span_2_of_3 div.audio-thumb div.title_play { 
			margin-top:-20% !important;
	}
	
	.landing-actions a {
		max-width:62%;
		font-size:9px;
	}	
}


div.awp-volume-control {
}

.awp-icon awp-icon-volume-off {

}

.awp-mute, .awp-download-button {

}