/* type */
@font-face {
font-family: 'Tisa';
src: url('//cadence.cc/type/TisaWeb.eot?') format('eot'), url('//cadence.cc/type/TisaWeb.woff') format('woff');
}
@font-face {
font-family: 'Tisa';
src: url('//cadence.cc/type/TisaWeb-Italic.eot?') format('eot'), url('//cadence.cc/type/TisaWeb-Italic.woff') format('woff');
font-style: italic;
}
@font-face {
font-family: 'Tisa';
src: url('//cadence.cc/type/TisaScWeb-Bold.eot?') format('eot'), url('//cadence.cc/type/TisaScWeb-Bold.woff') format('woff');
font-weight: bold;
font-variant: small-caps;
}
@font-face {
font-family: 'Tisa';
src: url('//cadence.cc/type/TisaWeb-Bold.eot?') format('eot'), url('//cadence.cc/type/TisaWeb-Bold.woff') format('woff');
font-weight: bold;
font-variant: normal;
}
@font-face {
font-family: 'Tisa';
src: url('//cadence.cc/type/TisaWeb-BoldItalic.eot?') format('eot'), url('//cadence.cc/type/TisaWeb-BoldItalic.woff') format('woff');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Zine';
src: url('//cadence.cc/type/ZineSlabDisWebPro-Extrabold.eot?') format('eot'), url('//cadence.cc/type/ZineSlabDisWebPro-Extrabold.woff') format('woff');
font-weight: bold;
}

/* the axioms */
html, body, div, span, applet, object, iframe, p, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
line-height: 1.6em;
vertical-align: baseline;
}
textarea, pre {
outline: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img, embed, object, video {
max-width: 100%;
}
input, .submit {
	border-radius: 0.25em;
	padding: 0.25em 0.75em;
	font-size: 1em;
	background: #fcfcfc;
}
.submit {
	font-weight: bold;
}

/* the basics */
body {
font-family: Tisa, serif;
background: #16161D;
color: #ccc;
font-size: 18px;
margin: 15px auto;
height: 100%;
}
input, button, textarea {
font-family: Tisa, serif;
}
img, embed, object, video {
max-width: 100%;
}
body#interior {
margin-bottom: 200px;
}
a {
color: #99f;
text-decoration: none;
}
a:hover {
color: #fff;
text-decoration: underline;
}
h1 {
font-family: Zine, serif;
font-weight: bold;
margin-bottom: 0.5em;
text-align: center;
}
h1 a {
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center;
	color: #e6e6e6;
	font-size: 3em;
	line-height: 1em;
}
h2 {
font-size: 25px;
margin-bottom: 0.5em;
text-align: center;
}
#errata h2 {
margin-top: 1em;
}
#errata blockquote {
margin: 1em 0;
}
#errata p {
text-indent: 2em;
}

/* typography */
#interior h2 {
display: none;
}
p {
line-height: 1.6em;
letter-spacing: 0.01em;
}
p+p {
text-indent: 2em;
}
p.noindent {
	text-indent: 0;
}
#content a {
color: #66c;
}
h3.entry-title a {
color: #ffe12a !important;
}

/* grid */
.page {
	width: 80%;
	margin: 0 auto;
}
footer {
	margin-top: 0.5em;
	padding-top: 0.5em;
	border-top: 1px solid #ccc;
	text-align: center;
}
.tease {
	width: 60%;
	margin: 0 auto;
	font-size: 1.25em;
}
.cta {
	border-radius: 0.5em;
	text-align: center;
	margin: 1em 0;
}
.cta a {
	display: inline-block;
	font-weight: bold;
	color: #16161d;
	width: 100%;
}
.cta.primary a {
	padding: 1em;
}
.cta.secondary a {
	padding: 0.5em 1em;
}
.cta.primary {
	border: 1px solid #DD862E;
	background: #DD862E;
}
.cta.secondary {
	border: 1px solid #99f;
	background: #99f;
}
.submit {
	border: 1px solid #9d9;
	background: #9d9;
}
.cta:hover, .submit:hover {
	background: #333;
}
.cta.primary a:hover {
	color: #DD862E;
}
.cta.secondary a:hover {
	color: #99f;
}
.submit:hover {
	color: #9d9;
}
.quotes {
	width: 60%;
	margin: 2em auto;
	text-align: center;
}
.quotes li {
	margin-bottom: 0.5em;
}
.upsell {
	text-align: center;
	font-size: 0.75em;
	margin: 2em 0;
}

/* nav for interior pages */
#nav {
margin: 40px auto 45px auto;
}
#nav ul {
height: 52px;
}
#nav li {
display: inline;
font-weight: bold;
font-size: 14px;
}
#nav li span {
display: none;
}
#nav li form {
display: inline;
}
#nav #toc-2 {
padding: 19px 2px !important;
}
#nav li a {
padding: 19px 4px;
}
#nav li a:hover, #nav li a.active {
color: #333;
text-decoration: none;
}
#cta_multiple {
text-align: center;
font-weight: bold;
font-size: 10px;
padding: 15px 0 0 0;
border-top: 1px solid #666;
}

#cta {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #666;
}

#praise {
text-align: center;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #666;
}

/* mailing list */
#mc-embedded-subscribe-form {
	margin: 0.5em auto 1em auto;
	text-align: center;
}

/* electronic commerce */
.hasPlaceholder {
color: #777;
}
.req {
vertical-align: super;
color: #c00;
font-size: 0.8em;
margin-left: 0.25em;
margin-right: 0.5em;
}
.nowrap {
	white-space: nowrap;
	display: inline-block;
}
input.error {
border: 1px solid #c00 !important;
}
div.warning {
	border: 1px solid #ffa500;
	border-radius: 0.5em;
	margin: 1em 0;
	padding: 1em;
	background: #ffc;
	color: #333;
}
.ui-autocomplete {
padding: 0;
list-style: none;
background-color: #fff;
width: 218px;
border: 1px solid #B0BECA;
max-height: 350px;
overflow-y: scroll;
}
.ui-autocomplete .ui-menu-item a {
border-top: 1px solid #B0BECA;
display: block;
padding: 4px 6px;
color: #353D44;
cursor: pointer;
}
.ui-autocomplete .ui-menu-item:first-child a {
border-top: none;
}
.ui-autocomplete .ui-menu-item a.ui-state-hover {
background-color: #ffffcc;
color: #161A1C;
}
#payment-form {
	max-width: 36em;
	margin: 1em auto 0 auto;
	font-size: 0.8em;
}
#payment-form input {
	margin-bottom: 0.4em;
}
.submit-button {
padding: 0.25em 1em;
font-size: 1.25em;
font-weight: bold;
border-radius: 0.25em;
background: rgba(241,231,103,1);
border: 0;
}
.submit-button:disabled {
	background: #ccc !important;
}
.submit-button:not([disabled]):hover {
background: rgba(182,236,34,1);
}
#total_feedback {
	margin: 0.25em 0;
	font-weight: bold;
	text-align: center;
}
.pw {
	display: inline-block;
	font-size: 0.75em;
	margin-left: 0.5em;
	padding-bottom: 0.75em;
	line-height: 1.25em;
}
.download-link {
margin: 1em 0;
text-align: center;
font-size: 1.25em;
}

/* footer */
#footer {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #666;
text-align: center;
}

a.errata {
color: #f99;
padding: 4px;
}

a.errata:hover {
color: #333;
background: #f99;
text-decoration: none !important;
}