/*
Theme Name: Futility Closet
Theme URI: http://werkpress.com
Description: A child theme for Modularity 3.0.0 or above
Author: Werkpress
Author URI: http://werkpress.com
Template: modularity
Version: 1.0.1
License:  GPL
*/

@import url("../modularity/style.css");

body {background:#fff; color: #000;}
.container-inner {padding:1.5em 0}
#top {width:960px; margin:0 auto; padding: 0 0 20px 0; height:auto; background: url(images/double-border.png) repeat-x bottom; clear:both; float:none; border:none;}
#masthead {margin-left:0px; float: none; display: block; }
#masthead #logo h1 {line-height:0; margin-top:16px; margin-bottom: 20px; padding-bottom: 10px; background-repeat: no-repeat; background-position: right top; float: none; position:relative; padding-top: 17px; text-align: left;}
#masthead #logo h1 img.sitetitle {margin-top:-18px; float: none; }
#masthead #logo h1 a { color: #222; text-decoration: none; font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 1.4em; color: #343232; line-height: .6em; }
#masthead #logo span.description { margin: 3px auto; float: none; font-size: .37em; text-transform: lowercase; color: #7d7b7b; font-weight: 100; clear: both; display: block; font-family: Georgia, serif; font-style: italic;}
#masthead span.description {color:#999; position:relative; top:12px; float: none;}

/* Navigation override */
#top .sf-menu {background:#fff; margin-right:0px; top: 30%;}
#top .sf-menu a, .sf-menu a:visited  {color:#666;}
#top .sf-menu a:hover {color: #333;}
#top .sf-menu li {background:#fff;}
#top .sf-menu li li {background:#fff;}
#top .sf-menu li li li {background:#fff;}
#top .sf-menu li:hover, .sf-menu li.sfHover,
#top .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#eee;}
#top .sf-sub-indicator {background:url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

p, ul, ol, dl, address, table, pre {color: #000;}
h2.sub, h3.sub { text-transform: none }
/* ADs */

ol, ul {
	margin: 20px auto;
}

#top-ad div {
	margin: 20px auto auto auto;
}

.footer-ad-wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	height: auto;
}

#bottom-ad div {
	margin: ;
}

/* Slider Post */
#slider-posts {-webkit-box-shadow: 0 0 20px #999;-moz-box-shadow: 0 0 20px #999;}
#slider-posts .slide{ background:#eee;}
#slider-posts .slide .slide-details h2 { color:#111;}
#slider-posts .slide .slide-details p { color:#222;}
#slider-posts .slide .slide-wrapper a, #slider-posts .slide .slide-details h2 a {color:#111}
#slider-posts .slide .slide-wrapper a:hover, #slider-posts .slide .slide-details h2 a:hover {color:#000}
#slider-posts .slide h2 a.button {color:#fff;text-decoration: none;}
#slider-posts .slide h2 a.button:hover {color:#eee;}

/* Category Sections */
#category-stack{margin:0 0 2em}
.byline {font-size:.9em;margin:0;color:#bbb}
.byline a {color:#bbb}
.more {margin:0 0 1em;}
.more ul{list-style:none;margin:0;padding:0;}
.more ul li a{color:#222;height:1%;background:url(images/li.png) no-repeat 0 50%;line-height:1.2em;border-bottom:1px solid #ccc;display:block;padding:6px 0 6px 8px;}
.more ul li a:hover{color:#515151;background: #f7f7f7 url(images/li.png) no-repeat 2px 50%; text-indent: 1px;}
.more ul li a span{color:#696455;}
.more ul li.active a{cursor:default;color:white;}

/* Post Styles */

.post {padding: 0; border-bottom: #dddddd solid 1px; border-bottom: none; margin: 0 0 20px 0;}
h2.entry-title {color: #222222;font-family: Georgia, serif; font-weight: 800; margin-bottom: 5px; font-size: 1.7em; margin-bottom: 0.2em; font-weight: normal;}
h2.entry-title a {color: #222222; }
.post p {line-height: 1.5;}

.type-post p,
.type-post ul,
.type-post ol,
.type-page p,
.type-page ul,
.type-page ol {font-family: Georgia, serif;}

p,.post p {
	font-size: 14px;
	margin: 0 0 10px;
}

p.postmetadata {
	font-family: Helvetica, sans-serif;
	font-size: .85em;
	line-height: 1em;
	padding: 8px;
	margin: 15px 0 30px;
}
p.postmetadata b {font-weight: normal;}

blockquote {
	background: url(images/quote.png) no-repeat left top;
	margin: 10px auto;
	padding: 0 45px;
	font-style: italic;
}

.container .wp-caption p.wp-caption-text {
	padding: 3px 0;
	text-align: right;
	font-size: 10px;
	color: #7f7f7f;
	font-family: Helvetica;
	font-style: normal;
}
#footer p {font-size: 11px;}
/* SINGLE */

.container .easySpoilerTitleA, .container .easySpoilerTitleB {
	background: #939393;
}

.container a.easySpoilerButton {
	color: #dadada;
	font-size: 14px !important;
	font-weight: bold !important;
	font-family: Helvetica;
	background: none !important;
	border: none !important;
	opacity: .99;
}

.container .easySpoilerSpoils {
	background: #f3f3f3;
	color: #685151;
	font-family: Helvetica;
	-webkit-text-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 2px rgba(0,0,0,0.9);
	   -moz-text-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 2px rgba(0,0,0,0.9);
	    -ms-text-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 2px rgba(0,0,0,0.9);
	     -o-text-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 2px rgba(0,0,0,0.9);
	        text-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 2px rgba(0,0,0,0.9);
	-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.5);
	   -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.5);
	    -ms-box-shadow: inset 0 1px 5px rgba(0,0,0,0.5);
	     -o-box-shadow: inset 0 1px 5px rgba(0,0,0,0.5);
	        box-shadow: inset 0 1px 5px rgba(0,0,0,0.5);
}

.container .easySpoilerSpoils p, .container .easySpoilerSpoils ul, .container .easySpoilerSpoils ol {
	font-family: Helvetica;
	font-size: 1em;
	padding: 0 40px;
}

.container .easySpoilerGroupWrapperLastRow {background: none;}

/* Sidebar Styles */
#sidebar ul li a, ul.txt li { background:url(images/li.png) no-repeat 0 50%; }
#sidebar ul li a:hover, ul.txt li:hover { background: #f7f7f7 url(images/li.png) no-repeat 2px 50%; text-indent: 1px; }
#sidebar h3 {color: #000; border-bottom: none; }
#sidebar ul li a {border-bottom: none; padding: 3px 0 3px 8px;}
a.side_links {
	text-transform: uppercase;
	color: #222222;
	font-weight: bold;
	font-size: 1.2em;
	padding: 10px 10px 10px 60px;
	display: block;
	width: 60%;
	margin: 0 0 10px 0;
	-webkit-transition: .2s all ease-in-out;
	   -moz-transition: .2s all ease-in-out;
	    -ms-transition: .2s all ease-in-out;
	     -o-transition: .2s all ease-in-out;
	        transition: .2s all ease-in-out;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	   -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	    -ms-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	     -o-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	        box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	    -ms-border-radius: 3px;
	     -o-border-radius: 3px;
	        border-radius: 3px;
}
a.random_link {
	border: 1px #303030 solid;
	background: #eeeeee url(images/random-icon.png) no-repeat 10px center;
}
a.rss_link {
	border: 1px #8f8f8f solid;
	background: url(images/rss-icon.png) no-repeat 10px center;
}

a.side_links:hover {
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
	   -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
	    -ms-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
	     -o-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
	        box-shadow: 0 3px 3px rgba(0,0,0,0.3);
}

a.random_link:hover {background: #f7f7f7 url(images/random-icon.png) no-repeat 10px center;}

#sidebar h2.sub, #sidebar h3.sub {letter-spacing: 0; font-family: Georgia, serif;}

#sidebar #search #s, #subscribe input[type="text"] {
	width: 79%;
	border: 1px solid #696969;
	background: #FFF;
	padding: 8px 0 8px 5%;
	font-family: Helvetica;
	margin: 5px auto;
}

#subscribe input[type="submit"], #search input[type="submit"] {
	padding: 3% 5%;
	background: #d7d7d7;
	color: #626262;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 2px solid #979797;
	border-top: none;
	border-right: none;
	border-left: none;
	font-family: Helvetica;
	margin: auto;
}

#subscribe input[type="submit"]:hover, #search input[type="submit"]:hover {
	cursor: pointer;
	background: #979797;
	border-top: 2px solid #d7d7d7;
	border-bottom: none;
}

#sidebar .item .textwidget #div-gpt-ad-1354914840131-0 {
	border: 5px solid #f2f2f2;
}


/* Welcome Box */
.welcomebox { background: #f7f7f7; }
.welcomebox h2 { color: #232323; }
.welcomebox h2 a { color: #232323; text-decoration: underline; }
.welcomebox h2 a:hover { color: black ;}

/*PhotoShelter*/
#psContainer { width: 990px; text-align: center; margin: 0px auto 10px auto; }
#psContent { text-align: left; margin: 0 auto; width: 950px; padding: 20px; }
#psContent H3 { color: #999; }
#psContent table { width: auto; }
#PS_GPP_CUSTOM #masthead #logo h1 { font-size: 36px; margin-top: 25px; }
#PS_GPP_CUSTOM #masthead #logo img.sitetitle {margin-top: -26px}

/* FOOTER */

#footer {
	color: #c2c2c2;
}

#footer .footer-nav {
	background: #1a1a1a;
	padding: 10px;
}

#footer .footer-nav, #footer .footer-nav .item {margin-bottom: auto;}

#footer .footer-nav h3, #footer .footer-nav a {
	color: #c2c2c2;
	padding: 3px 0;
}

#footer .footer-nav a {
	color: #c2c2c2;
	font-family: Helvetica;
	font-size: 11px;
	}

#footer h3 {
	color: #c2c2c2;
	letter-spacing: 0;
	font-family: Helvetica;
	font-size: 12px;
	opacity: .99;
	font-weight: bold !important;
}

#footer .textwidget {
	font-family: Helvetica;
	font-size: 11px;
	line-height: 1.8em;
	opacity: .99;
}

/* PAGE NAVI */

.container .wp-pagenavi {
	background: none;
	color: #2b2b2b;
	text-transform: uppercase;
	font-size: 12px;
	padding: 6px 0;
	margin: auto auto 20px auto;
}

.container .wp-pagenavi a, .container .wp-pagenavi span {
	color: #2b2b2b;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 800;
	margin: 7px 1px;
	border: none;
	padding: 3px 6px 2px;
}
.container .wp-pagenavi a:hover {
	background: #eee;
	color: #2b2b2b;
}
.container .wp-pagenavi span.current {
	background: #dedede;
	color: #2b2b2b;
}
.container .wp-pagenavi span.pages {
	padding: 0 5px 0 0;
}

/**
 * CSS Patch - September 2015
 * Author: dan@squarebracket.net
 */

/**
 * TEMP
 */
.rss_link {
	display: none !important;
}

/*
	Standardise buttons:
	* Sidebar random link
	* Sharing buttons
	* Subscribe button
	* Search submit button
	* Post nav buttons
	* Easy spoiler button
*/
a.side_links.random_link,
a.sd-content ul li a.sd-button,
#subscribe-submit [type="submit"],
#search input[type="submit"],
.navi a,
.container a.easySpoilerButton
{
	/* box-sizing: border-box; */ /* Test */
	text-transform: none; /* For Random item button */

	/* Ape styles from Sharing buttons */
	/* @todo Target sharing buttons */
	text-decoration: none !important;
    margin: 0 5px 5px 0;
    font-size: 14px;
    font-family: "Open Sans",sans-serif;
    font-weight: 400 !important; /* !important fixes Spoiler button */
    border-radius: 3px;
    color: #555!important;
    background: #f8f8f8;/* Fixes Random Item, Submit, Subscribe */
	border: 1px solid #ccc;
	box-shadow: 0 1px 0 rgba(0,0,0,.08);/* Subtle */
    text-shadow: none;
	line-height: 23px;/* Fixes Spoiler button */
	padding:6px 10px;
	transition: background	0.2s ease-in-out,
				border		0.3s ease-in-out,
				color 		0.1s ease-in-out;
}

.container a.easySpoilerButton {
	box-shadow: none;
	color: #fff !important;
	transition: none;
}


/* Hover states for buttons */
a.side_links.random_link:hover, a.side_links.random_link:focus,
a.sd-content ul li a.sd-button:hover, a.sd-content ul li a.sd-button:focus,
#subscribe-submit [type="submit"]:hover, #subscribe-submit [type="submit"]:focus,
#search input[type="submit"]:hover, #search input[type="submit"]:focus,
.navi a:hover, .navi a:focus {
	cursor: pointer;
	background: #333;
	border: 1px solid #333;
	color: #fff !important;
}

/* Input fields */
#sidebar #search #s,
form #subscribe-email input,
#archives-dropdown-3
{
	border: 1px solid #ccc;
	font-size: 14px;
	padding: 10px;
	width: 100%;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0,0,0,.08);/* Subtle */
    text-shadow: none;
	line-height: 23px;/* Fixes Spoiler button */
	padding:6px 10px;
	transition: background	0.2s ease-in-out,
				border		0.3s ease-in-out,
				color 		0.1s ease-in-out;
}

#sidebar #search #s:hover,
#sidebar #search #s:focus,
#subscribe-email input:hover,
#subscribe-email input:focus
{
	/*background: #333 !important;*/
	background: #eee !important;
	border: 1px solid #333;
	/*color: #fff !important;*/
	color: #000 !important;

}

/**
 * Lighten inner shadow on spoiler box
 */
.container .easySpoilerSpoils {
	box-shadow: 0 0px 4px rgba(0, 0, 0, 0.25) inset;
}

/**
 * Consistent sidebar font
 */
#sidebar p {
    font-family: Georgia,serif;
}

/**
 * Bump up sidebar heading size slightly
 */
h2.sub,
h3.sub {
	font-size: 1.2em;
}

/**
 * Consistent margin around form fields
 */
#subscribe-email {
	margin: 0;
}

input[type="text"],
input[type="password"],
input.text,
input.title,
textarea,
select,
#sidebar #search #s,
#subscribe input[type="text"],
#subscribe-field-blog_subscription-2 {
	margin: 0.2em 0 0.5em 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/**
 * - More padding in meta bar
 * - Make background colour consistent
 * - Add bottom shadow for consistency & visual clarity
 */
p.postmetadata {
	padding: 14px;
	background: #f8f8f8;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}

/**
 * Consistent spacing under spoiler box
 */
div.easySpoilerWrapper {
	margin-bottom: 15px;
}

.easySpoilerGroupWrapperLastRow {
	display: none;
}

/**
 * Center PayPal donate button
 */
.paypal-donations input[type="image"] {
	display: block;
	margin: 0 auto;
}

/**
 * Make Random Link a bit more prominent
 */
a.side_links.random_link {
	padding: 10px 10px 10px 60px;
	position: relative;
	font-size: 1.4em;
	width: inherit; /* Span sidebar width */
}

/**
 * Random icon
 */
a.side_links.random_link:after {
	content : "";
	position: absolute;
	display: block;
	left: 8px; top: 8px;
	width: 36px; height: 28px;
	background-image: url("images/random-icon.png");
	opacity : 0.4;
	transition: opacity	0.2s ease-in-out;
}

a.side_links.random_link:hover:after {
	opacity: 1;
}

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

/**
 * Consistent spacing under metabar
 */
p.postmetadata {
	margin: 15px 0;
}

.sharedaddy .sd-content ul {
	margin: 0 0 0 15px;
}

/**
 * Center align patreon badge
 */
.patreon-badge img {
	display: block;
	margin: 0 auto;
}

/**
 * Center top ad
 */
#top .ad-sidebar,
#bottom-ad {
	text-align: center;
}

/*
 * House Banner ad v1
 *
 * @todo https://imulus.github.io/retinajs/
 */
.sidebar-banner {
	box-sizing: border-box;
	width: 300px;
	height: 330px;
	text-align: center;
	background:
		url( "images/support-us" )
		no-repeat center center
		#333;
}
.sidebar-banner a {
	box-sizing: border-box;
	display: block;
	height: 100%;
	padding-top:4.5em;
}
.sidebar-banner .title,
.sidebar-banner p {
	color: #fff;
	text-shadow: rgba(0,0,0,0.92) 0 4px 4px;
}
.sidebar-banner .title {
	font-size: 2.1em;
	line-height: 1.2em;
}
.sidebar-banner p {
	margin-top: 1.4em;
	line-height: 1.4em;
	font-size: 1.4em;
	letter-spacing: -0.3px;

}