/*-----------------------------------------------------------------------------------

	Theme Name: Quaker faith & practice
	Theme URI: http://quaker.org.uk
	Description: Quaker faith & practice, fifth edition
	Author: Kealan Fallon for Britain Yearly Meeting
	Version: 1.3
	License: CC BY-NC-ND 3.0

/*------------------------------------------------------------------------------------

	0.	CSS Reset & Clearfix & Imports

-------------------------------------------------------------------------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	background: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active { 
	outline: 0;
}

a img {
	border: 0;
}


/* Global ------------------------------------- */

body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: Arial, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.4;
}

/* Headings ------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text Elements ------------------------------------- */

p {
	margin-bottom: 1.1em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

b, strong {
	font-weight: bold;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
}

img {
	height: auto;
	max-width: 100%;
	width: 100%;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

button,
input {
	line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {	
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	overflow: auto;
	padding-left: 3px;
	vertical-align: top;
	width: 98%;
}

/* Alignment ------------------------------------- */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Clearing ------------------------------------- */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}


/* Navigation ------------------------------------- */

.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	/*display: block;*/
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	display: none;
	float: left;
	left: 0;
	position: absolute;
	top: 1.5em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {
}

.main-navigation li:hover > a {
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	display: block;
}

.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
}

/* Small Menu ------------------------------------- */
.menu-toggle {
	cursor: pointer;
	display: none;
}

@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}


/* Content ------------------------------------- */

.sticky {
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/* Asiders ------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}


/* Media ------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.site-main .gallery {
	margin-bottom: 1.5em;
}

.gallery-caption {
}

.site-main .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}

.site-main .gallery dd {
	margin: 0;
}

.site-main .gallery-columns-4 .gallery-item {
}

.site-main .gallery-columns-4 .gallery-item img {
}

embed,
iframe,
object {
	max-width: 100%;
}


/* Navigation ------------------------------------- */

.site-main [class*="navigation"] {
	margin: 0 0 1.5em;
	overflow: hidden;
}
[class*="navigation"] .nav-previous {
	float: left;
	width: 50%;
}
[class*="navigation"] .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


/* Comments ------------------------------------- */

.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
}


/* Widgets ------------------------------------- */

.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

.widget_search .search-submit {
	display: none;
}


/* Infitiy Scrolling ------------------------------------- */


.infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer { 
	display: none;
}

.infinity-end.neverending .site-footer {
	display: block;
}

/* Screen Reader Text ------------------------------------- */

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

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*------------------------------------------------------------------------------------

	x.	Fonts

--------------------------------------------------------------------------------------

@license
MyFonts Webfont Build ID 2684537, 2013-11-08T10:37:41-0500

The fonts listed in this notice are subject to the End User License
Agreement(s) entered into by the website owner. All other parties are 
explicitly restricted from using the Licensed Webfonts(s).

You may obtain a valid license at the URLs below.

Webfont: Glypha Pro 45 Light by Linotype
URL: http://www.myfonts.com/fonts/linotype/glypha/pro-45-light/
Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 2008 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be reproduced, 
Licensed pageviews: 250,000
 
License: http://www.myfonts.com/viewlicense?type=web&buildid=2684537
© 2013 MyFonts Inc

--------------------------------------------------------------------------------------*/

@font-face {
	font-family: 'Glypha';
	src: 	url('inc/fonts/glypha/28F679_0_0.eot');
	src: 	url('inc/fonts/glypha/28F679_0_0.eot?#iefix') format('embedded-opentype'),
			url('inc/fonts/glypha/28F679_0_0.woff') format('woff'),
			url('inc/fonts/glypha/28F679_0_0.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*------------------------------------------------------------------------------------

	x.	Custom Defaults

-------------------------------------------------------------------------------------*/

/* Links ------------------------------------- */

a {
	color: #55a0d3;
	font-weight: bold;
	-webkit-transition: color .1s linear;
	-moz-transition: color .1s linear;
	-o-transition: color .1s linear;
	-ms-transition: color .1s linear;
	transition: color .1s linear;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #286C9A;
}

/* Headings ------------------------------------- */

h1 { font-size: 2.25em; }
h2 { font-size: 2.00em; }
h3 { font-size: 1.75em; }
h4 { font-size: 1.50em; }
h5 { font-size: 1.25em; }
h6 { font-size: 1.00em; }

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, h7, h7 a {
	letter-spacing: -0.03em;
	line-height: 1em;
	margin-bottom: 0.5em;
	font-weight: normal;
}
/*
.glypha {
	font-family: Glypha;
	line-height: inherit;
	margin: 0.7em 0 0 0;
}

.glypha:first-of-type {
	margin-top: 0px;
}
*/

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  	border: 1px solid #ccc;
  	color: #34495e;
  	font-size: 13px;
  	padding: 6px 5px;
  	min-height: 21px;
  	text-indent: 6px;
  	box-shadow: none;
	  	-webkit-transition: border .25s linear, color .25s linear;
	  	-moz-transition: border .25s linear, color .25s linear;
	  	-o-transition: border .25s linear, color .25s linear;
	  	transition: border .25s linear, color .25s linear;
	min-device-width: 200px;
	font-family: inherit;
	border-radius: 0px;
}

.search-submit {
	display: none;
}

.one-half { width: 48%; }
.one-third { width: 30.66%; }
.two-third { width: 65.33%; }
.one-fourth { width: 22%; }
.three-fourth { width: 74%; }
.one-fifth { width: 16.8%; }
.two-fifth { width: 37.6%; }
.three-fifth { width: 58.4%; }
.four-fifth { width: 79.2%; }
.one-sixth { width: 13.33%; }
.five-sixth { width: 82.67%; }

.one-half,
.one-third,
.two-third,
.three-fourth,
.one-fourth,
.one-fifth,
.two-fifth,
.three-fifth,
.four-fifth,
.one-sixth,
.five-sixth {
	position: relative;
	margin-right: 4%;
	margin-bottom: 3em;
	float: left;
}

.last {
	margin-right: 0!important;
	clear: right;
}

/*------------------------------------------------------------------------------------

	x.	Normal Layout

-------------------------------------------------------------------------------------*/

/* Width handles ------------------------------------- */

.page-wrap {
	width: 90%;
	margin: 0 auto;
}

/*------------------------------------------------------------------------------------

	x.	Header

-------------------------------------------------------------------------------------*/

.site-header {
	background-color: #ef3e42;
	color: #fff;
	padding: 40px 5%;
}

.site-branding {
	width: 80%;
	/*margin-top: 24px;*/
	display: inline-block;
	float: left;
}

.site-header h1 a {
	font-family: Glypha;
	color: #fff;
	font-size: 1.25em;
}

.site-header h2 {
	font-family: Glypha;
	font-size: 1.6em;
	letter-spacing: normal;
}

.site-header h3 {
	font-size: 1em;
	margin-top: 20px;
	letter-spacing: normal;
}

#site-navigation {
	padding: 20px 0px;
	width: 100%;
	background: rgb(240, 242, 244);
	z-index: 5;
}

.main-navigation ul {
	width: 90%;
	margin: 0 auto;
	line-height: 35px;
}

.main-navigation ul li {
	margin-right: 2em;
	height: 35px;
	font-size: 0.9em;
}

.main-navigation a {
	font-weight: normal;
	line-height: 35px;
}

.logo {
	display: inline-block;
	width: 120px;
	min-height: 120px;
	background: url(inc/img/logo-white.png) no-repeat;
	background-size: 100%;
	float: right;
	top: -8px;
	position: relative;
	
}

.nav-search {
	float: right;
	margin-right: 5%;
}

.no-results {
	margin: 50px 0px;
}

/*------------------------------------------------------------------------------------

	x.	Footer

-------------------------------------------------------------------------------------*/

.copyr {
	font-size: 0.85em;
}

.footer-wrap {
	width: 100%;
	padding: 2em 0;
	border-top: 2px solid rgb(240, 242, 244);
	margin-top: 2em;
}

.site-footer {
	width: 90%;
	margin: 0 auto;
}

.site-footer div {
	margin-bottom: 0px;
}

/*------------------------------------------------------------------------------------

	x.	Table of Contents

-------------------------------------------------------------------------------------*/

#page-content {
	position: relative;
}

.toc {
	width: 27%;
	float: left;
	padding-left: 5%;
	margin: 20px 0px;
	font-size: 0.9em;
	margin: 40px 0;
	margin-right: 3%;
	z-index: 2;
	font-size: 0.9em;
}

#chapter-menu.fixed{
  position: fixed;
  z-index: 10;
  top: 0px;
  display: block;
}

.toc h1 {
	font-size: 1.25em;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	letter-spacing: -0.02em;
}

.toc ul {
	list-style: decimal;
	margin-left: 1.5em;
	margin-bottom: 0px;
	margin-right: 0px; /*30px*/
}

.toc li a {
	font-weight: normal;
	color: inherit;
	margin-bottom: 5px;
}

.toc li a:hover {
	color: #55a0d3;
}

.menu-indexes-container ul,
.menu-pre-container ul {
	list-style: none;
}

/*------------------------------------------------------------------------------------

	x.	Content

-------------------------------------------------------------------------------------*/

#reader {
	width: 59%;
	display: block;
	float: right;
	margin: 40px 5% 0 0;
	left: 280px;
	z-index: 1;
}

.reader h1 {
	font-family: Glypha;
	line-height: inherit;
	text-align: left;
}

h1.chapter-number {
	font-family: inherit;
	font-size: 1.2em;
	letter-spacing: 0em;
	margin-bottom: 1em;
}

h1.chapter-name {
	font-family: Glypha;
}

#chapter h2 {
	font-family: Glypha;
	font-size: 1.9em;
}

#chapter h3,
#passage h3 {
	font-family: Glypha;
	font-size: 1.6em;
}

#chapter h4,
#passage h4 {
	font-family: Glypha;
	font-size: 1.4em;
	margin: 0.25em 0 0.75em 0;
}

#passage h4 {
	margin: 1.3em 0 0 0;
}

td.passage-number {
	width: 50px;
}

td.passage-text,
.passage-single {
	text-align: justify;
}

h6 a {
	color: inherit;
}

tr.heading h2,
tr.heading h3 {
	margin: 0.5em 0;
}

tr.heading h2,
tr.heading h3,
tr.heading h4 {
	text-align: left;
}

tr.heading.first h2,
tr.heading.first h3,
tr.heading.first h4 {
	margin-top: 0px;
}

hr.small {
	width: 10%;
	margin: 1.25em auto 1.0em auto;
	background-color: #222;
}

ol.advices li {
	margin-bottom: 0.75em;
}

.passage-single {
	margin-top: 20px;
}

#chapter-menu {
	margin-top: 20px;
}

tr.passage a,
.passage-single a {
	font-weight: normal;
}

tr.passage ol hr,
hr.small {
	width: 15%;
	margin: 1.25em auto;
	background-color: #000;
}

.indent {
	margin-left: 3em;
}

.indent.more {
	margin-left: 6em;
}

tr.passage ol.aandq li,
ol.alpha li {
	margin-bottom: 0.5em;
}

ol.alpha {
	list-style: lower-alpha;
}

ul.blank {
	list-style: none;
}

span.alpha {
	left: -1.5em;
	position: relative;
}

.next-passage,
.next-chapter {
	float: right;
	width: 30%;
	text-align: right;
	display: inline-block;
}

.prev-passage,
.prev-chapter {
	float: left;
	width: 30%;
	text-align: left;
	display: inline-block;
}

.end-of-chapter {
	margin-bottom: 1.5em;
}

.end-of-chapter h3 {
	font-family: Glypha;
	margin-bottom: 25px;
}

.caption {
	text-align: center;
	padding-right: 15px;
	font-size: 0.9em;
}

.one-fourth.book img {
	width: 130px;
	height: 200px;
	margin-bottom: 10px;
}

.end-of-chapter h1 {
	font-family: Glypha;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	font-size: 1.5em;
}

.end-of-chapter .new {
	margin-top: 3em;
}

.poem p {
	margin-bottom: 0px;
}

.poem {
	margin-bottom: 1em;
}

table#full-chapter {
	margin-bottom: 4em;
}

ol.roman {
	list-style: lower-roman;
}

.next-passage,
.prev-passage,
.next-chapter,
.prev-chapter {
	margin-top: 1em;
}

footer.site-footer p {
	font-size: 0.9em;
	font-size: 12px;
	margin-bottom: 0.75em;
}

.page a {
	font-weight: normal;
}

.welsh-translations p {
	margin-bottom: 2em;
}

/* Search Results page */

section.search {
	margin-top: 2em;
}

article.search h1 {
	font-size: 1.7em;
}

article.search h2 {
	font-size: 1.6em;
	line-height: 1.2em;
	font-family: Glypha;
}

article.search {
	margin-bottom: 2em;
}

.new-section h1 {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #ccc;
}

.a-and-q p {
	font-size: 1.1em;
}

.front-page-books h1 {
	font-size: 1.6em;
	margin-top: 1.0em;
	margin-bottom: 0.8em;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #ccc;
}

.logo a {
	height: 120px;
	width: 120px;
	display: block;
	text-indent: -9999px;
}

p.back-to-top {
	float: right;
	display: inline;
	font-size: 0.9em;
	margin: 0px;
}

p.back-to-top a {
	font-weight: normal;
	margin-right: 30px;
	display: none;
}

#site-navigation .search-form {
	float: right;
}

.error-404 {
	margin-top: 4em;
	margin-bottom: 2em;
}

.search-title {
	margin-top: 1.5em;
}

.buy-online {
	padding-left: 30px;
	margin-left: 10px;
	border-left: 1px solid #B4B5B7;
}

.no-results input.search-field {
	width: 50%;
	margin-top: 1.5em;
}

/*------------------------------------------------------------------------------------

	x.	503

-------------------------------------------------------------------------------------*/

.wrapper {
	width: 100%;
	padding: 15% 0px;
	height: 220px;
	background-color: #ef3e42;
	color: #fff;
}

.splash {
	width: 85%;
	margin: 0 auto;
	position: relative;
}

.white-logo {
	width: 150px;
	height: 150px;
	position: absolute;
	right: 10%;
	top: 10%;
	background: url(inc/img/logo-white.png) no-repeat;
	background-size: 100%;
}

.splash h1 {
	font-weight: 300;
	font-size: 65px;
	font-family: Glypha;
	letter-spacing: normal;
}

.splash h2 {
	font-weight: 300;
	font-family: Glypha;
	font-size: 40px;
	letter-spacing: 0.02em;
	margin-top: 55px;
}

.info h3 {
	font-size: 22px;
	letter-spacing: normal;
	font-family: Glypha;
}

.info {
	width: 85%;
	margin: 0 auto;
	padding: 50px 0;
}

.info .last a {
	display: block;
	margin-bottom: 0.5em;
}

body.postid-10 div.book img {
	display: none;
}

/*------------------------------------------------------------------------------------

	x.	Tablet setup

-------------------------------------------------------------------------------------*/

#toc {
	margin: 40px 5%;
}

#chapter-menu.fixed{
	position: fixed;
	z-index: 10;
	top: 0px;
	display: block;
}

#toc h1 {
	font-size: 1.75em;
	font-family: Glypha;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

#toc ul {
	list-style: decimal;
	margin-left: 2.5em;
	margin-bottom: 0px;
	margin-right: 0px; /*30px*/
	font-size: 1.1em;
}

#toc li a {
	font-weight: normal;
	color: inherit;
	margin-bottom: 5px;
}

#toc li a:hover {
	color: #55a0d3;
}

ul#menu-pre,
ul#menu-indexes {
	list-style: none;
}

.ipad-toc {
	display: none;
}

.iphone-contents {
	display: none;
	margin-left: 9%;
	font-size: 0.9em;
}

input.search-field {
	width: 200px;
}

.mobile-search-icon {
	display: none;
}

.search-page input.search-field {
	width: 50%;
}

/*------------------------------------------------------------------------------------

	x.	Tablets

-------------------------------------------------------------------------------------*/

@media only screen and (max-width: 768px) {
 
.toc {
	display: none;
	position: absolute;
    width: 90%;
    background-color: #fff;
    padding-bottom: 200px;
}

#content {
	width: 100%;
}

#reader {
	width: auto;
	display: block;
	float: right;
	margin: 40px 5% 0 5%;
} 

.bread {
	display: none;
}

.front-page-books .one-fourth.book img {
	width: 150px;
	height: 230px;
}

.ipad-toc {
	display: inline;
}

.one-fourth.book img {
	height: 160px;
}

.one-fourth.book p {
	font-size: 0.9em;
}
 
}


@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {

.front-page-books .one-fourth.book img {
	height: auto !important;
}

.one-fourth.book p {
	font-size: 0.9em;
}

.end-of-chapter .two-third.last {
	display: none;
}

.end-of-chapter .one-third {
	width: 100%;
}

.ipad-toc {
	display: inline;
}

.logo {
	display: none;
}

#nav-search {
	display: none;
}

.iphone-contents {
	display: inline;
}

.one-fourth.book img {
	height: 100px;
}

.one-half {
	width: 100%;
}

.mobile-search-icon {
	background-image: url(inc/img/search.png);
	background-size: 100%;
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-left: 24px;
	top: 5px;
	position: relative;
}

.mobile-search-icon a {
	display: block;
	height: 20px;
	width: 20px;
	text-indent: -9999px;
}

.search-page input.search-field {
	width: 96%;
}

.search-page h1 {
	font-size: 2em;
}

/* 503 ----- */

.maintenance .white-logo {
	display: none;
}

.maintenance h1 {
	font-size: 50px;
	margin-top: 0.5em;
}

}

.site-content.maint h3 {
	font-family: 'Glypha';
	font-size: 23px;
	margin: 50px 5%;
}