/*
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;
}