/*
Theme Name: Damn Interesting 2018
Author: Alan Bellows
Version: 8.3
*/

*
{
	background-repeat: no-repeat;
}


html, body
{
	min-height: 100%;
	font-weight: 300;
	color: #222;
	/*min-width: 520px;*/
	overflow-x: hidden;
	background-color: #000;
	background-image: url(img/bg-page-top-2.jpg);
	background-position: top center;
	font-size: 18px;
}

::selection 
{
	background: #ddd; /* WebKit/Blink Browsers */
	color: #000;

}

::-moz-selection 
{
	background: #ddd; /* Gecko Browsers */
	color: #000;
}

html, 
body,
#comments blockquote,
.page-row .content figure.entry-image figcaption,
.column-header .button-close
{
	font-family: 'Libre Baskerville', Georgia, Times, 'Times New Roman', serif;
}


a:link,
a:visited
{
	text-decoration: none;
}

a:link
{
	color: #59F;
}

a:visited
{
	color: #0000ae;
}



i, em
{
	font-style: italic;
}

b, strong
{
	font-weight: bold;
}

img
{
	max-width: 100%;
}

.no-overflow
{
    overflow: hidden;
}

.hidden
{
	display: none;
}

.clear
{
	clear: both;
}

.mobile-options
{
	display: none;
}

.nowrap
{
	white-space: nowrap;
}


.no-background
{
	background-image: none;
	background-color: transparent;
}


.sprite
{
	background-image: url(img/spritesheet3.png);
}

.entry-title,
.entry-byline,
.page-title,
.content h2,
.content h3,
.column-header,
.section-label,
.page-row.page-header .content,
#article-bottom h4,
#footer h4,
ul.mode-selector li .label,
body.page .navigation,
.title-byline,
#share-bottom,
.comments-navigation,
.comments-header,
.commenter-name,
.page-body input[type="button"], 
.page-body input[type="submit"],
#commentform input[type="submit"],
a.button,
.input-wrapper,
#donation-amount-display,
h4,
#donation-plea,
h1.category-title,
h1.article-title,
.donation-stats .stat,
#donation-totals .totals,
#dimmer,
#zine-tools,
#zine-tools input[type="button"],
.page-row.logo-front-page .under-logo,
.content .nav-links,
#new-comment-area,
.static-error,
.mobile-menu,
p.blurb,
ul.extra-features li p,
.nugget-byline,
.top-link,
div.comment-date,
#footer input[type="submit"],
#credits
{
	/*font-family: 'Open Sans Condensed', sans-serif;*/
    font-family: 'Roboto Condensed', sans-serif;
}

/*
.entry-title,
.entry-byline,
.page-title,
.content h2,
.content h3,
.column-header,
.page-row.page-header .content,
#article-bottom h4,
#footer h4,
ul.mode-selector li .label,
.title-byline,
#share-bottom,
.comments-navigation,
.comments-header,
.page-body input[type="button"], 
.page-body input[type="submit"],
#commentform input[type="submit"],
h4,
#donation-plea,
h1.category-title,
#donation-totals .totals,
#dimmer,
#zine-tools,
#zine-tools input[type="button"],
.page-row.logo-front-page .under-logo,
.content .nav-links,
.mobile-menu
{
	text-transform: uppercase;
}
*/

.shade
{
	display: none;
	position: fixed;
	top: -953px;
	left: 0;
	width: 100%;
	height: 953px;
	background-repeat: repeat-x;
	background-image: url(img/shade.png);
	border-bottom: 100vh solid #000;
	z-index: 14;
	-webkit-transition: top 300ms linear;
	-moz-transition: top 300ms linear;
	-ms-transition: top 300ms linear;
	-o-transition: top 300ms linear;
	transition: top 300ms linear;
}

.early-access-message
{
	z-index: 15;
	background-color: #fff;
	padding: 40px;
	position: absolute;
	top: 100%;
	left: 50%;
	max-width: 90%;
	width: 500px;
	display: none;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}

.content ul
{
	margin-left: 1.5em;
	margin-top: 1em;
	margin-bottom: 2em;
}

	.content ul li
	{
		list-style: disc outside none;
		margin-bottom: 1em;
	}

/*
figure.cover .title-byline.cursive h1
{
	font-family: 'Dancing Script', cursive;
	text-transform: none;
	font-weight: normal;
	font-size: 360%;
}

	figure.cover .title-byline.cursive h1:first-letter
	{
		font-size: 120%;
		margin-right: -2px;
	}
*/

.article-meta
{
    text-align: center;
}

figure.cover .article-title {
    position: absolute;
    top: 25%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    text-shadow: 1px 1px 6px rgba(0,0,0,0.6), 1px 1px 80px rgba(0,0,0,0.7),1px 1px 80px rgba(0,0,0,0.7);
    width: 90%;
    text-align: center;
    /*padding: 10px 10% 10px 10%;
    background-color: rgba(0,0,0,0.7);*/
    z-index: 10;
    font-size: 450%;
    letter-spacing: -1px;
}

h1.article-title.below-cover
{
    display: none;
    font-size: 300%;
    margin: 0.7em 0 0.05em 0;
    letter-spacing: -1px;
}

.page-row .content p.blurb
{
    color: rgb(130,130,130);
    font-size: 110%;
    line-height: 1.7em;
    margin: 1.3em auto 1.3em auto;
    
}

.page-row .content p.blurb.below-cover
{
    margin-top: 0.3em
}

    p.blurb strong
    {
        font-weight: normal;
        color: #000;
    }

.article .page-row .content p.blurb
{
}

.first-feature p.blurb
{
    margin-top: 1em;
}


blockquote,
figure.cover .title-byline.typed
{
	font-family: 'Courier New', Courier, monospace;
}


blockquote
{
	padding: 2em;
	margin: 2em auto 2em auto;
	background-color: #eee;
	background-image: url(img/paper-seamless.jpg);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);
}

	.page-row .content blockquote p
	{
		line-height: 1.6em;
	}



sub, sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 75%;
 
  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;
 
  /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
  position: relative;
 
  /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
  vertical-align: baseline;
}
 
sup {
  /* Move the superscripted text up */
  top: -0.5em;
}
 
sub {
  /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
  bottom: -0.25em;
}

.content ol 
{
	display: block;
	list-style-type: decimal;
	margin-top: 1em;
	margin-bottom: 2em;
	margin-left: 3em;
	margin-right: 0;
}

	.content ol li
	{
		margin-bottom: 1em;
		line-height: 1.7em;
	}


.page-row.page-header,
.page-row .content,
ul.mode-selector li,
.page-row div.cover-container,
.donate-response,
#embiggener .caption,
ul.mode-selector li,
ul.mode-selector li .inner,
#podcast-player-container audio,
.page-body input[type='text'],
.page-body input[type='email'],
.page-body textarea,
.page-row .content figure.entry-image figcaption,
#dimmer,
#zine-tools,
ul.mobile-menu li,
.mobile-search,
.mobile-search input[type="text"],
video.background
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ie-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.mode-selector,
.page-body label.reward
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.page-body input[type="button"], 
.page-body input[type="submit"],
#commentform  input[type="submit"],
ul.mode-selector li.indicator,
#zine-tools input[type="button"],
a.button,
#footer input[type="submit"]
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60caff+1,00aaff+51,007dbc+100 */
	background: #60caff; /* Old browsers */
	background: -moz-linear-gradient(top, #60caff 1%, #00aaff 51%, #007dbc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#60caff), color-stop(51%,#00aaff), color-stop(100%,#007dbc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #60caff 1%,#00aaff 51%,#007dbc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #60caff 1%,#00aaff 51%,#007dbc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #60caff 1%,#00aaff 51%,#007dbc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #60caff 1%,#00aaff 51%,#007dbc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60caff', endColorstr='#007dbc',GradientType=0 ); /* IE6-9 */
}


#footer input[type="submit"]
{
    border: none;
    border-radius: 3px;
    padding: 5px;
}

.absolute-center,
.button-play-video
{
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

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

.opacity-hover
{
	opacity: 0.4;
	-webkit-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

	.opacity-hover:hover
	{
		opacity: 1;
	}

.donation-stats
{
	margin: 1em 0 1em 0;
	text-align: center;
	padding: 1em;
	font-size: 90%;
  	max-width: 40%;
  	width: 400px;
  	background-image: url(img/paper-seamless.jpg);
}

	.donation-stats .stat-row
	{
		margin: 1em 0 1em 0;
		line-height: 1.6em;
	}

	.donation-stats .stat
	{
		font-size: 180%;
	}

.category-bio
{
	text-align: center;
	font-size: 90%;
}

.page-row.page-header .content,
#article-bottom .content,
#footer .content
{
	background-color: transparent;
	padding-left: 0;
	padding-right: 0;
}

a.bulleted,
div.bulleted,
#footer .thirds a,
#article-bottom a
{
	text-indent: -1em;
	margin-left: 1em;
}

/* black bullet */
a.bulleted:before,
div.bulleted:before
{
	content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJCAQAAABQpC4VAAAAIElEQVQI12NgaGCAg/8Izn8E5z+C8x/BQRNtwDABzgAAD+sUcbArWhIAAAAASUVORK5CYII=);
	margin-right: 0.4em;
}

/* white bullet */
#footer .thirds a:before,
#article-bottom a:before
{
	content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJCAQAAABQpC4VAAAAI0lEQVR4AWP438AAA///AzkwJogDZcI5QArKwRBtQDcBYS4AFSwtWHfUkXcAAAAASUVORK5CYII=);
	margin-right: 0.4em;
}



.page-row
{
	width: 100%;
	clear: both;
	background-position: center center;
	position: relative;
}

	/* clearfix */ 

	.page-row:before,
	.page-row:after,
	.page-row .content:before,
	.page-row .content:after,
	ul.mode-selector:before,
	ul.mode-selector:after,
	body.page .navigation:before,
	body.page .navigation:after,
	.donate-responses:before,
	.donate-responses:after,
	.shared-links .link:before,
	.shared-links .link:after,
	#donation-totals:before,
	#donation-totals:after,
	.split-page:before,
	.split-page:after,
	#payment-form .form-row:before,
	#payment-form .form-row:after,
	.poster-selector:before,
	.poster-selector:after,
	.extra-features:before,
	.extra-features:after
	{
	    content: " ";
	    display: table;
	}

	.page-row:after,
	.page-row .content:after,
	ul.mode-selector:after,
	body.page .navigation:after,
	.donate-responses:after,
	.shared-links .link:after,
	#donation-totals:after,
	.split-page:after,
	#payment-form .form-row:after,
	.poster-selector:after,
	.extra-features:after
	{
	    clear: both;
	}

	/* end clearfix */ 

	.page-row.page-header
	{
		height: 95px;
		padding-top: 25px;
	}

		.page-row.page-header .content
		{
			background-color: transparent;
		}

			.page-row.page-header .menu-container
			{
				position: relative;
				z-index: 12;
			}

			.menu-toggle.open
			{
				display: none;
			}

			.page-row.page-header a,
			.page-row.page-header a:link,
			.page-row.page-header a:visited,
			.page-row.page-header .menu-toggle
			{
				position: relative;
				color: #eee;
				text-shadow: 0px 2px 3px #000;
				cursor: pointer;
			}

				.page-row.page-header a:hover
				{
					color: #fff;
					text-shadow: 0px 1px 1px #000;
					top: 1px;
				}

			.page-row.page-header .content ul
			{
				line-height: 1em;
				margin: 0;
			}

				.page-row.page-header ul li
				{
					float: left;
					margin-right: 20px;
					list-style: none;
				}

					.page-row.page-header li:last-child
					{
						margin-right: 0;
					}

		.page-row.page-header ul.extra
		{
			float: right;
		}

			.page-row.page-header ul.extra input[type='text']
			{
				width: 150px;
			}


	.explore-menu
	{
		display: none;
		background-color: #222;
		position: absolute;
		left: -20px;
		top: -25px;
		z-index: 11;
		padding: 90px 30px 30px 30px;
	}

		.page-row.page-header .explore-menu ul li
		{
			display: block;
			float: none;
		}


	.page-row.logo-front-page
	{
	}

		.page-row.logo-front-page .under-logo
		{
			text-align: center;
			color: #fff;
			font-size: 100%;
			margin-top: -24px;
			padding-bottom: 5px;
		}

		.page-row.logo-front-page .content,
		.page-row.logo-single .content
		{
			border-radius: 10px 10px 0 0;
		}

		body.home .page-row.logo-front-page .content
		{
			padding: 8px 8px 20px 8px;
		}

		.page-row.logo-single .content
		{
			padding: 8px 8px 0 8px;
		}


			.container-logo
			{
				overflow: hidden;
				background: url(img/bg-seamless-dark-aged.jpg) 0 0 repeat;
				border-radius: 6px 6px 0 0;
				
			}

				.container-logo .logo-text
				{
					display: block;
					margin: 0 auto;
					z-index: 1;
					background-image: url(img/logo-text-page-2.png);
					background-size: cover;
					width: 666px;
					height: 104px;
					position: relative;
				}

				body.home .container-logo .logo-text
				{
					height: 120px;
				}

					.container-logo .logo-reel
					{
						position: absolute;
						left: 20px;
						top: 10px;
						width: 15.0147%;
						/*width: 14.7147%;*/
						height: 81.73%;
						background-image: url(img/logo-reel-3.png);
						background-size: cover;
						z-index: 2;
						transition: transform 0.05s ease-out;
					}

                    body.home .container-logo .logo-reel
                    {
                        height: 72.73%;
                    }


	.page-row.logo-single .content .container-logo .logo-text
	{
		width: 333px;
		height: 52px;		
	}

	.page-row.logo-single .content .container-logo .logo-reel
	{
		top: 5px;
		left: 10px;
	}

	.page-row.page-bottom
	{
	}

		.page-row.page-bottom .content,
        body.home .page-row.page-bottom .content
		{
			padding: 20px 40px 0 40px;
			border-radius: 0 0 10px 10px;
			margin-bottom: 40px;
		}

.page-row .content,
.page-row div.cover-container,
#plea-text .normal,
#plea-text .interrupt,
#podcast-player-container audio
{
	max-width: 1100px;
}

.page-row .content,
.page-row div.cover-container
{
	position: relative;
	margin: 0 auto;
	padding: 0 8px 0 8px;
	background-color: #fff;
}

.page-row .content
{
	
	padding: 0 60px 0 60px;
	height: 100%;
	background-color: #fff;
}

	.page-row .content div.article-body
	{
		margin-top: 3em;
	}

body.home .page-row .content
{
    padding: 0 40px 0 40px;
}
    
    body.home .page-header.page-row .content
    {
        padding: 0;
    }

.page-row div.cover-container
{
}

	.page-row div.cover-container .no-cover h1,
	.page-row div.cover-container .no-cover g
	{
		color: #000;
		opacity: 1;
	}

	.page-row .content figure.entry-image,
	.donation-stats
	{
		margin: 1.3em 1.6em 1.3em 1.6em;
		background-color: #fff;
	}

	.page-row .content figure.entry-image,
	.page-row .content figure.entry-image figcaption
	{
		max-width: 100%;
	}


	.page-row .content figure.entry-image
	{
		border: 1px solid #aaa;
		border-top-color: #ccc;
		border-left-color: #ccc;
		box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.2);
		position: relative;
	}


		figure.entry-image .button-play-video
		{
			background-color: rgba(0,0,0,0.6);
			color: #fff;
			padding: 6px;
			font-size: 34px;
			width: 50px;
			height: 34px;
			text-align: center;
		}


		.page-row .content figure.entry-image:first-of-type
		{
			margin-top: 0.4em;
		}

		.page-row .content figure.entry-image.align-left
		{
			float: left;
			margin-left: 0;
		}

		.page-row .content figure.entry-image.align-right,
		.donation-stats
		{
			float: right;
			margin-right: 0;
		}

		
		.cover figcaption
		{
			position: absolute;
			width: 100%;
			background-color: #fff;
            color: #222;
			bottom: 0;
			left: 0;
			z-index: 11;
			padding-top: 3px;
		}
		

		.page-row figcaption,
		.quote-caption
		{
			font-size: 70%;
			line-height: 1.5em;
		}

		.page-row .content figure.entry-image figcaption
		{
			padding: 4px;
			caption-side: bottom;
			background-color: #eee;
		}


		.quote-caption
		{
			margin: -2.6em auto 2em auto;
		}


		.page-row .content figure.entry-image img
		{
		    display: block;
		    max-width: 100%;
		    width: auto;
		    height: auto;
		}

	.page-row .content p,
	.page-row .content ul,
	#new-comment-area p,
	.single-donee,
	.early-access-message p
	{
		margin-bottom: 1.4em;
	}

    .page-row .content p.nugget-byline
    {
        margin-bottom: 0;
    }

	.page-row .content p,
	.page-row .content ul,
	.early-access-message p
	{
		line-height: 2em;
	}

.fixed-center,
.inflate
{
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	overflow: hidden;

}

.fixed-center
{
	position: fixed;
	max-width: 100%;
	max-height: 100%;
}

.inflate 
{
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	z-index: -1;
}


.video-background 
{ 
	position: absolute;
	bottom: 0px; 
	right: 0px; 
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto; 
	z-index: 3; 
	overflow: hidden
}

video.background 
{ 
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  transform: translate(-50%, -50%);
}


.content div.sidebar
{
	overflow-x: hidden;
}

.content div.sidebar
{
	border-left: 3px solid #838383;
}

.split-page .halves.left
{
	border-right: 3px solid #838383;
}


	.content div.sidebar.width-8-col
	{
		border-left: none;
	}

div.button-sidebar-open
{
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}


.page-row .content p.nav-links
{
	line-height: 1.4em;
}

.content .nav-links,
.content h3.column-header,
.content h3.section-label,
.content h3.section-title
{
	font-size: 110%;
    transition: opacity 0.3s linear;
}

.content h3.column-header,
.content h3.section-label,
.content h3.section-title
{
	letter-spacing: 3px;
	color: #838383;
	margin: 0 0 0.3em 0;
}

	.content h3.column-header .button-close
	{
		border-radius: 100%;
		display: inline-block;
		letter-spacing: 0;
		width: 24px;
	}

.content h3.section-title
{
	margin-top: 4em;
}

.content ul.extra-features
{
	margin: 2em 0 0 0;
}

	ul.extra-features li:nth-child(2n+1)
	{
		clear: left;
	}

	ul.extra-features li
	{
		display: inline-block;
		padding: 0 2em 2em 0;
	}


		ul.extra-features li a
		{
			color: inherit;
		}

		.content ul.extra-features li h2
		{
			font-size: 130%;
			margin-top: 0.8em;
			line-height: 1.2em;
		}

			.content ul.extra-features li h2::before
			{
				background-image: none;
			}

		.page-row .content ul.extra-features li p
		{
			margin-top: 1em;
            color: rgb(130,130,130);
            line-height: 1.5em;
		}

.nugget-byline
{
    color: rgb(130,130,130);
}

    .nugget-byline strong
    {
        color: #000;
    }


.features
{
    transition: width 0.3s ease-in-out;
}

    .features .first-feature
    {
    	margin-bottom: 4em;
    }

    	.features .image-container
    	{
    		display: block;
    		width: 100%;
    		overflow: hidden;
    		position: relative;
    		background-color: #000;
    	}

    	.features .first-feature .image-container
    	{
    		height: 360px;
    	}

    	.features .extra-features .image-container
    	{
    		height: 180px;
    	}

    		.features .image-container .image
    		{
    			position: absolute;
    			top: 0;
    			bottom: 0;
    			left: 0;
    			right: 0;
    			background-size: cover;	
    			/*
    			-webkit-transition: transform 0.2s ease-out;
    			-moz-transition: transform 0.2s ease-out;
    			transition: transform 0.2s ease-out;
    			*/
    		}
    			
    			/*
    			.features .image-container:hover .image
    			{
    				-webkit-transform: scale(1.04);
    				-moz-transform: scale(1.04);
    				transform: scale(1.04);
    				-webkit-transition: transform 0.2s ease-out;
    				-moz-transition: transform 0.2s ease-out;
    				transition: transform 0.2s ease-out;
    			}
    			*/

    		/*
    		.features .image-container .image,
    		.features .image-container:hover .image
    		{
    			-webkit-transition: opacity 0.21s linear;
    			-moz-transition: opacity 0.2s linear;
    			transition: opacity 0.2s linear;
    		}
    		*/
    			


    	.features .first-feature header
    	{
    		margin-top: 3em;
    	}

    	.content div.features div.first-feature p.metadescription
    	{
    		margin-top: 1em;
    	}

    .sidebar h3.column-header
    {
        margin-top: -3px;
    }

    .features h3.column-header
    {
    	text-align: right;
    }

header
{
	margin-bottom: 1em;
}

.single-post header
{
    margin: 0;
}

h1.entry-title,
.sidebar h4:first-of-type,
.features .nugget
{
	margin: 40px 0 0 0;
}

h1.page-title
{
    margin: 80px 0 0 0;
}

.timeline h2.entry-title
{
	margin: 80px 0 0 0;
}



h1.entry-title,
h2.entry-title,
h1.page-title
{
	line-height: 1em;
	position: relative;
}


h1.entry-title,
h1.page-title
{
	font-size: 250%;
}

.content h2.entry-title
{
	font-size: 230%;
    line-height: 1.1em;
    clear: both;
}

	h2.entry-title a:link,
	h2.entry-title a:visited
	{
		color: #000;
	}

.entry-title:before,
.page-title:before
{
	content: " ";
	width: 12px;
	height: 27px;
	background-image: url(img/arrow-title.png);
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	left: -60px;
	
}

body.single .entry-title:before,
body.single .page-title:before,
body.archive .entry-title:before,
body.blog .entry-title:before,
body.search .entry-title:before
{
    left: -80px;
}

	h1.entry-title:before
	{
		top: 16px;
	}

	h2.entry-title:before,
	h1.page-title:before
	{
		top: 6px;
	}

h1.category-title
{
	position: relative;
	font-size: 200%;
	text-align: center;
	margin: 1em auto 0 auto;
}


.nugget-byline:first-letter,
#credits p:first-letter
{
	text-transform: uppercase;;
}

.byline
{
	margin-top: 0.3em;
	font-style: italic;
	color: #838383;
}

.content .entry-byline
{
	font-size: 130%;
	margin: 0.3em 0 0 0;
}

.single .content h2,
.single .content h3
{
	line-height: 1.2em;
	clear: left;
}

.content h2
{
    margin-top: 2em;
	font-size: 200%;
}

.home .content h2
{
    margin-top: 0.3em;
}

.article .content h2,
h2.space-below
{
    margin-bottom: 1em;
}

.content h3
{
	font-size: 170%;
}


.content ul.mode-selector.audio-controls
{
    max-width: 370px;
}

.home-page-mode
{
    max-width: 220px;
}


div.page-row .content ul.mode-selector
{
    position: relative;
    width: 100%;
    margin: 0;
    background-color: #222;
    border: 3px solid #222;
    margin: 8px auto 0 auto;
    border-radius: 9px;
    margin-top: 1em;
}

    .content ul.mode-selector li
    {
        display: block;
        float: left;
        cursor: pointer;
        position: relative;
        margin-bottom: 0;
    }

    .content ul.mode-selector li.indicator
    {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        float: none;
        border-radius: 6px;
        margin-bottom: 0;
    }

        ul.mode-selector li .inner
        {
            color: #636363;
            margin: 2px;
            padding: 4px;
            -webkit-transition: opacity 0.3s, background-color 0.3s;
            -moz-transition: opacity 0.3s, background-color 0.3s;
            -ms-transition: opacity 0.3s, background-color 0.3s;
            -o-transition: opacity 0.3s, background-color 0.3s;
            transition: opacity 0.3s, background-color 0.3s;
            z-index: 1;

        }

        ul.mode-selector li:first-child .inner
        {
            margin-left: 0;
        }


        ul.mode-selector li a:link,
        ul.mode-selector li a:visited
        {
            color: inherit;
        }

        ul.mode-selector li:hover .inner
        {
            border-color: #fff;
            color: #fff;
        }

        ul.mode-selector li.selected:hover .inner,
        ul.mode-selector li.selected .inner
        {
            color: #000;
        }

            ul.mode-selector li.selected .inner .icon-24,
            ul.mode-selector li:hover .inner .icon-24
            {
                opacity: 1;
            }

            ul.mode-selector li.selected .inner .icon-24
            {
                background-position-y: -134px; 
            }


        ul.mode-selector li .icon-24
        {
            float: left;
            margin-right: 5px;
            opacity: 0.3;
        }


        ul.mode-selector li .label
        {
            line-height: 24px;
        }

        ul.mode-selector li .description
        {
            font-size: 70%;
            line-height: 1.5em;
            margin-left: 37px;
        }


#podcast-player-container
{
	display: none;
	background-color: #000;	
	width: 100%;
	z-index: 12;
	position: fixed;
	left: 0;
	bottom: 0;
	border-top: 4px solid #222;
	text-align: center;
}

	#podcast-player-container audio
	{
		width: 100%;
		margin: 0 auto;
		left: 0;
		right: 0;
	}


#read-more-arrow
{
	position: absolute;
	font-size: 60px;
	color: #fff;
	left: -130px;
	margin-top: -20px;
	display: none;
}

body.page .navigation
{
	width: 100%;
	margin: 32px 0 20px 0;
}

	body.page .navigation a:link,
	body.page .navigation a:visited
	{
		display: block;
		color: #fff;
		width: 150px;
		padding: 5px;
		background-color: #15a249;
		background-image: url(img/bg-button-texture.png);
		border-radius: 3px;
		line-height: 32px;
		font-size: 130%;
	}

		body.page .navigation a .icon
		{
			width: 66px;
			height: 32px;
			background-position: 0 -110px;
		}

		body.page .navigation .older
		{
			float: left;            
		}

			body.page .navigation .older .icon
			{
				float: left;
				margin-right: 8px;
			}

        body.page .navigation a.archive
        {
            float: left;
            margin-left: 10px;
            background-color: #0073ca;
        }

            body.page .navigation .archive .icon
            {
                float: left;
                margin-right: 8px;
                width: 22px;
                height: 32px;
                background-position: -66px -110px;
                margin: 0 17px;
            }

		body.page .navigation .newer
		{
			float: right;
			text-align: right;
		}

			body.page .navigation .newer .icon
			{
				float: right;
				-webkit-transform: scaleX(-1);
				-moz-transform: scaleX(-1);
				-ie-transform: scaleX(-1);
				-o-transform: scaleX(-1);
				transform: scaleX(-1);
				filter: FlipH;
				-ms-filter: "FlipH";
				margin-left: 8px;
			}


.sidebar
{
    transition: transform 0.3s ease-in-out, opacity 0.3s linear;
}

.open-sidebar
{
    position: absolute;
    top: 0;
    right: 0;
    width: 26px;
    height: 34px;
    background-color: #bbb;
    color: #fff;
    text-align: center;
    line-height: 36px;
    border-radius: 6px 0px 0px 6px;
    -moz-border-radius: 6px 0px 0px 6px;
    -webkit-border-radius: 6px 0px 0px 6px;
    border: 0px solid #000000;
    cursor: pointer;  
    transition: padding 0.1s ease-in-out, transform 0.3s ease-in-out;  
    transform: translateX(100%);
}

    .open-sidebar:hover
    {
        padding-right: 6px;
        background-color: #555;
    }

.shared-links
{
}


	.shared-links h4
	{
		margin-top: 3em;
		font-size: 120%;

	}

    .shared-links .close
    {
        color: #bbb;
        font-size: 120%;
        cursor: pointer;
        font-family: sans-serif;
        letter-spacing: 0;
    }

        .shared-links .close:hover
        {
            color: #555;
        }
	

	.shared-links .link
	{
		line-height: 1.5em;
		margin-top: 2em;
		clear: left;
		min-height: 70px;
		/*background-size: 70px 70px;*/
		padding-left: 76px;
		padding-top: 0.3em;
        position: relative;
	}


	.sidebar.shared-links .link
	{
		font-size: 75%;
		padding-top: 0;

	}

		.shared-links .link .thumbnail
		{
			position: absolute;
            top: 0;
            left: 0;
			width: 70px;
			height: 70px;
			
		}


		.shared-links .link .domain,
		.shared-links .link .more-info
		{
			font-size: 90%;
		}

		.shared-links .link .domain
		{
			font-size: 80%;
			color: #888;
		}


.link-podcast
{
	clear: both;
	margin-bottom: 50px;
}

	.link-podcast .title
	{
		font-weight: bold;
		padding-top: 24px;
	}

		.link-podcast .title p
		{
			margin-bottom: 0 !important;
		}

	.link-podcast img.thumbnail
	{
		width: 100px;
		height: 100px;
		float: left;
		margin-right: 1.2em;
	}
	
	.link-podcast .links
	{
		font-size: 80%;
	}

.audio-container
{
	display: block;
	margin: 0 auto 2em auto;
	max-width: 700px;
}

	.audio-container audio
	{
		width: 100%;
		display: block;
	}
	
	.page-body .audio-container label,
	.article-body .audio-container label,
	.post .audio-container label,
	.audio-container a
	{
		margin: 0;
		font-size: 72%;
	}

.background-resize
{
	background-size: cover;
	background-position: center center;
}

div[data-diorama]
{
	overflow: hidden;
	background-size: cover;
	/*background-position: bottom center;*/
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
	/*
	div[data-diorama]:after
	{
		content: " ";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-box-shadow: inset 0px 0px 40px 10px rgba(0,0,0,0.9);
		-moz-box-shadow: inset 0px 0px 40px 10px rgba(0,0,0,0.9);
		box-shadow: inset 0px 0px 40px 10px rgba(0,0,0,0.9);
		z-index: 10;
	}
	*/

	div[data-diorama] .scale-fill
	{
		position: absolute;
		top: 50%;
		left: 50%;
	}


figure.cover,
.no-cover
{
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
}

figure.cover
{
	min-height: 20vh;
}

.page-row .content.no-cover
{
	/*padding-bottom: 1.4em;*/
}


	figure.cover-art,
	figure.cover.generated
	{
		background-color: #000;
	}

	figure.cover > div:first-child
	{
		width: 100%;
		height: 100%;
	}

	figure.cover.generated > div:first-child,
	figure.cover-art > div:first-child
	{
		opacity: 1;
		background-position: center 33%;
		background-size: cover;
		z-index: 1;
	}

	figure.cover .title-byline
	{
        display: none;
        /*
		position: relative;
		margin: 15% auto 0 auto;
		color: #fff;
		text-shadow: 1px 1px 4px rgba(0,0,0,1), 1px 1px 4px rgba(0,0,0,1);
		width: 90%;
		text-align: center;
		z-index: 10;
        */
	}

        /*
		figure.cover .title-byline a:link,
		figure.cover .title-byline a:visited
		{
			color: inherit;
		}

		figure.cover .title-byline h1
		{
			font-size: 400%;
			line-height: 1em;
			opacity: 0;
		}		

		figure.cover .title-byline h2
		{
			font-size: 150%;
			line-height: 2.1em;
			opacity: 0;
		}

	.no-cover .title-byline 
	{
		text-align: center;
	}

		.no-cover .title-byline h1
		{
			font-size: 360%;
			line-height: 1em;
			margin-top: 30px;
		}

			.no-cover .title-byline h1::before
			{
				background-image: none;
			}		

		.no-cover .title-byline h2
		{
			font-size: 130%;
			margin-top: 0;
		}


	figure.cover .title-byline.typed
	{
		text-transform: none;
		color: #000;
		font-weight: normal;
		text-shadow: 0 0 1px #000;
		letter-spacing: -0.1em;
	}


	.content.alt-title-byline
	{
		display: none;
	}


div.noise-dark
{
	background: url(img/noise-dark.png) repeat top left;
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
*/

#credits
{
	margin: 4em auto 1.1em auto;
    font-size: 110%;
}

    #credits p
    {
        line-height: 1.6em;
    }


.logo-with-line
{
	width: 100%;
	height: 52px;
	background-position: top center;
	margin-bottom: 1em;
}

#share-bottom
{
	background-position: center -52px;
	height: 58px;
	text-align: center;
	position: relative;
	line-height: 140px;
	margin-bottom: 50px;
}

	#share-bottom .navigation
	{
		position: absolute;
		width: 100%;
		left: 0;
		top: -22px;
	}

		#share-bottom .navigation a:link,
		#share-bottom .navigation a:visited
		{
			color: #00f;
			text-decoration: none;
			display: block;
		}

		#share-bottom .navigation .older
		{
			float: left;
		}

		#share-bottom .navigation .newer
		{
			float: right;
		}


	#share-bottom .sharing-circle
	{
		position: absolute;
		width: 50px;
		height: 50px;
		border: 1px solid #000;
		border-radius: 100%;
		cursor: pointer;
		left: 50%;
		margin-left: -26px;
		top: 4px;			
	}

		.glow
		{
			-webkit-box-shadow: 0px 0px 105px 14px rgba(255,237,145,1);
			-moz-box-shadow: 0px 0px 105px 14px rgba(255,237,145,1);
			box-shadow: 0px 0px 105px 14px rgba(255,237,145,1);
		}

		#share-bottom .sharing-circle .icon-24
		{
			position: absolute;
			top: 50%;
			margin-top: -12px;
			left: 50%;
			margin-left: -12px;
			opacity: 0;
			display: none;
		}

			#share-bottom .sharing-circle .icon-24:hover
			{
				opacity: 1 !important;
			}

.width-4-col.sources,
.width-4-col.related
{
    padding: 0 80px 0 80px;
}


ul.follow
{
    width: 178px;
}

    ul.follow, ul.follow li
    {
        margin: 1em 0 1em 0;
        padding: 0;
    }

    ul.follow li
    {
        list-style: none;
        float: left;
        margin-right: 14px;
    }

        ul.follow li.last
        {
            margin-right: 0;
        }

.icon-24
{
	width: 24px;
	height: 24px;
}

    .follow .icon-24
    {
        background-color: #bbb;
        border: 5px solid #bbb;
        border-radius: 5px;
    }

     .follow .icon-24:hover
     {
        background-color: #555;
        border-color: #555;
     }

	.share-facebook .icon-24,
    .follow .facebook .icon-24
	{
		background-position: -314px -110px;
	}

	.share-reddit .icon-24,
    .follow .reddit .icon-24
	{
		background-position: -338px -110px;
	}

	.share-email .icon-24
	{
		background-position: -362px -110px;
	}

	.share-googleplus .icon-24,
    .follow .googleplus .icon-24
	{
		background-position: -386px -110px;
	}

	.share-stumbleupon .icon-24
	{
		background-position: -410px -110px;
	}

	.share-pinterest .icon-24
	{
		background-position: -434px -110px;
	}				

	.share-tumblr .icon-24
	{
		background-position: -458px -110px;
	}

	.share-twitter .icon-24,
    .follow .twitter .icon-24
	{
		background-position: -290px -110px;
	}

	.pause .icon-24
	{
		background-position: -410px -110px;
	}

	.listen .icon-24
	{
		background-position: -482px -110px;
	}

	.ambient .icon-24
	{
		background-position: -506px -110px;
	}		

	.created .icon-24
	{
		background-position: -530px -110px;
	}		

	.curated .icon-24
	{
		background-position: -554px -110px;
	}		


[data-embiggen]
{
	cursor: zoom-in;
}


#embiggener
{
	display: none;
	position: fixed; 
	z-index: 10000;
	background-color: #000;
	border: 1px solid #333;
	background-size: contain;
	background-position: center center;
}

	#embiggener .caption
	{
		position: absolute;
		left: -100%;
		bottom: 1em;
		width: 100%;
		background-color: rgba(255,255,255,0.7);
		padding: 0.5em;
		text-align: center;
		line-height: 1.4em;
	}

	#embiggener .button-close,
	#donate-last-step .button-close
	{
		position: absolute;
		top: 20px;
		right: 20px;
		font-size: 30px;
		line-height: 32px;
		width: 30px;
		height: 30px;
		border-radius: 25px;
		text-align: center;
		padding: 10px;
		cursor: pointer;
		background-color: rgba(255,255,255,0.5);
	}

	#embiggener .button-close
	{
		display: none;
	}

		#embiggener .button-close:hover,
		#donate-last-step .button-close:hover
		{
			background-color: rgba(255,255,255,1);		
		}

/* OUR DONATION REQUEST */

#donation-plea
{
	position: fixed;
	display: none;
	left: 0;
	width: 100%;
	bottom: -2000px;
	z-index: 12;
	font-size: 140%;
	text-align: center;
}

	#plea-tab,
	#plea-top
	{
		cursor: pointer;
	}

	#plea-tab
	{
		float: right;
		margin-right: 5%;
		color: #fff;
		background-color: #00aaff;
		line-height: 1em;
		text-align: center;
		width: auto;
		padding: 0.4em 0.7em 0.7em 0.7em;
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
	}

		#plea-tab:hover
		{
			padding-bottom: 1em;
		}

		#plea-top
		{
			clear: both;
			background-color: #00aaff;
			line-height: 1.4em;
			padding: 8px;
			color: #fff;
			box-shadow: 0 4px 8px rgba(0,0,0,0.7);
		}

		#plea-text,
		#dimmer
		{
			color: #00aaff;
		}

		#plea-text
		{
			padding: 30px;
			background-color: rgba(0,0,0,0.9);
			font-size: 113%;
			line-height: 1.3em;
			display: none;
			position: relative;
		}

			#plea-text .normal,
			#plea-text .interrupt
			{				
				margin: 0 auto;
				display: none;
			}
		
			#plea-text em.highlight,
			#dimmer .zoomin-1
			{
				color: #ffe63d;
				text-shadow: 0 0 6px rgba(255,255,255,0.8);
			}

			#plea-text em.highlight
			{
				font-size: 122%;
				font-style: normal;
			}
	
	.donate-responses
	{
		margin: 0.8em auto 0 auto;
		display: inline-block;
	}

		.donate-response
		{
			border-radius: 100%;
			line-height: 80px;
			width: 80px;
			height: 80px;
			color: #000;
			margin-left: 6px;
			margin-right: 6px;
			float: left;
			cursor: pointer;
			display: inline-table;
		}

			.donate-response:hover
			{
				font-style: italic;
			}

			.donate-response.yes
			{
				background-color: rgb(0,255,162);
			}

			.donate-response.later
			{
				background-color: rgb(255,255,128);
			}

			.donate-response.no
			{
				background-color: rgb(255,0,0);
			}			
		





/* END DONATION REQUEST */

#footer
{
	line-height: 1.5em;
}

#article-bottom,
#footer
{
	background-color: #000;
	color: #ccc;
	font-size: 80%;

}

	#article-bottom a:link,
	#article-bottom a:visited,
	#footer a:link,
	#footer a:visited
	{
		color: inherit;
	}


		#article-bottom a:hover,
		#footer a:hover
		{
			text-decoration: underline;
			color: #fff;
		}


	#article-bottom .page-row .content,
	#footer .page-row
	{
		background-color: #222;
		padding-top: 20px;
		padding-bottom: 20px;		
	}


	#article-bottom h4,
	#footer h4
	{
		font-size: 150%;
		padding: 0;
		margin-bottom: 8px;
		text-align: left;
		color: #fff;
	}
		
		#article-bottom h4:first-child,
		#footer h4:first-child
		{
			margin-top: 0;
		}

	#footer .copyright
	{
		margin-top: 20px;
		background-color: #000;
		padding: 12px 12px 100px 12px;
		text-align: center;
	}


	#footer .thirds a,
	#footer .thirds a:link,
	#footer .thirds a:visited,
	#article-bottom a,
	#article-bottom a:link,
	#article-bottom a:visited	
	{
		display: block;
		line-height: 1.8em;
	}	


#comments
{
	padding: 0 0 0 0;
	font-size: 100%;
	line-height: 1.7em;
}

	.comments-header
	{
		background-color: #e7bc00;
		margin: 0 auto 20px auto;
		width: 160px;
		padding-top: 8px;
	}

	.comments-header .icon
	{
		background-position: -150px -110px;
		width: 140px;
		height: 140px;
		margin: 0 auto 8px auto;
	}

	.comments-header .count
	{
		background-color: #181818;
		color: #e7bc00;
		text-align: center;
		font-size: 120%;
		padding: 0px 4px 24px 4px;
		white-space: nowrap;
	}

	div.comment 
	{
		clear: both;
		margin: 18px 0px 0px 0px;
		border-top: 2px solid #ddd;
	}
	
		div.comment-meta
		{
			padding: 14px 0 4px 62px;
			background-repeat: no-repeat;
			background-position: 0 14px;
			min-height: 50px;
		}
		
			div.commenter-name
			{
				font-size: 140%;
				line-height: 1em;
				text-transform: none;
			}

			div.comment-date
			{
				font-size: 90%;
			}

			div.comment-body
			{
				font-size: 90%;
				padding-top: 1em;
			}
	
	div.comment-content 
	{
		padding-left: 62px;
	}
		
		div.comment-content span.quote, div.comment-content blockquote 
		{
			font-style: italic;
			color: #444;
			padding: 0 1em;
			border-left: 2px solid #ddd;
			margin: 1em auto;
			background-color: inherit;
			background-image: none;
			box-shadow: none;
		}




div.comments-navigation
{
	padding: 2em 0 1em 0;
	text-align: center;
}

	div.comments-navigation a:first-child
	{
		padding-right: 6em;
	}


#comments-iframe
{
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
}


#new-comment-area
{
	
}


	#new-comment-area .loading
	{
		text-align: center;
		padding: 3em;
	}

	#new-comment-area textarea,
	#new-comment-area input[type='text']
	{
		width: 94%;
		font-size: 78%;
		padding: 8px;
		line-height: 1.5em;
		border: 1px solid #ddd;
	}

	#new-comment-area textarea
	{
		height: 220px;
	}

	#new-comment-area h3
	{
		display: none;
	}	

	#new-comment-area .comment-form-url
	{
		display: none;
	}

	#new-comment-area input[type='submit']
	{
		margin-top: 14px;
	}	


.page-body div.rewards-notice,
.page-body label.reward
{
	display: block;	
	font-size: 77%;
	line-height: 1.5em;
}

.page-body label.reward
{
	padding: 8px 8px 8px 32px;
	margin-bottom: 1.7em;	
}

.page-body div.rewards-notice
{
	margin-bottom: 2em;
	margin-left: 0.6em;
}

.flip-backside
{
	display: none;
}


.split-page .halves.left
{
	padding-right: 1em;
}

.split-page .halves.right
{
	padding-left: 1em;
}

	.split-page .halves h3
	{
		text-align: center;
		margin-top: 0.6em;
	}

		.split-page .halves h3:first-of-type
		{
			
		}	




	.footnotes
	{
		border-top: 1px solid #666;
		padding-top: 1em;
		line-height: 2em;
		font-size: 82%;
	}


.content table
{
	border-collapse: collapse;
	width: 100%;
}

	.content table td,
	.content table th
	{
		border: 1px solid #ccc;
		padding: 8px;
	}

table.handsome
{
}

	table.handsome thead
	{
		font-weight: bold;
		border-bottom: 3px solid #222;
	}

		table.handsome thead label
		{
			margin: 0 0 0 1em;
			display: inline;
		}

		table.handsome thead select
		{
			width: auto;
            border: 1px solid gray;
            -webkit-appearance: menulist;
		}

		.content table.handsome td
		{
			padding: 8px;
			line-height: 1.5em;
			border: none;
		}

			table.handsome tr:nth-child(even)
			{
				background-color: #eee;
			}

		table.handsome tbody td
		{
			font-size: 90%;
		}

			table.handsome tbody td.title-description a.title
			{
				font-weight: bold;
			}

			table.handsome tbody td a.description
			{
				font-size: 85%;
				font-style: italic;
				opacity: 0.4;
				line-height: 0.7em;
				text-decoration: none;
				color: #000;
			}

			table.handsome tbody td:hover .description
			{
				opacity: 0.9;
			}

#zine-tools
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #00aaff;
	padding: 12px 20px 12px 12px;
	color: #fff;
	line-height: 1.5em;
	font-size: 120%;
	z-index: 100;
}

	#zine-tools p
	{
		margin: 0;
		font-size: 120%;
	}


/* FORMS */

	.page-body label
	{
		margin: 8px 0 -3px 0;
		display: block;
		font-size: 90%;
	}

	.page-body input[type='text'],
	.page-body input[type='email'],
	.page-body textarea,
	.page-body select
	{
		font-size: 80%;
	}

	.page-body label,
	.page-body input[type='text'],
	.page-body input[type='email'],
	.page-body textarea
	{

		max-width: 800px;
	}

	.page-body input[type='text'],
	.page-body input[type='email'],
	.page-body textarea
	{
		width: 100%;
		padding: 8px;
		border: 1px solid #BBB;
		border-left: 3px solid #BBB;
	}


	.page-body input[type="button"], 
	.page-body input[type="submit"],
	#commentform  input[type="submit"],
	#zine-tools input[type="button"],
	a.button
	{
		border-radius: 7px;
		font-weight: bold;
		font-size: 89%;
		text-align: center;
		padding: 8px;
		border: none;
		cursor: pointer;
		padding-left: 1.6em;
		padding-right: 1.6em;
		color: #fff;
	}

		.page-body input[type="button"]:disabled, 
		.page-body input[type="submit"]:disabled,
		#commentform  input[type="submit"]:disabled
		{
			opacity: 0.4;
			cursor: auto;
			color: inherit;
		}

	
		.page-body input[type="button"]:hover, 
		.page-body input[type="submit"]:hover,
		#commentform  input[type="submit"]:hover,
		#zine-tools input[type="button"]:hover,
		a.button:hover
		{
			color: #fff;
			text-shadow: 0 0 5px rgba(255,255,255,0.5);
		}

			.page-body input[type="button"]:disabled:hover, 
			.page-body input[type="submit"]:disabled:hover,
			#commentform  input[type="submit"]:disabled:hover
			{
				color: inherit;
				text-shadow: none;
			}		

	.page-body select
	{
		width: 456px;
	}
	
	.page-body textarea
	{
		height: 10em;
		line-height: 1.5em;
	}

.wpcf7-form 
{
}

	.wpcf7-form p
	{
		margin-top: 12px;
	}

	.wpcf7-form input[type='radio']
	{
		margin: 0 8px 0 8px;
	}
	
	span.wpcf7-list-item
	{
		margin: 0 !important;
		display: block !important;
	}
	
	span.wpcf7-list-item label
	{
		margin: 0;
	}



textarea.shipping-address
{
	width: 32em;
	height: 7em;
}

input[type=email].short
{
	width: 32em;
}

.poster-selector
{
	text-align: center;
}

	.poster-selector .option
	{
		float: left;
		cursor: pointer;
		margin-right: 12px;
	}

		.poster-selector .option .poster
		{
			background-image: url(img/posters.jpg);
			background-size: cover;
			width: 100px;
			height: 133px;
		}

		
		.poster-selector .option .name
		{
			padding-top: 3px;
		}


ul.donation-history
{

}

	.content ul.donation-history li
	{
		margin-bottom: 0;
		font-size: 90%;
	}

	li.donation-deficit
	{
		color: #d00;
	}

	li.donation-goal,
	li.donation-stretch
	{
		color: #0d0;
	}

.mobile-option
{
	display: none;
}

.desktop-option
{
}

.desktop-column
{
	display: table-cell;
}

.explore
{
	z-index: 12;
}

.static-error
{
	line-height: 700px; 
	background-repeat: repeat;
	text-align: center;
	color: #fff;
	font-size: 400%;
	text-shadow: 0 0 8px rgba(0,0,0,0.8);
}

[href] .single-donee
{
	color: #000;
}

.single-donee
{
	padding: 20px 20px 20px 240px;
	background-size: 200px auto;
	background-position: 20px 20px;
	min-height: 200px;
	border: 2px solid #ddd;

}	

	.single-donee .date,
	.single-donee .description
	{
		font-size: 80%;
	}

	.single-donee .name
	{
		margin: 1em 0 1em 0;
		font-size: 110%;
	}