/*
Theme Name: Well&Often Reader
Theme URI: http://wellandoftenpress.com
Description: Theme for Well&Often Reader (based on wp2010 1.2 theme)
Author: Tishon
Version: 1.0
*/

/* //// GENERAL //// */
html{
	width: 100%;
}

body{
	background: #EAEAEA;
	color: #2e2f34;
	line-height: 25px;
	letter-spacing: .023em;
	font-family: ff-tisa-web-pro, arial;
}

h1{
	font-weight: 400;
	font-size: 25px;
}

h2{
	font-weight: 200;
	color: #938361;
	font-size: 18px;
}

h3{
	font-weight: 200;
	color: #938361;
	font-size: 14px;
}

h3.reader,
h3.reader a{
	color: #7C9161;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 1.4;
	margin-bottom: 3px;
}

.gold {
	color: #938361;
}

div.gold {
	font-size: 15px;
	margin-top: 0px;
	margin-bottom: 20px;
}

.green {
	color: #7C9161;
}

.orange{
	color: #D38254;
}

.grey {
	color: #999999;
}

.buy a{
	padding: 5px 7px;
	color: #FFF;
	background: #7C9161;
	text-decoration: none;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	font-family: ff-tisa-web-pro, arial;
}

.buy a:hover{
	background: #718259;
	text-decoration: none;
}

a{
	outline:0;
	color: #3B3C42;
	font-weight: 400;
	text-decoration: none;
}

a.active{
}

a:hover{
	text-decoration: underline;
}

p{
  	font-family: "ff-meta-serif-web-pro", verdana, arial;
	font-size: 15px;
	font-weight: lighter;
	padding-bottom: 10px;
}

ul{
	list-style: none;
}

.altText{
	display: block;
	text-indent: -10000px;
}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}

.masthead{
	display: block;
	width: 273px;
	margin-top: 10px;
	margin-left: 25px;
	text-indent: -999999px;
}

a.masthead{
	width: 220px;
	height: 25px;
	padding: 2px 0 1px; 
	background: transparent url(images/reader-mast.png) no-repeat;
	background: transparent url(images/reader-mast.svg) no-repeat;
}

small {
	font-size: 12px;
	line-height: 1;
}

/* //// STRUCTURE //// */

.header {
	position:absolute;
	width: 100%;
	height: 5px;
	background: #3B3C42;
    z-index: 999;
}

.post-header{
	position:absolute;
	width: 100%;
	top: 5px;
	background: #EAEAEA;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.40);
    -moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.40);
    -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.40);
    z-index: 999;
}

.post-header .container{
	background: #EAEAEA;
	padding: 0;
}

.toggle{
	margin-top: -32px;
	width: 150px;
	float:right;
}

.toggle a{
	text-decoration: none;
	font-size: 15px;
}

.toggle a:hover{
	text-decoration: underline;
}

.collapse{
	display: none;
	background: #EAEAEA;
	overflow:hidden;
}

.collapse-container{
	position: relative;
	min-height: 330px;
	margin-bottom: 5px;
	overflow:hidden;
}

.collapse h1{
	text-align: center;
	font-size: 15px;
	padding-top: 8px;
	border-top: solid 1px #d8d8d8;
}

.collapse .collapse-container ul{
    width: 20%;
    float:left;
    padding: 15px 25px 0 25px;
    margin-bottom: 20px;
}

ul.issue-credits {
	width:100% !important;
	margin-top: -215px;
}

.collapse li{
    font-size: 13px;
    margin-bottom: 15px;
    line-height: 1.4;
}

.collapse .pre-footer{
    overflow:auto;
    border-top: solid 1px #d8d8d8;
}

.collapse .pre-footer ul{
	padding: 5px 0 2px 0;
	overflow:hidden;
}

.collapse .pre-footer li a{
    font-size: 11px;
}

#scrollcrumb{
	display:none;
	position: fixed;
	top: 0;
	height: 50px;
	width: 100%;
	background: #EAEAEA;
	border-top: solid 10px #3B3C42;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.50);
    z-index: 10;
}


.content {
	position:relative;
	width: 100%;
    z-index: 1;
	overflow:hidden;
}

.container {
	width: 100%;
	margin: 0 auto;
	overflow:hidden;
}

.issue-title {
	position: absolute;
	width: 100%;
	top: 200px;
	text-align: center;
	color: #fff;
	text-shadow: 0 0 10px black;
}

.issue-title p{
	font-family: ff-tisa-web-pro, arial;
	font-weight: 100;
	font-size: 20px;
	letter-spacing: .06em;
	word-spacing: .06em; 
}

.issue-title h1{
	font-family: freight-sans-pro, verdana, arial;
	font-size: 46px;
	font-weight: 600;
	color: #fff;
	text-shadow: 0 0 10px black;
	margin-bottom: 50px;
}

.issue-no{
	width: 95px;
	height: 95px;
	margin: 0 auto;
	padding-top: 25px;
	background: transparent url(images/bg-issue.png) no-repeat;
}

.issue-home-container{
	position: relative;
	height: 100%;
	width: 100%;
	margin: 535px 0 0 0;
	right: 0px;
	padding: 35px 0 30px 0;
	background: #EAEAEA;
	z-index: 2;
	text-align: center;
}

.issue-home-container h1 {
	text-align: center;
	margin-bottom: 50px;
}

.issue-home-container ul{
	margin-bottom: 50px;
}

.issue-home-container li{
    margin: 10px 0 20px 10px;
    font-size: 14px;
    overflow:auto;
}

.issue-home-container h3{
	margin-bottom: 30px;
	padding-bottom: 5px;
	text-align: center;
	border-bottom: solid 1px #d8d8d8;
}

.issue-home-container li .author{
	color: #7a7a7a;
}

.issue-home-container li .title{
	width: 100%;	
	margin-right: 15px;
}

.issue-home-container li .title a{
	font-weight: 400 !important;
	font-size: 15px;
}

.artwork-credit a{
	color:#938361 !important;
	font-style: italic;
}

.cover{
	position:absolute;
	top: 0;
	left: 0;
	height: 800px;
	width: 100%;
	float:right;
	display:block;
	z-index: 1;
	overflow: hidden;
}

.cover img{
	width: 100%;
}

.next-button {
	position: fixed;
	top: 44%;
	right: 10px;
	height: 60px;
	width: 60px;
	float: right;
	background: transparent url(images/next-prev-arrows.png) no-repeat;
	background: transparent url(images/next-prev-arrows.svg) no-repeat;	
	text-indent: -9999px;
	z-index: 998;
}

.next-button-over {
	position: fixed;
	top: 44%;
	right: 10px;
	height: 60px;
	width: 60px;
	float: right;
	background: transparent url(images/next-prev-arrows.png) no-repeat;
	background: transparent url(images/next-prev-arrows.svg) no-repeat;	
	text-indent: -9999px;
	z-index: 999;
}

.prev-button {
	position: fixed;
	top: 45%;
	height: 60px;
	width: 60px;
	left: 10px;
	float: left;
	background: transparent url(images/next-prev-arrows.png) 0 -60px no-repeat;
	background: transparent url(images/next-prev-arrows.svg) 0 -60px no-repeat;
	text-indent: -9999px;
	z-index: 998;
}
.prev-button-over {
	position: fixed;
	top: 45%;
	height: 60px;
	width: 60px;
	left: 10px;
	float: left;
	background: transparent url(images/next-prev-arrows.png) 0 -60px no-repeat;	
	background: transparent url(images/next-prev-arrows.svg) 0 -60px no-repeat;
	text-indent: -9999px;
	z-index: 999;
}
.category-lesson-plans .next-button,
.category-lesson-plans .prev-button {
	display: none;
}

.home-container p{
	margin: 0 !important;
	padding: 0 !important;
}

.next-button:hover,
.next-button-over:hover,
.nextbutton:hover {
	background: transparent url(images/next-prev-arrows.png) -60px 0 no-repeat;	
	background: transparent url(images/next-prev-arrows.svg) -60px 0 no-repeat;
}

.prev-button:hover,
.prev-button-over:hover,
.prevbutton:hover {
	background: transparent url(images/next-prev-arrows.png) -60px -60px no-repeat;
	background: transparent url(images/next-prev-arrows.svg) -60px -60px no-repeat;
}

.info {
	float:left;
	width: 318px;
	padding-left: 25px;
}

.info a{
	font-size: 12px;
	text-decoration: none;
}

.info a:hover{
	text-decoration: underline;
}


.home-container .content{
	overflow:hidden;
	width: 100%;
}

.page-container{
	padding: 70px 25px 50px;
	overflow: auto;
	text-align:center;
}

.page-container h1{
	text-align:center;
}

.col-container {
	margin-bottom: 45px;
	overflow: auto;
}

.col-1{
	width: 47%;
	margin-top: 35px;
	margin-right: 25px;
	float: left;
}

.col-2{
	width: 48%;
	margin-top: 35px;
	float: right;
}

.col-1 h3, 
.col-2 h3{
	margin-bottom: 15px;
	padding-bottom: 5px;
	text-align: center;
	border-bottom: solid 1px #d8d8d8;
}

.col-1 .container, 
.col-2 .container{
	padding: 15px;
}

.col-1 li,
.col-2 li{
	line-height: 1.7;
}

.issue-contents,
.tag-archive-contents{
	 float:none;
	 margin-left:auto;
	 margin-right:auto;
	 margin-bottom: 50px;
}

.contributors h3{
	text-align: left;
}

.editors p {
	font-size: 13px;
}

.issue-contents .entry-title a,
.tag-archive-contents .entry-title a{
	 font-weight: 700;
}

.issue-contents h3,
.tag-archive-contents h3{
	margin-bottom: 25px;
}


/* //// POSTS //// */
.post-container {
	margin: 0 auto;
	padding: 70px 0 20px 0;
	width: 500px;
	overflow: hidden;
}

.post-container-photo {
	margin: 0 auto;
	padding: 70px 0 20px 0;
	width: 700px;
	overflow: hidden;
}

.post-container img {
	width: 100%;
}

.post-container p{
	padding-bottom: 20px;
	line-height: 1.6;
	letter-spacing: .057em;
}

.post-container h1{
	font-size: 22px;
	margin-bottom: 10px;
}

.post-container h1 em{
	font-size: 16px;
	color: rgba(46, 47, 52, 0.7);
}

.post-container h2, .post-container-photo h2 {
	text-align: center;
	margin-bottom: 35px;
	font-size: 15px;
}

.post-container h3{
	margin-bottom: 7px;
}

.post-container p a,
.accordionContent a{
	text-decoration: underline;
}

.post-container p a:hover,
.accordionContent a:hover{
	color: #7a7a7a;
}

.footnote {
	font-size: 14px;
	color: #7a7a7a;
}

a.footnote-number{
	color: #7C9161 !important;
	text-decoration: underline !important;
}

a.footnote-back{
	padding-left: 10px;
	color: #999;
	background: transparent url(images/backtotop.png) 0 -18px no-repeat;
	text-decoration: underline;
}

a.footnote-back:hover {
	color: #3B3C42;
	background: transparent url(images/backtotop.png) 0 7px no-repeat;
}

.footer-container{
	width: 100%;
    background: #EAEAEA;
    border-top: 1px solid #d8d8d8;
}

.footer {
	position:relative;
	width: 100%;
	padding: 25px 0 25px 0;
	margin: 0 auto;
	background: #EAEAEA;
    z-index: 10;
}

.footer .container{
	width: 100%;
	background: #EAEAEA;
}

.footer p {
	font-size: 13px;
	font-family: ff-tisa-web-pro, arial;
}

.footer a {
	font-size: 13px;
	font-weight: 700;
}

.copyright{
	font-size: 11px;
	color: #6A6C72;
	padding-top: 25px;
	padding-left: 25px;
}

.caption {
	font-size: 11px;
	color: #6A6C72;
	line-height: 1.5 !important;
	margin-top: -10px;
	margin-bottom: 20px;
}

iframe {
	width: 100%;
}

/* //// PRE FOOTER //// */
.pre-footer{
	position: relative;
	width: 100%;
	background: #EAEAEA;
    border-top: solid 1px #d8d8d8;
	z-index: 5;
}

.pre-footer .container{	
	height: 60px;
	background: #EAEAEA;
}

.pre-footer ul{
	padding-top: 15px;
	margin: 0 auto;
	text-align: center;
}

.pre-footer li{
	margin: 0 45px;	
	text-transform: uppercase;
	display: inline;	
}

.pre-footer li a{
	font-size: 12px;
	font-weight: 700;
	color: #999;
}

/* FOOTER MEDIA QUERIES */

@media only screen and (max-width: 480px) {
	.info {
		margin: 0 auto;
		float:none;
		width: 318px;
		padding: 0;
		text-align: center;
	}
	div#signup {
		margin: 30px auto;
		float:none;
	}	
	#mc_embed_signup {
		margin: 0 auto;
		text-align: center;
	}
	#mc_embed_signup input.email {
		width: 70% !important;
	}
	.pre-footer li{
		display: block;
		padding: none;
	}
}

.content em{
	/*color: #6A6C72;*/
	font-size: 13px;
}

.content p{
	margin-bottom:15px;
}

/* //// BLOG //// */
.breadcrumb{
	margin: 15px 0 0 0;
	padding: 3px 0 3px 0;
	font-size: 13px;
	color: #999999;
}

.breadcrumb a,
#scrollcrumb a{
	color: #999999;
	font-weight: normal;
	text-decoration: none;
}

.breadcrumb a:hover,
#scrollcrumb a:hover{
	color: #565656;
	text-decoration: underline;
}

.breadcrumb li,
#scrollcrumb li{
	display: inline;
	margin: 0 2px 0;
}

div.post-date {
	font-size: 12px;
	color: #999999;
	margin-top:0;
}

.post {
	margin: 10px 0 35px 0;
	padding-bottom: 15px;
	/*border-bottom: solid 1px #d8d8d8;*/
}

.end-container{
	margin-top: 30px;
}

h1.post-header a{
	font-weight: normal;
	text-decoration: none;
	color: #7C9161;
}

h1.post-header a:hover{
	color: #938361;
}

.share {
	margin: -30px 0 20px 0;
	width: 225px;
	float: left;
}

.share h3{
	margin: 0 0 5px 0;
}

.backtotop {
	float: right;
	margin-top: -29px;
	padding: 0 0 2px 0;
	text-indent: 12px;
	background: transparent url(images/backtotop.png) 0 -18px no-repeat;
}

.backtotop:hover{
	background: transparent url(images/backtotop.png) 0 7px no-repeat;
}

.backtotop a {
	color: #999;
}

.backtotop a:hover{
	color: #3B3C42;
	text-decoration: none;
}

.post-content p{
	font-family: verdana, arial;
}

.pagination{
	margin-top: -15px;
	padding-bottom: 5px;
	color: #7C9161;
}

.pagination a{
	font-weight: normal;
	color: #7C9161;
}

.readmore a{
	font-family: ff-tisa-web-pro, arial;
	width: 80px;
	margin-top: 30px;
	padding: 3px 8px 6px 8px;
	text-indent: 4px;
	color: #FFF;
	background: #B7B7B7;
	border: 1px solid #A7A7A7;
	text-decoration: none;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	display:block;
}

.readmore a:hover{
	color: #FFF;
	background: #A7A7A7;
}

.tumblr {
	height: 115px;
	width: 115px;
	padding-top: 15px;
	margin-left: 50px;
}

.tumblr a{
	height: 115px;
	width: 115px;
	display: block;
	background: url(images/btn-tumblr.png) no-repeat;
}

.tumblr a:hover{
	background: url(images/btn-tumblr.png) no-repeat 0 -115px;
}

.tumblr p{
	text-indent: -2000px;
}

.about-author{
	border-top: 3px solid #D38254;
	margin-top: 15px;
	padding: 30px 0 15px 0;
	width: 100%;
	overflow: auto;
	display:block;
}

.about-author h2{
        color: #D38254;
        font-size: 1.12em;
        font-weight: normal;
}

.image{
	float: left;
	width: 90px;
	margin-top: 5px;
}

.text{
	float:right;
	width: 380px;
}

.about-author .text p{
	font-family: ff-tisa-web-pro, arial !important;
}

.category-art .post-container {
	margin: 0 auto;
	width: 60%;
	overflow: visible;
}

.category-art .end-container {
	margin: 0 auto;
	padding-top: 80px;
	width: 40%;
}

.category-art h1,
.category-art .backtotop {
	display: none;
}

.category-art #art {
 width: 100%;
 height: 100%;
 border: 7px solid white; 
 box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}

/* //// EXTERNAL STUFF MAILCHIMP, FACEBOOK LIKE //// */
#signup {
	float:right;
	width: 330px;
}

label{
	display: block;
	margin-bottom: 8px;
}

.subscribe {
	float:left;
	width: 73px;
	margin-left: 5px;
}

#signup {
	margin-right: 0;
}

#signup p{
	padding-bottom: 0;
}

#mc_embed_signup input.email {padding:5px 0; margin:0 0 10px 0; text-indent:5px; height: 16px; width:60%; min-width:130px; background: #DEDEE0; border: 1px solid #CCC; float:left;}

#mc_embed_signup .button {clear:both; background-color: #3B3C42; border: 0 none; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:12px; font-weight: 700; height: 28px; text-align: center; text-decoration: none; white-space: nowrap; width: auto;	-moz-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3px 3px;}

#mc_embed_signup .button:hover {background-color: #2e2f38;}

#mc_embed_signup input.button {display:block; height:30px; margin:0 0 10px 0; min-width:90px;}

.like-us-container {	
	width: 289px;
	overflow: hidden;
	padding-left: 5px;
	border-radius: 8px;
	display: none;
}

.like-us {
	margin-left: -8px;
}

.like-us-box {
	width: 52px;
	height:60px;
	position: absolute;
	display:block;
	z-index: 2;
	background:#EAEAEA;
}

.objective, .pullquote{
	border-top: 3px solid #CCC;
	border-bottom: 3px solid #CCC;
	padding: 15px 0 0 0;
	margin: 25px 0 20px 0;
}

.quote{
	font-family: ff-tisa-web-pro, arial;
	margin-left: 35px;
	margin-bottom: 20px;
}

.space{
	height: 20px;
}

#u_0_2,
._1drm {
	background: transparent !important;
}

/* ///// ACCORDIAN ///// */
#more-wrapper {
	margin: 30px auto 0 auto;
	width: 100%;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size: 13px;
	overflow: auto;
}

#excerpt-wrapper p{
	font-size: 13px;
	font-family: ff-tisa-web-pro, arial;
}
 
.accordionButton {	
	width: 100%;
	padding: 6px 0 12px 0;
	float: left;
	border-bottom: 1px solid #CCC;
	cursor: pointer;
	text-decoration: underline;
	text-align: center;
	letter-spacing: .05em;
}

.accordionButton ~ .accordionButton{
	border-bottom: none;
}

.accordionButton:hover {
	text-decoration: none;
}
 
.accordionContent {	
	width: 100%;
	padding: 25px 0 35px 0;
	float: left;
	display: none;
	border-bottom: 1px solid #CCC;
}

.accordionContent ~ .accordionContent{
	border-top: 1px solid #CCC;
	border-bottom: none;
}

.col-oops {
	margin: 50px 0 75px 0;
	min-height: 400px;
	text-align: center;
}

h1.oops {
	font-size: 3.5em;
	margin-bottom: 50px;
}

ul.a-list{
	list-style: circle;	
	margin: 0 0 15px 0;
}

ul.a-list li{
	margin-left:45px;
}

ul.a-list li p{
	margin-bottom: 0;
	padding-bottom: 2px;
}

input.search-button,
input.search-button:active {
	cursor:pointer;
	border: none;
	font-family: ff-tisa-web-pro, arial;
	font-weight: 400;
	font-size: 15px;
	padding: 5px;
}

.search-input {
	height:30px;
	width: 30%;
	margin-bottom: 10px;
	padding-left: 3px;
	border: solid 1px #ccc;
	border-radius: 3px;
	background: #EAEAEA;
	font-size: 15px;
	color: #999;
	-webkit-appearance:none;
}

input:focus, textarea:focus{
	outline:none;
	background: #F2F2F2;
}

.search-header{
	margin-bottom: 5px !important;
	border: none !important;
}

.postform {
	border: solid 1px #ccc;
	height:30px;
	width: 120px;
	margin-left: 2px;
}

.tag-links, 
.col-1 .entry-title,
.post-meta,
.cat-links {
	font-size: 13px;
}

.list-item-title{
	margin-bottom: 15px;
}

.post-meta {
	color: #7a7a7a;
}

.entry-content{
	margin-top: 35px;
}

.entry-content ul{
	margin-bottom: 35px;
	font-size: 13px;
}

.articles{
	font-size: 13px !important;
}

.articles a{
	font-weight: 700;
}

.question {
	font-weight: 700;
	font-family: ff-tisa-web-pro, arial;
}

/* //// Contact Form  //// */
#wpcf7-f111-p81-o1 {margin: 20px; !important}
}