@charset "UTF-8";
/* normalize.css v1.0.1 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/* Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

/* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue: no IE 6 support. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/* 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. */
html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

/* Addresses `font-family` inconsistency between `textarea` and other form elements. */
html, button, input, select, textarea { font-family: sans-serif; }

/* Addresses margins handled incorrectly in IE 6/7. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/* Addresses `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/* Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/* Addresses font sizes and margins set differently in IE 6/7. Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

h2 { font-size: 1.5em; margin: 0.83em 0; }

h3 { font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: 0.83em; margin: 1.67em 0; }

h6 { font-size: 0.75em; margin: 2.33em 0; }

/* Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/* Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

/* Addresses styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/* Addresses styling not present in IE 6/7/8/9. */
mark { background: yellow; color: black; }

/* Addresses margins set differently in IE 6/7. */
p, pre { margin: 1em 0; }

/* Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; }

/* Improves readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/* Addresses CSS quotes not supported in IE 6/7. */
q { quotes: none; }

/* Addresses `quotes` property not supported in Safari 4. */
q:before, q:after { content: ""; content: none; }

/* Addresses inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/* Prevents `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Lists ========================================================================== */
/* Addresses margins set differently in IE 6/7. */
dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

/* Addresses paddings set differently in IE 6/7. */
menu, ol, ul { padding: 0 0 0 40px; }

/* Corrects list images handled incorrectly in IE 7. */
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ========================================================================== Embedded content ========================================================================== */
/* 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3. 2. Improves image quality when scaled in IE 7. */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/* Corrects overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/* Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/* Corrects margin displayed oddly in IE 6/7. */
form { margin: 0; }

/* Define consistent border, margin, and padding. */
fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/* 1. Corrects color not being inherited in IE 6/7/8/9. 2. Corrects text not wrapping in Firefox 3. 3. Corrects alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }

/* 1. Corrects font size not being inherited in all browsers. 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome. 3. Improves appearance and consistency in all browsers. */
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }

/* Addresses Firefox 3+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Corrects inability to style clickable `input` types in iOS. 3. Improves usability and consistency of cursor style between image-type `input` and others. 4. Removes inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }

/* Re-set default cursor for disabled elements. */
button[disabled], input[disabled] { cursor: default; }

/* 1. Addresses box sizing set to content-box in IE 8/9. 2. Removes excess padding in IE 8/9. 3. Removes excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

/* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/* Removes inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* Removes inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. Removes default vertical scrollbar in IE 6/7/8/9. 2. Improves readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/* Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

/*
 * jQuery UI Tabs 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { clear: both; display: block; float: none; margin: 0; padding: 0 2em 0 50px; width: 100%; position: relative; zoom: 1; background: rgba(241, 242, 243, 0.5); border-top: 20px solid #1a1a1a; border-bottom: 2px solid #1a1a1a; color: #1a1a1a; }

.ui-tabs-nav { clear: none; display: block; float: left; margin: -5px 0 0 0; padding: 0; width: 100%; border-top: 5px solid #bf484a; }
.ui-tabs-nav li { clear: none; display: block; float: left; margin: 0 0.2em 1px 0; padding: 0; width: auto; list-style: none; position: relative; top: 0; border-bottom: 0!important; white-space: nowrap; }
.ui-tabs-nav li a, .ui-tabs-nav li b { clear: none; display: block; float: left; margin: 0; padding: 0.5em 1em; width: auto; text-decoration: none; }
.ui-tabs-nav li b { font-weight: 400; color: #b3b3b3; }
.ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-state-disabled a, .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs-nav a:link, .ui-tabs-nav a:visited { color: #1a1a1a; }
.ui-tabs-nav a:active, .ui-tabs-nav a:focus, .ui-tabs-nav a:hover { background: #f0f0f0; color: #1a1a1a; }
.ui-tabs-nav li.ui-tabs-selected a { background: #bf484a; color: #f1f2f3; }
.ui-tabs-nav li a, .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

.ui-tabs-panel { display: block; border-width: 0; margin: 0; padding: 0; background: none; }

.ui-tabs-hide { display: none !important; }

/*  jQuery RefineSlide plugin v0.3 Copyright 2012, Alex Dunphy MIT License (http://www.opensource.org/licenses/mit-license.php)  Base styles */
/*
.rs-wrap:after,
.rs-slider:after,
.rs-thumbwrap:after,
.rs-arrows:after,
.rs-caption:after { content: "\0020"; display: block; height: 0; clear: both; line-height: 0; visibility: hidden; }
*/
/* ===[ Slider ]=== */
.rs-wrap { margin: 0; padding: 0; position: relative; max-width: 100%; }

.rs-slide-bg { *zoom: 1; }

.rs-slider { display: block; margin: 0; padding: 0; overflow: hidden; }

.rs-slider > li > a { display: block; }

.rs-slider > li { list-style: none; filter: alpha(opacity=0); opacity: 0; width: 100%; height: 100%; margin: 0 -100% 0 0; padding: 0; float: left; position: relative; }

.rs-slider > li > a { padding: 0; }

.rs-slider > li img { display: block; max-width: 100%; max-height: 100%; -ms-interpolation-mode: bicubic; }

/* ===[ Thumbnails ]=== */
.rs-thumb-wrap { *zoom: 1; }

.rs-thumb-wrap > a { display: block; float: left; position: relative; }

.rs-thumb-wrap > a > img { max-width: 100%; max-height: 100%; display: block; -ms-interpolation-mode: bicubic; }

.rs-thumbwrap > a:first-child { margin-left: 0!important; }

/* ===[ Arrows ]=== */
.rs-arrows { margin: 0; padding: 0; }

.rs-arrows .rs-next, .rs-arrows .rs-prev { z-index: 1; }

.rs-arrows:hover .rs-next, .rs-arrows:hover .rs-prev { z-index: 2; }

/* ===[ Captions ]=== */
.rs-caption { position: absolute; max-height: 100%; overflow: auto; bottom: 0; left: 0; }

.rs-caption.rs-top-left { top: 0; bottom: auto; }

.rs-caption.rs-top-right { top: 0; right: 0; left: auto; bottom: auto; }

.rs-caption.rs-bottom-left { bottom: 0; left: 0; }

.rs-caption.rs-bottom-right { right: 0; left: auto; border-bottom: none; border-right: none; }

.rs-caption.rs-top { top: 0; bottom: auto; width: 100%!important; }

.rs-caption.rs-bottom { width: 100%!important; }

.rs-caption.rs-left { top: 0; height: 100%; }

.rs-caption.rs-right { top: 0; left: auto; right: 0; height: 100%; }

/* ===[ Grid ]=== */
.rs-grid { position: absolute; overflow: hidden; width: 100%; height: 100%; display: none; }

.rs-gridlet { position: absolute; opacity: 1; }

/* jQuery RefineSlide plugin v0.3 Copyright 2012, Alex Dunphy MIT License (http://www.opensource.org/licenses/mit-license.php)  Dark theme */
.rs-slider { margin: 2px 0; padding: 0; }

.rs-slide-bg { margin: 50px 0 0 0; border-color: #1a1a1a; border-style: solid; border-width: 20px 0 5px 0; background: transparent; overflow: hidden; }

/* ===[ Thumbnails ]=== */
.rs-thumb-wrap { margin: 21px 0 0 0; }

.rs-thumb-wrap > a { opacity: .7; padding: 8px; *padding: 0; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; }

.rs-thumb-wrap > a:hover, .rs-thumb-wrap > a.active { opacity: 1; }

.rs-thumb-wrap > a:first-child { margin-left: 0!important; }

/* ===[ Arrows ]=== */
.rs-arrows { background: rgba(26, 26, 26, 0.75); position: absolute; bottom: 20px; left: 0; }
.rs-arrows .rs-next, .rs-arrows .rs-prev { width: 42px; height: 42px; display: block; float: left; margin: 10px 0; position: relative; padding: 0 2px 2px 0; }
.rs-arrows .rs-next:active, .rs-arrows .rs-prev:active, .rs-arrows .rs-next:focus, .rs-arrows .rs-prev:focus, .rs-arrows .rs-next:hover, .rs-arrows .rs-prev:hover { background: transparent; }
.rs-arrows .rs-next:before, .rs-arrows .rs-prev:before { content: ""; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #f1f2f3; border-left: 10px solid rgba(241, 242, 243, 0.9); position: absolute; top: 11px; left: 16px; }
.rs-arrows .rs-prev:before { border-left: none; border-right: 10px solid #f1f2f3; border-right: 10px solid rgba(241, 242, 243, 0.9); }
.rs-arrows .rs-prev:hover:before { border-right: 10px solid #bf484a; }
.rs-arrows .rs-next:hover:before { border-left: 10px solid #bf484a; }
.rs-arrows .rs-prev:active:before { border-right: 10px solid #bf484a; }
.rs-arrows .rs-next:active:before { border-left: 10px solid #bf484a; }

/* ===[ Captions ]=== */
.rs-caption { background: rgba(26, 26, 26, 0.75); color: #babfc4; padding: 0 0 15px 0; overflow: hidden; }
.rs-caption h4 em { background: #bf484a; color: #f1f2f3; display: block; float: left; font-style: normal; padding: 5px 7px 5px 20px; }
.rs-caption h4 strong { background: #1a1a1a; color: #f1f2f3; display: block; float: left; padding: 5px 10px 5px 7px; }
.rs-caption blockquote { border-left: 0; clear: both; float: left; margin: 0; padding: 0; width: 100%; }
.rs-caption p { clear: both; color: #babfc4; margin: 0 20px 10px 20px; }
.rs-caption blockquote p.ref { margin: 0 20px 0 0; }

.rs-caption.rs-bottom-right { border-top: 5px solid #1a1a1a; bottom: 20px; }

.rs-caption.rs-bottom-right h4 { display: block; float: left; margin: 0px 20px 15px 0; padding: 0 10px 0 0; text-transform: uppercase; width: auto; }

.rs-caption.rs-bottom-right a.more { float: left; }

/* ===[ Grid ]=== */
.rs-grid { overflow: hidden; }

/* ===== Primary Styles ======================================================== Author: Adam Ziółkowski <zett.adam@gmail.com> ========================================================================== */
/* LAYOUT ------------------------------------------------------------------- */
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

html, body { clear: none; display: block; float: none; margin: 0; padding: 0; width: 100%; }

.m-main--header { clear: both; display: block; float: none; margin: 0; padding: 0 0 0 20px; width: 100%; }
.m-main--header .m-sub--logo { clear: both; display: block; float: right; margin: 0; padding: 0; width: 100%; height: 100px; position: relative; }
.m-main--header .m-sub--logo em, .m-main--header .m-sub--logo strong { clear: both; display: block; float: left; margin: 0; padding: 0; width: 100%; position: absolute; height: 50px; }
.m-main--header .m-sub--logo em { padding: 30px 5px 0 20px; }
.m-main--header .m-sub--logo strong { padding: 0 0 0 20px; top: 50px; }

.m-main--content { clear: both; display: block; float: none; margin: 0; padding: 0; width: 100%; }

figure { display: block; margin: 0; padding: 0; }

figure.sign, figure.topic, figure.issue { clear: none; display: block; float: left; margin: 0; padding: 0; width: 33.3333%; position: relative; z-index: 1; }

figure.sign img, figure.topic img, figure.issue img { clear: none; display: block; float: left; margin: 0; padding: 0; width: 100%; }

figure.sign figcaption, figure.topic figcaption, figure.issue figcaption { bottom: 10px; left: 0; padding: 5px 10px; position: absolute; z-index: 2; }

.caption { display: block; float: left; margin: -30px 0 0 0; padding: 10px 20px 10px 50px; position: relative; width: auto; max-width: 70%; z-index: 2; }

.cover, .book-cover, .doc-cover { clear: none; display: block; float: left; margin: 40px 3% 25px 5px; padding: 1px 0; width: 20%; }

.chapter-detail .cover { margin: 0 3% 25px 5px; }

.cover-wide { display: block; float: none; max-width: 100%; max-height: 340px; }

.ui-tabs { margin: 0; padding: 0 20px; }

.tab { clear: both; margin: 0; }

#tab_summary { padding: 20px 0 0 0; }

/*.cover-index { margin: 0 0 20px 0; padding: 0; }*/
/*.cover-index li { padding: 0 20px 10px 0; width: 100%; }*/
/*.cover-index li div { display: block; margin: 0 0 0 160px; padding: 0; width: auto; }*/

.cover-index .flex-list {
    display: flex;
    flex-wrap: wrap;
}

.cover-index .entry  {
    display: flex;
    width: 100%;
}

.cover-index .flex-cover {
    margin: 15px;
}

.cover-index .flex-cover img {
    max-width: 160px;
}

#tab_features .cover-index .entry,
#tab_perspectives .cover-index .entry {
    width: 100%;
    margin-top: 20px;
}

#tab_features .cover-index .entry img,
#tab_perspectives .cover-index .entry img {
    width: 90%;
}

#tab_features .cover-index .entry a,
#tab_perspectives .cover-index .entry a {
    flex: 1;
}

#tab_features .cover-index .entry .meta,
#tab_perspectives .cover-index .entry .meta {
    flex: 1;
}

.cover-index .meta h4 {
    margin-bottom: 5px;
}

.cover-index .meta h5 {
    margin-top: 5px;
}

.toc h6 { margin: 0 0 20px 5px; }
.book-info .book-download { font-size: 18px; }


#expand-link { clear: both; display: block; float: right; margin: 20px 0 0 0; padding: 15px 30px; }

article { clear: both; display: block; float: left; margin: 30px 0 0 0; padding: 0; width: 100%; }
article nav.breadcrumbs { clear: both; display: block; float: none; margin: 0; padding: 0; width: 100%; height: auto; position: relative; }
article nav.breadcrumbs ul { clear: none; display: block; float: none; margin: 0; padding: 0; width: auto; position: absolute; bottom: 1px; left: 20px; }
article nav.breadcrumbs ul li { clear: none; display: block; float: left; margin: 0; padding: 0; width: auto; }
article nav.breadcrumbs ul li a { clear: none; display: block; float: left; margin: 0 1px 0 0; padding: 2px 10px; width: auto; }
article [class$="--header"] .title { margin: 0; padding: 20px 20px 10px 20px; }
article [class$="--header"] .subtitle { margin: 0; padding: 0 20px 20px 20px; }
article [class$="--header"] blockquote { margin: 0; padding: 0px 20px 10px 20px; }
article [class$="--header"] blockquote p { margin: 0; }
article [class$="--header"] blockquote p.ref { margin: 1em 0 0 0; }
article header figure { margin: 0; padding: 0; }
article header figure img { nargin: 2px 0; padding: 2px 0; }
article header figcaption { padding: 10px 20px; }
article section.description { clear: both; display: block; float: none; margin: 0; padding: 20px; width: 100%; }
article section.description a.more { clear: both; display: block; float: right; margin: 20px 0; padding: 10px 20px; width: auto; }
article .related-issues { clear: both; display: block; float: none; margin: 0; padding: 20px; width: 100%; }
article .related-issues h6 { margin: 0; }
article .related-issues ul { display: block; float: left; margin: 5px 0 0 0; padding: 0; }
article .related-issues li { display: block; float: left; }
article .related-issues a { display: block; float: left; margin: 0 1px; padding: 3px 4px; }
article .body, article .aside { clear: both; display: block; float: none; margin: 0; padding: 20px; width: 100%; height: auto; }
article .aside .info { clear: both; display: block; float: none; margin: 0; padding: 0; width: 100%; }
article .aside .info li { clear: none; display: block; float: left; margin: 0 20px 0 0; padding: 0; width: auto; }

.dropcap { display: block; float: left; margin: 0 5px 0 0; padding: 0 10px; }

.entries { clear: both; display: block; float: none; margin: 2px 0; padding: 0; width: 100%; }
.entries ul { clear: both; display: block; float: none; margin: 0; padding: 0; width: 100%; }
.entries .entry { clear: both; display: block; float: none; margin: 0; padding: 0 0 30px 0; width: 100%; }
.entries .cover-image-link { clear: both; display: block; float: none; margin: 0; padding: 0; width: 100%; }
.entries .cover-medium { clear: both; display: block; float: none; margin: 0; padding: 1px 0; width: 100%; }
.entries .meta { clear: both; display: block; float: left; margin: 0; padding: 0; width: 100%; }
.entries .breadcrumbs { clear: both; display: block; float: left; margin: 0; padding: 0 0 10px 0; width: 100%; }
.entries .breadcrumbs li { clear: none; display: block; float: left; margin: 0; padding: 0; width: auto; }
.entries .breadcrumbs a { clear: none; display: block; float: left; margin: 0 1px 1px 0; padding: 2px 5px; width: auto; }
.entries .title, .entries .subtitle, .entries .author, .entries .date, .entries .precis { clear: both; display: block; float: none; margin: 0 10px 10px 10px; padding: 0; width: auto; }

.contributor-list { clear: both; display: block; float: none; margin: 0; padding: 0; width: 100%; }
.contributor-list ul { clear: both; display: block; float: left; margin: 0; padding: 0; width: 100%; }
.contributor-list ul li { clear: none; display: block; float: left; margin: 0; padding: 20px; width: 50%; }
.contributor-list ul li .thumb-link { clear: both; display: block; float: left; margin: 0 20px 0 0; padding: 0; width: 50px; }
.contributor-list ul li .thumb-link .thumb { clear: both; display: block; float: left; margin: 0; padding: 1px 0; width: 50px; height: 50px; }
.contributor-list ul li .meta { clear: none; display: block; float: left; margin: 0; padding: 0; width: auto; }
.contributor-list ul li .meta .name, .contributor-list ul li .meta .info { clear: both; display: block; float: none; margin: 0 0 5px 0; padding: 0; width: 100%; }

.m-main--nav { clear: none; display: block; float: left; margin: 0; padding: 0 20px 20px 20px; width: 100%; }
.m-main--nav h4 { clear: both; display: block; float: left; margin: 40px 0 0 0; padding: 0; width: auto; }
.m-main--nav p { clear: both; display: block; float: left; margin: 1em 0 0 0; padding: 0; width: auto; }
.m-main--nav ul { clear: both; display: block; float: left; margin: 1em 0 40px 0; padding: 0; width: 100%; -webkit-columns: 1; -moz-columns: 1; -ms-columns: 1; -o-columns: 1; columns: 1; }
.m-main--nav ul li { clear: both; display: block; float: left; margin: 0; padding: 0; width: auto; }
.m-main--nav ul li a, .m-main--nav ul li b { clear: both; display: block; float: left; margin: 0; padding: 0; width: auto; }
.m-main--nav .m-sub--sections { clear: both; display: block; float: left; margin: 0 0 20px -5px; padding: 0; width: 100%; -webkit-columns: 2; -moz-columns: 2; -ms-columns: 2; -o-columns: 2; columns: 2; }
.m-main--nav .m-sub--sections li { clear: both; display: block; float: left; margin: 0 0 1px 0; padding: 0; width: auto; }
.m-main--nav .m-sub--sections li a, .m-main--nav .m-sub--sections li b { padding: 2px 5px; }

.m-sub--about, .m-sub--contributors { clear: none; display: block; float: left; margin: 0; padding: 0; width: 100%; }

.m-sub--contributors ul, .m-sub--books ul { clear: both; display: block; float: left; margin: 10px 0 0 0; padding: 0; width: 100%; }
.m-sub--contributors ul li, .m-sub--books ul li { clear: none; display: block; float: left; margin: 0; padding: 0 10px 10px 0; width: 100%; }
.m-sub--contributors ul li a, .m-sub--books ul li a { padding: 0 10px 0 0; }

.m-main--aside { clear: none; display: block; float: left; margin: 0; padding: 0 20px 20px 20px; width: 100%; }
.m-main--aside nav { clear: both; display: block; float: left; margin: 0; padding: 0; width: 100%; min-height: 100px; height: auto !important; height: 100px; }
.m-main--aside h4 { clear: both; display: block; float: left; margin: 0; padding: 0 0 0 5px; width: auto; }
.m-main--aside ul { clear: both; display: block; float: left; margin: 1em 0 40px 0; padding: 0; width: 100%; -webkit-columns: 1; -moz-columns: 1; -ms-columns: 1; -o-columns: 1; columns: 1; }
.m-main--aside ul li { clear: both; display: block; float: left; margin: 0; padding: 0; width: auto; }
.m-main--aside ul li a, .m-main--aside ul li b { clear: both; display: block; float: left; margin: 0 0 2px 0; padding: 4px 5px; width: auto; }

.m-sub--search { clear: both; display: block; float: left; margin: 0 0 40px 0; padding: 0; width: 90%; }
.m-sub--search fieldset { margin: 0 0 20px 0; padding: 0; }
.m-sub--search legend { clear: none; display: block; float: left; margin: 0 0 5px 5px; padding: 0; width: auto; }
.m-sub--search input.keywords, .m-sub--search button { display: block; float: left; height: 28px; padding: 5px; vertical-align: baseline; }
.m-sub--search input.keywords { clear: both; margin: 0; width: 70%; }
.m-sub--search button { margin: 0 0 0 1px; width: auto; }

.m-sub--contributors li { display: block; margin: 0 0 10px 0; padding: 0; width: 100%; }
.m-sub--contributors img { margin: 0 10px 0 0; max-width: 48px; height: auto; padding: 1px; vertical-align: middle; }

.m-sub--books { clear: both; display: block; float: left; margin: 0 0 40px 0; padding: 0; width: 100%; }
.m-sub--books li { clear: both; display: block; margin: 0 0 10px 0; padding: 0; }
.m-sub--books .cover { display: block; float: left; margin: 0 5% 0 0; padding: 1px; max-width: 30%; min-width: 50px; width: 30%; height: auto; }
.m-sub--books .details { float: left; width: 65%; }
.m-sub--books .title { display: block; float: left; margin: 5px 0; width: 100%; }
.m-sub--books .authors { width: 100%; }

.actions { clear: both; display: block; float: left; margin: 0; padding: 0 50px; width: 100%; }
.actions li { clear: none; display: block; float: left; margin: 0; padding: 0; width: auto; }
.actions a { clear: none; display: block; float: left; margin: 0; padding: 5px 10px; width: auto; }

.m-main--footer { clear: both; display: block; float: none; margin: 0; padding: 0; width: 100%; }
.m-main--footer p { clear: none; display: block; float: left; margin: 0; padding: 0 20px; width: auto; }
.m-main--footer ul { clear: none; display: block; float: right; margin: 0; padding: 0 20px; width: auto; }
.m-main--footer li { clear: none; display: block; float: left; margin: 0; padding: 0; width: auto; }

.m-sub--logo:after, article:after, article header:after, .aside:after, .body figure:after, .body:after, .entries:after, .entries .entry:after, .entries .breadcrumbs:after, .entries .meta:after, .breadcrumbs:after, .m-main--nav:after, .m-main--aside:after, .m-main--nav ul:after, .m-main--aside nav:after, .m-main--footer:after, .cover-index:after, .docs:after, dl.terms:after, .ui-tabs-nav:after, .ui-tabs:after { clear: both; content: "\0020"; display: block; height: 0; overflow: hidden; visibility: hidden; }

.clear { clear: both; }

/* TYPE --------------------------------------------------------------------- */
body { font-size: 1em; line-height: 1.5; text-rendering: optimizelegibility; }

h1, h2, h3, h4, h5, h6 { line-height: 1.2; }

.m-sub--logo em { font-size: 1.2em; line-height: .6; }
.m-sub--logo strong { font-size: 0.8em; line-height: 1.2; }

article header .title { font-size: 2.5em; }
article header .subtitle { font-size: 1.6em; }
article header .info li { font-size: 1em; }
article dl.book-info dt { font-size: 1em; }
article dl.book-info dd { font-size: 1em; }
article dl.book-info dd.authors { margin-top: 35px}
article section.description a.more { font-size: 1em; }
article .body header .title { font-size: 2em; }
article .body header .subtitle { font-size: 1.4em; }
article .body h3 { font-size: 1.4em; }
article .body h4 { font-size: 1.3em; }
article .body h5 { font-size: 1.2em; }
article .body h6 { font-size: 1.1em; }
article .body .smallprint { font-size: .7em; }
article .body dt { font-weight: 700; }

.dropcap { font-size: 2em; }

.notes h6 { font-size: 1em; }

.entries .title { font-size: 1.6em; }
.entries .subtitle { font-size: 1.4em; }
.entries .author { font-size: 1em; }

.cover-index .title { font-size: 1em; }
.cover-index .subtitle { font-size: .9em; }
.cover-index .source-author, .cover-index .source-title { font-size: .8em; }

.tab h3, .tab section h4, .related-issues h6 { font-size: 20px; }

.entries header h3, .feature-article h4.editor { font-size: 18px; }

.tab h4, .tab section h5, .toc h6, .m-sub--books .title { font-size: 16px; }

.m-main--nav h4, .m-sub--signs h4, .m-sub--topics h4, .m-sub--regions h4, .sign-detail--aside h4, .topic-detail--aside h4, .region-detail--aside h4, .m-main--aside h4, .aside h3, .tab section h6, .m-main--nav p, .actions li, .caption, .m-main--nav li, .m-sub--search legend, .m-sub--search input.keywords, .m-sub--search input.button, .m-sub--signs li, .m-sub--topics li, .m-sub--regions li, .sign-detail--aside li, .topic-detail--aside li, .breadcrumbs li, .related-issues li, .documents li h5, .notes li, figure.sign figcaption, figure.topic figcaption, figure.issue figcaption, .bookshelf li h6 { font-size: 14px; }

.tab h5, .note, .attribution-note, .body figcaption, article aside li, article aside p { font-size: 13px; }

.tab h6, .detail--header dl dt, .m-sub--books .authors, .docs li h5, .docs li h6, .docs li p, .bookshelf li p { font-size: 12px; }

.tab section h3 { font-size: 24px; }

#expand-link { font-size: 22px; }

.documents li h6 { font-size: 11px; }
.documents li p { font-size: 10px; }

.docs li h4, .bookshelf li h5 { font-size: 16px; }

.m-main--footer p, .m-main--footer li { font-size: 14px; }

blockquote p { font-size: 1em; }
blockquote p.ref, blockquote p.cite { font-size: 14px; text-align: right; }

.m-sub--search input.keywords, .m-sub--search button { line-height: 14px; vertical-align: middle; }

mark, .m-sub--logo em { font-style: normal; }

mark, h1, h2, h3, h4, h5, h6, .rs-slider h4 strong, .entries .precis { font-weight: 400; }

.m-sub--logo, .current, .author, .body .precis, a.current { font-weight: 700; }

.m-sub--logo, figure.sign figcaption, figure.topic figcaption, .toc h4, .footnotes h6, .m-sub--sections li, .m-sub--search legend, .m-main--nav h4, .m-main--aside h4, .sign-detail--main header h3, .topic-detail--main header h3, .sign-detail--aside h4, .topic-detail--aside h4, .feature-article h4.editor, .aside h3, .entries header h3, .docs h3, .az a, .az strong { text-transform: uppercase; }

.wf-loading body, .wf-loading input, .wf-loading button, .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6, .wf-inactive body, .wf-inactive input, .wf-inactive button, .wf-inactive h1, .wf-inactive h2, .wf-inactive h3, .wf-inactive h4, .wf-inactive h5, .wf-inactive h6 { font-family: sans-serif; }

.wf-active body, .wf-active input, .wf-active button, .wf-active textarea { font-family: 'Source Sans Pro', sans-serif; }
.wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6, .wf-active legend, .wf-active figure.sign figcaption, .wf-active figure.topic figcaption { font-family: 'Oswald', sans-serif; }

.body figcaption { white-space: wrap; }

/* BACKGROUNDS, BORDERS, COLOURS, etc. -------------------------------------- */
body { background: white url(img/light_wool.png) 0 0 repeat; color: #1a1a1a; }

.m-sub--logo { border-color: #bf484a; border-style: solid; border-width: 20px 0 0 0; }
.m-sub--logo em { background-color: #bf484a; color: white; }
.m-sub--logo strong { color: #bf484a; }

.m-main--content { text-shadow: 0 0 0.5px rgba(241, 242, 243, 0.25); }

.m-main--nav, .m-main--aside, .m-main--footer { background-color: #1a1a1a; color: #999999; text-shadow: 0 0 0.5px rgba(0, 0, 0, 0.5); }

.subtitle { color: #1a1a1a; }

.m-main--nav h4, .m-main--aside h4 { color: #1a1a1a; }

.feature-article h4.editor, .caption { background-color: #1a1a1a; color: #d9d9d9; }

figure.issue figcaption, figure.sign figcaption, figure.topic figcaption { background-color: #bf484a; color: #f1f2f3; }
figure.issue a:active figcaption, figure.issue a:focus figcaption, figure.issue a:hover figcaption, figure.sign a:active figcaption, figure.sign a:focus figcaption, figure.sign a:hover figcaption, figure.topic a:active figcaption, figure.topic a:focus figcaption, figure.topic a:hover figcaption { background-color: #f1f2f3; color: #bf484a; }

.docs li figcaption { background: #1a1a1a; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px; box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px; text-shadow: none; }
.docs li h6 { border-top: 1px solid #1a1a1a; color: #1a1a1a; }
.docs li p { color: #999999; }

article .aside { background: #bf484a; color: white; }
article .aside a { color: white; }
article .body { background-color: transparent; }
article .teaser { border-top: 1px solid #f1f2f3; }
article blockquote { border-left: 1px solid #1a1a1a; }
article [class$="--header"] .title { background: #1a1a1a; color: #f1f2f3; }
article [class$="--header"] .subtitle { background: #1a1a1a; color: #999999; }
article header blockquote, article header .scripture { background: #1a1a1a; border-left: 0; color: #f1f2f3; }
article .scripture { border-left: 1px solid #bf484a; color: #bf484a; }
article .scripture .ref { color: #999999; }
article .pullquote { background: #bf484a; color: #f1f2f3; }
article section.signs, article section.topics, article .entries { border-top: 5px solid #1a1a1a; border-bottom: 5px solid #1a1a1a; }

.dropcap { background: #1a1a1a; color: #f1f2f3; }

.m-sub--contributors img, .cover, .cover-small, .cover-medium, .thumb { background: #f1f2f3; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a; }

.cover-wide, .doc-cover, .book-cover { border-top: 5px solid #1a1a1a; border-bottom: 5px solid #1a1a1a; }

.attribution-note, .notes { border-top: 1px dotted #1a1a1a; }

.body figcaption, dl.book-info dt, dl.doc-info dt, .scripture p.ref, .entries .date { color: #1a1a1a; }

.tab .scripture { background-color: transparent; border-left: 2px solid #bf484a; color: #bf484a; }

a:link { background-color: transparent; color: #0090cc; }
a:visited { background-color: transparent; color: #00a2e6; }
a:active, a:focus, a:hover { background-color: #0090cc; color: #f1f2f3; outline: 0; }

.breadcrumbs .home a { color: #f1f2f3; }
.breadcrumbs .home a:link, .breadcrumbs .home a:visited { background: #1a1a1a; }
.breadcrumbs .home a:active, .breadcrumbs .home a:focus, .breadcrumbs .home a:hover { background: gray; }
.breadcrumbs .sign a { color: #f1f2f3; }
.breadcrumbs .sign a:link, .breadcrumbs .sign a:visited { background: #bf484a; }
.breadcrumbs .sign a:active, .breadcrumbs .sign a:focus, .breadcrumbs .sign a:hover { background: #9d3739; }
.breadcrumbs .topic a, .breadcrumbs .issue a { color: #f1f2f3; }
.breadcrumbs .topic a:link, .breadcrumbs .topic a:visited, .breadcrumbs .issue a:link, .breadcrumbs .issue a:visited { background: #0b8c8f; }
.breadcrumbs .topic a:active, .breadcrumbs .topic a:focus, .breadcrumbs .topic a:hover, .breadcrumbs .issue a:active, .breadcrumbs .issue a:focus, .breadcrumbs .issue a:hover { background: #075e60; }
.breadcrumbs .region a { color: #f1f2f3; }
.breadcrumbs .region a:link, .breadcrumbs .region a:visited { background: #ff9900; }
.breadcrumbs .region a:active, .breadcrumbs .region a:focus, .breadcrumbs .region a:hover { background: #cc7a00; }
.breadcrumbs .document a { color: #f1f2f3; }
.breadcrumbs .document a:link, .breadcrumbs .document a:visited { background: #999999; }
.breadcrumbs .document a:active, .breadcrumbs .document a:focus, .breadcrumbs .document a:hover { background: gray; }
.breadcrumbs .book a { color: #f1f2f3; }
.breadcrumbs .book a:link, .breadcrumbs .book a:visited { background: #00b4ff; }
.breadcrumbs .book a:active, .breadcrumbs .book a:focus, .breadcrumbs .book a:hover { background: #0090cc; }

.m-main--nav a:link, .m-main--nav a:visited { background: #1a1a1a; color: #b3b3b3; }
.m-main--nav li a:active, .m-main--nav li a:focus, .m-main--nav li a:hover, .m-main--nav li a.current, .m-main--nav li b { background: #bf484a; color: #f1f2f3; }

.m-sub--search fieldset { border: 0; }
.m-sub--search legend { color: #999999; }
.m-sub--search input.keywords { background: #4d4d4d; border: 1px solid #1a1a1a; color: white; }
.m-sub--search input.keywords:focus { outline: 0; }
.m-sub--search button { background: #bf484a; border: 1px solid #bf484a; color: #f4dfdf; }
.m-sub--search input.keywords:focus + button { color: #f1f2f3; }

.m-sub--signs a:link, .m-sub--signs a:visited { background: #1a1a1a; color: #b3b3b3; }
.m-sub--signs a:active, .m-sub--signs a:focus, .m-sub--signs a:hover, .m-sub--signs a.current { background: #772a2b; color: #f1f2f3; }

.m-sub--topics a:link, .m-sub--topics a:visited { background: #1a1a1a; color: #b3b3b3; }
.m-sub--topics a:active, .m-sub--topics a:focus, .m-sub--topics a:hover, .m-sub--topics a.current { background: #042f30; color: #f1f2f3; }

.m-sub--regions a:link, .m-sub--regions a:visited { background: #1a1a1a; color: #b3b3b3; }
.m-sub--regions a:active, .m-sub--regions a:focus, .m-sub--regions a:hover, .m-sub--regions a.current { background: #995c00; color: #f1f2f3; }

#expand-link:link, #expand-link:visited { background: #bf484a; color: #f1f2f3; }
#expand-link:active, #expand-link:focus, #expand-link:hover { background: #9d3739; color: #f1f2f3; }

.m-sub--copyright a { background: #9d3739; color: #f1f2f3; }

.actions { background: #1a1a1a; }
.actions a.share:before { content: "y"; }
.actions a.email:before { content: "m"; }
.actions a.print:before { content: "d"; }
.actions a.new:link, .actions a.new:visited { color: #0b8c8f; }
.actions a.new:active, .actions a.new:focus, .actions a.new:hover { background-color: #0b8c8f; color: #f1f2f3; }
.actions a.edit:link, .actions a.edit:visited { color: #ff9900; }
.actions a.edit:active, .actions a.edit:focus, .actions a.edit:hover { background-color: #ff9900; color: #f1f2f3; }
.actions a.log:link, .actions a.log:visited { color: #999999; }
.actions a.log:active, .actions a.log:focus, .actions a.log:hover { background-color: #1a1a1a; color: #f1f2f3; }
.actions a.delete:link, .actions a.delete:visited { color: #bf484a; }
.actions a.delete:active, .actions a.delete:focus, .actions a.delete:hover { background-color: #bf484a; color: #f1f2f3; }

mark { background-color: yellow; }
mark.positive { background-color: #0b8c8f; }
mark.important { background: transparent; color: #bf484a; }
mark.crucial { background-color: #ffc266; color: black; }
mark.bingo { background-color: #bf484a; color: #f1f2f3 !important; }

.pager { clear: both; display: block; float: none; margin: 20px auto; padding: 0; width: 100%; }
.pager a { clear: none; display: inline-block; float: none; margin: 0; padding: 0 2px 0 2px; }
.pager { text-align: center; }

.pager a:link, .pager a:visited { background: transparent; }
.pager a:link b, .pager a:visited b { background: transparent; color: #0090cc; }
.pager a:active, .pager a:focus, .pager a:hover, .pager a.selected { background-color: #0090cc; color: #f1f2f3; outline: 0; }
.pager a:active b, .pager a:focus b, .pager a:hover b, .pager a.selected b { background: #1a1a1a; color: #1a1a1a; }
.pager span { color: #0090cc; }

/* EXTRAS ------------------------------------------------------------------- */
a { text-decoration: none; }

/* ============================================================================= Media Queries ========================================================================== */
@media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ }
@media only screen and (min-width: 1440px) { ul.sections { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } }
/* ============================================================================= Non-Semantic Helper Classes ========================================================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }

.ir br { display: none; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

/* ============================================================================= Print Styles ========================================================================== */
@media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }