/*
Theme Name: 	Starkers
Theme URI: 		http://viewportindustries.com/products/starkers
Description: 	The totally nude Wordpress theme!
Version: 		4.0
Author: 		Elliot Jay Stocks & Keir Whitaker
Author URI: 	http://viewportindustries.com
Tags: 			starkers, naked, clean, basic
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea { font-family:Lusitana,Georgia,serif; }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 	{ font-family:Oswald,sans-serif;font-weight:700; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }

h1 { font-size:2em; }
h2 { font-size:1.875em;margin-bottom:10px; }
	h2.post-title { font-size:1.3em;margin-bottom:15px; }
h3 { font-size:1.5em; }

p,ul,ol,dl,blockquote { margin-bottom:10px;line-height:1.5; }


/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

* { box-sizing:border-box; }

body {
	background: #a1dbff;
	background: -moz-linear-gradient(top,  #a1dbff 0%, #cbebff 35%, #f0f9ff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1dbff), color-stop(35%,#cbebff), color-stop(100%,#f0f9ff));
	background: -webkit-linear-gradient(top,  #a1dbff 0%,#cbebff 35%,#f0f9ff 100%);
	background: -o-linear-gradient(top,  #a1dbff 0%,#cbebff 35%,#f0f9ff 100%);
	background: -ms-linear-gradient(top,  #a1dbff 0%,#cbebff 35%,#f0f9ff 100%);
	background: linear-gradient(to bottom,  #a1dbff 0%,#cbebff 35%,#f0f9ff 100%);
	min-height:1000px;
	background:#eac79d;
}

.Anodyne {
	font-family: "Anodyne";
}

a { color:#0f63aa;text-decoration:none; }

.wrapper { background:#fff;margin:10px auto;max-width:900px;width:98%;box-shadow:rgba(0,0,0,.5) 0 3px 5px; }

#banner { background:#19160f;background:none;padding:24px 0 0;position:relative;overflow:hidden; }
	#banner h1 { text-align:center;font-size:2.2em;line-height:1;position:relative;margin-bottom:20px;opacity:.9;text-transform:uppercase; }
	#banner a { color:#333;color:#AA1F0F;text-decoration:none;display:block;position:relative;z-index:5; }
	#banner h1 span.shadow { display:block;left:0;position:absolute;top:0;z-index:1;width:100%;text-align:center; }
	#banner h1:hover a { color:rgba(0,0,0,.25); }
	#banner h1:hover span.shadow { color:#600; }
	
#banner,
#site-footer {
	background: #f8b040;
	background: -moz-linear-gradient(top,  #f8b040 0%, #fed05b 27%, #fbe386 76%, #feda5c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8b040), color-stop(27%,#fed05b), color-stop(76%,#fbe386), color-stop(100%,#feda5c));
	background: -webkit-linear-gradient(top,  #f8b040 0%,#fed05b 27%,#fbe386 76%,#feda5c 100%);
	background: -o-linear-gradient(top,  #f8b040 0%,#fed05b 27%,#fbe386 76%,#feda5c 100%);
	background: -ms-linear-gradient(top,  #f8b040 0%,#fed05b 27%,#fbe386 76%,#feda5c 100%);
	background: linear-gradient(to bottom,  #f8b040 0%,#fed05b 27%,#fbe386 76%,#feda5c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8b040', endColorstr='#feda5c',GradientType=0 );
}

#main-nav { padding:0 2%;position:relative;z-index:10;text-align:center;font-family:Oswald,sans-serif;font-weight:400; }
	#main-nav ul { margin-bottom:0; }
	#main-nav li { display:inline-block;margin:0 5px 0 5px; }
	#main-nav a { color:#333;display:inline-block;text-decoration:none;padding:5px;text-transform:uppercase;font-size:1em; }
	#main-nav li.current-menu-item a,
	#main-nav li.current-menu-parent a { background:#fff;color:#c00; }

#main { background:#fff;padding:10px 2%; }

#site-footer { border-top:1px solid #ccc;font-family:Helvetica,Arial,sans-serif;font-size:14px;padding:10px 2% 40px;clear:both; }
	.site-social { overflow:hidden;margin:30px 0 10px; }
	.site-social div.social-single { display:block;float:none;margin:0 0 5px 0; }


.post-excerpt {
	border-bottom:1px solid #eee;
	margin-bottom:30px;
	padding-bottom:20px;
}

.post-date,
.post-date a { font-family:sans-serif;color:#888;font-size:12px; }

.post-episode .post-date { margin-bottom:0; }

.video-container { height: 0;position: relative;padding-bottom: 56.330275229358%;padding-top: 30px;overflow: hidden;margin-bottom: 20px; }
.video-container iframe,
.video-container object,
.video-container embed { position: absolute;top: 0;left: 0;width: 100%;height: 100%; }

.show-notes ul { padding-left:40px; }
.show-notes li { list-style-type:disc; }

.category-blog article h2 { font-size:1.25em;margin-bottom:0; }

article { overflow:hidden; }
.episode-main div { margin-bottom:20px; }
.extra { border-top:1px solid #eee;padding-top:20px; }
	.extra h3 { color:#666;font-size:16px;margin-bottom:5px; }
.episode-extras li { font-family:sans-serif;font-size:13px; }
.episode-extras .extra { border-top:1px solid #eee; }
.episode-extras .fa { color: #ccc;display:inline-block;width:15px;text-align:center; }

.fa.fa-rdio { 
	background-image:url('../../../fa-rdio.png');
	background-repeat:no-repeat;
	background-size:13px 13px;
	background-position:100% 100%;
	height:13px;width:15px;
	margin-bottom:-2px;
}

.credits { color:#666;font-family:sans-serif;font-size:14px; }

body.postid-173 .credits { display:none; }

.episode-social { overflow:hidden; }
	.episode-social div { float:left;margin-right:10px;margin-bottom:0; }




.lyte-wrapper { margin:0 !important; }


.wpcf7-list-item { display:block; }

.wpcf7 .wpcf7-mail-sent-ok {visibility:hidden;}


.form-row { clear:both;overflow:hidden;border-bottom:1px solid #eaeaea;padding-bottom:10px;margin-bottom:10px; }
	.form-row label { display:block;margin-bottom:5px; }
	.form-row label span.required { color:#999;font-size:14px; }

.header,
legend{ font-family:Oswald,sans-serif;font-weight:700 }

.page-navigation { color:#eaeaea;text-align:center;font-family: Helvetica,sans-serif;clear:both; }
.numeric_page_nav li { display:inline-block;padding:5px; }
.numeric_page_nav li.npn-current { color:#000;font-weight:bold; }


/* 400 and up */
@media screen and (min-width:400px) {

					{ /* Place your styles here for all widths greater than 400px */ }

}
@media screen and (min-width:700px) {
	#banner h1 { font-size:5em; }
	#main-nav li { margin:0 20px 0 0; }
	#main-nav a { font-size:1.5em;padding:5px 15px; }
	h2.post-title { font-size:1.875em; }
	#main { width:70%;float:left; }
	#side { width:30%;float:right;padding:0 2%;margin:10px 0;border-left:1px solid #ccc; }
	.category-episodes #main,
	.home #main,
	.page #main { width:100%;float:left;padding-right:2%;padding-top:20px; }
	.category-episodes #side,
	.home #side,
	.page #side { display:none; }


	.form-info { width:30%;float:left;padding:0 2% 0 0;margin:0 0 10px; }
	.wpcf7 { width:65%;float:right; }


	.post-excerpt {
		border-bottom:1px solid #eee;
		margin-bottom:30px;
		padding-bottom:20px;
	}


	.post-episode-sm{
		border-bottom:0;
		width:49%;
		float:left;
		margin:0 0 0 1%;
	}
	.post-episode-sm.odd{
		clear:left;
		margin:0 1% 0 0;
	}
	.post-episode-sm figure{
		width:100%;
		margin-bottom:5px;
	}
	.post-episode-sm .wp-post-image{
		height:auto;
		width:100%;
	}
	.post-episode-sm .video-container{
		margin-bottom:5px;
	}
	.post-episode-sm .post-date {
		margin-bottom:0;
	}
	.post-episode-sm h2.post-title{
		font-size:1em;
		margin-bottom:5px;
	}

	.site-social div.social-single { 
		display:block;float:left;margin:0 10px 0 0; 
	}

	.episode-main { width:60%;float:left; }
	.episode-extras { width:35%;overflow:hidden;float:right;margin-left:5%; }
	.episode-extras .extra { border:1px solid #eee;float:left;padding:5px 10px;margin-bottom:10px;width:100%; }


}

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

					{ /* Place your styles here for all 'Retina' screens */ }

}