/* Minh's Notes
 * Studio Main Stylesheet
 * Copyright © 2007-2011 Minh Nguyen. The code on this page has been licensed
 * under the Creative Commons Attribution License 3.0.
 */

@import url("http://notes.1ec5.org/style/studio/print.css") print;

@font-face {
    font-family: "Tally";
    src: url("./fonts/tally-webfont.eot");
    src: url("./fonts/tally-webfont.eot?#iefix") format("embedded-opentype"),
         url("./fonts/tally-webfont.woff") format("woff"),
         url("./fonts/tally-webfont.ttf") format("truetype"),
         url("./fonts/tally-webfont.svg#TallyMedium") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* Structure */
/* Desktop background based on texture by Werner van Loggenberg
 * http://www.morguefile.com/archive/?display=104371&&MORGUEFILE=rnhpmjea88bu5dp0bagh2o1c32
 * License: http://orange.blender.org/blog/a-call-for-textures
 * "I confirm that these contributed textures are my own work, and I provide
 * them for use under the Creative Commons Attribute 2.5 License. I (Werner van
 * Loggenberg) specify that I would like to be attributed in the credits of the
 * movie Elephants Dream, and also in the filenames of the textures."
 */
html {
	background-color: #c4771f; /* #663300 */
	background-image: url("./img/desktop-bg.jpg");
	/* background-attachment: fixed; */
	color: #cccccc;
	margin: 0px;
	padding: 0px;
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: "Times New Roman", "Times", serif;
}

/* Common elements */

/* Abbreviations */
abbr, acronym {
	border-bottom-style: none;
	background-image: url("./img/line-horiz.png");
	background-position: left 1.1em;
	background-repeat: repeat-x;
	padding-bottom: .25em;
	text-decoration: none;
}
acronym.initialism {
	font-size: 90%;
	font-variant: small-caps;
}
acronym.common {
	font-size: 100%;
	font-variant: normal;
}
abbr[title], acronym[title] {
	cursor: help;
}

/* Headings */
h1:target, h2:target, h3:target,
h4:target, h5:target, h6:target,
div:target > .entry-title {
	background-image: url("./img/highlight-yellow.png");
	background-position: bottom;
	background-repeat: repeat-x;
	opacity: 0.8;
	margin-top: -moz-calc(-1em - 60px);
	padding-top: -moz-calc(1em + 60px);
	margin-top: -webkit-calc(-1em - 60px);
	padding-top: -webkit-calc(1em + 60px);
	margin-top: calc(-1em - 60px);
	padding-top: calc(1em + 60px);
}

h3.inline-head {
	display: inline;
	margin-top: 0em;
	padding-top: 0em;
	font-size: inherit;
}

/* Lists */
li + li {
	margin-top: 0.5em;
}

/* Forms */
.form {
	margin-left: -15%;
	margin-right: -15%;
	padding: 2em;
	background-color: #ffffff;
	color: #000000;
	font-family: "Helvetica", "Arial", sans-serif;
	font-size: 85%;
	-moz-box-shadow: 0em 1px 2px #000000;
	-webkit-box-shadow: 0em 1px 2px #000000;
	box-shadow: 0em 1px 2px #000000;
}

.form h2 {
	border-bottom: 4px solid #404040;
}

.form-instructions,
.form p,
.form label[for] {
	font-size: 80%;
	text-transform: uppercase;
}

.form-instructions p {
	font-size: inherit;
}

.form-instructions kbd,
.form-instructions code {
	text-transform: none;
	font-size: 125%;
}

.form-field {
	margin-bottom: 2em;
}

.form-field:first-of-type {
	margin-top: 1em;
}

.form-field label[for] {
	display: block;
	margin-bottom: -1em;
	position: relative;
	top: 28px;
}

.form-field input,
.form-freeform input {
	background: transparent;
	background-image: -moz-repeating-linear-gradient(0deg, transparent, transparent 24px, #404040 24px, #404040 26px);
	background-image: -webkit-repeating-linear-gradient(0deg, transparent, transparent 24px, #404040 24px, #404040 26px);
	background-image: -o-repeating-linear-gradient(0deg, transparent, transparent 24px, #404040 24px, #404040 26px);
	background-image: repeating-linear-gradient(to right, transparent, transparent 24px, #404040 24px, #404040 26px);
	font-family: "Courier New", "Courier", monospace;
	letter-spacing: 16.4px;
	width: 506px;
	max-width: 80%;
	-moz-appearance: none;
	-webkit-appearance: none;
}

#recaptcha_table.recaptcha_theme_clean {
	margin: auto !important;
}

.form-field input,
.form-freeform input,
#recaptcha_table.recaptcha_theme_clean .recaptcha_input_area input#recaptcha_response_field {
	border: 2px solid #404040 !important;
	border-top-style: none !important;
	font-size: 16px;
}

.form-field input,
.form-freeform input,
#recaptcha_table.recaptcha_theme_clean .recaptcha_input_area input#recaptcha_response_field {
	padding-left: 6px;
	padding-right: 6px;
}

#recaptcha_table.recaptcha_theme_clean .recaptcha_input_area input#recaptcha_response_field {
	width: 324px !important;
}

.form-instructions {
	display: block;
	text-align: justify;
}

.form-freeform {
	margin-top: 1em;
}

.form-freeform textarea {
	border: 2px solid #404040;
	width: 98%;
	padding: 1%;
}

.form footer,
#comments-open-captcha {
	text-align: center;
	margin-top: 2em;
}

/* HTML5 fallback */
section, article, aside, footer, header, nav, hgroup {
	display: block;
}

/* Miscellany */
hr {
	background-color: transparent;
	height: 10px;
	background-image: url("./img/line-horiz.png");
	border-style: none;
}

sub, sup {
	font-size: smaller;
}

div.embedded-audio,
figure audio,
figure video {
	text-align: center;
}

/* Layout */

/* Masthead */

#masthead {
	color: #000000;
	position: absolute;
	position: fixed;
	left: 0%;
	top: 0px;
	width: 50%; /* 90% */
	height: 60px;
	z-index: 100;
	-moz-box-shadow: -3px 0px 5px 2px #000000;
	-webkit-box-shadow: -3px 0px 5px 2px #000000;
	box-shadow: -3px 0px 5px 2px #000000;
	text-align: right;
}

#masthead a {
	display: block;
	color: #000000;
	text-decoration: none;
}

#masthead a * {
	margin: 0px;
}

h1#wordmark {
	background-color: #ffffff;
	background-image: url("./img/paper-bg.png");
	background-position: bottom right;
	color: #000000;
	line-height: 60px;
	height: 60px;
	vertical-align: middle;
	padding: 0px;
	white-space: nowrap;
	overflow: hidden;
}

h1#wordmark::before {
	content: url("./img/wordmark.png");
	display: block;
	margin-right: 1em;
}

p#tagline {
	display: none;
	position: relative;
	top: -2em;
	height: 0em;
	font-style: italic;
	white-space: nowrap;
	text-transform: lowercase;
}

/* Main content area */

div#main {
	height: 100%;
	color: #000000;
	padding-top: 80px;
	margin-left: 25%;
	margin-right: 5%;
}

div#content {
	background-color: #ffffff;
	background-image: url("./img/paper-bg.png");
	padding-top: 100px;
	padding-left: 10%;
	padding-right: 10%;
	-moz-box-shadow: 0px 2px 6px 0px #000000;
	-webkit-box-shadow: 0px 2px 6px 0px #000000;
	box-shadow: 0px 2px 6px 0px #000000;
}

/* Specific element styling for main content area */

div#content h1#secthead {
	margin-top: 0px;
	text-align: center;
}

div#content p {
	line-height: 150%;
}

div#content li p,
div#content blockquote p {
	line-height: 130%;
}

div#content .left,
div#content .right,
div#content figure {
	line-height: 130%;
	font-size: 80%;
}

div#content .left {
	float: left;
	margin-right: 2em;
}

div#content figure.left {
	margin-right: 0em;
}

div#content .right {
	float: right;
	margin-left: 2em;
}

div#content figure.right {
	margin-right: 0em;
}

div#content .center {
	margin-left: auto;
	margin-right: auto;
}

div#content .left p.fine-print,
div#content .right p.fine-print,
div#content .center p.fine-print,
div#content figure p.fine-print {
	font-size: 100%;
}

div#content hr {
	margin-left: -5%;
	margin-right: -5%;
}
div#content hr.section-break {
	margin-left: 0px;
	margin-right: 0px;
}

div#content ul.sect-footer {
	text-align: center;
	list-style-type: none;
	padding-left: 0em;
}

div#content ul.sect-footer li {
	display: inline;
	font-weight: bold;
}

div#content ul.sect-footer li::after {
	content: "\00a0\2022";
}

div#content ul.sect-footer li:last-child::after {
	display: none;
}

div#content ul.sect-footer a[rel="prev"]::before {
	content: "< ";
}

div#content ul.sect-footer a[rel="next"]::after {
	content: " >";
}

div.archive-list, ol.entry-list {
	padding-left: 0em;
	list-style-position: inside;
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
	column-break-inside: avoid;
	text-align: justify;
}

ol.entry-list p {
	margin-top: 0em;
	padding-top: 0em;
}

div.archive-list h3 {
	margin: 0em;
}

div.archive-list h3 a,
h2.sidebar-title a {
	color: inherit;
	text-decoration: none;
}

div.archive-list h3 a:hover,
h2.sidebar-title a:hover {
	text-decoration: none;
	background-image: url("./img/line-horiz.png");
	background-position: left 1.1em;
	background-repeat: repeat-x;
	padding-bottom: .25em;
}

div.archive-list ol {
	padding-left: 0em;
	text-align: left;
}

div.archive-list ol li {
	margin: 0em;
}

/* Entries */

.entry-title a {
	color: inherit;
	text-decoration: none;
}

.entry-title a:hover {
	text-decoration: none;
	background-image: url("./img/line-horiz.png");
	background-position: left 1.1em;
	background-repeat: repeat-x;
	padding-bottom: .25em;
}

.entry-footer {
	margin-left: 5%;
	margin-bottom: 50px;
	width: 40%;
}

.entry-footer ul {
	list-style-type: none;
	height: 70px;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	border: 1px solid #c0c0c0;
	border-top-color: #e0e0e0;
	border-bottom-color: #808080;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	background-color: #ffffff;
	font-family: "American Typewriter", "Courier New", "Courier", monospace;
	font-size: 85%;
}

.entry-footer a {
    color: inherit;
    text-decoration: none;
}

.entry-footer a:hover {
	border-bottom-style: none;
	background-image: url("./img/line-horiz.png");
	background-position: left 1.1em;
	background-repeat: repeat-x;
	padding-bottom: .25em;
}

/* Comments */

ol.comments {
	list-style-type: none;
	margin-bottom: 1em;
}

div#content > ol.comments {
	padding-left: 0%;
}

li.comment {
	min-height: 248px;
	width: 70%;
	margin-left: -5%;
	margin-top: -1em;
	border: 1px solid #b0b0b0;
	border-top-color: #e0e0e0;
	border-bottom-color: #505050;
	background-image: url("./img/index-bg.png");
	font-size: 85%;
	-moz-box-shadow: 0em 0px 3px #c0c0c0;
	-webkit-box-shadow: 0em 0px 3px #c0c0c0;
	box-shadow: 0em 0px 3px #c0c0c0;
}

li.comment:nth-child(2n) {
	margin-left: -4.5%;
}

li.comment:nth-child(3n) {
	margin-left: -5.5%;
}

div#content > ol.comments > li {
	margin-top: 0em;
}

li.comment::before {
	display: block;
	content: "";
	background: rgba(168, 168, 168, 0.1);
	background: -moz-linear-gradient(-30deg, rgba(168, 168, 168, 0.1) 20%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0.2) 60%, rgba(168, 168, 168, 0.1) 80%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(20%, rgba(168, 168, 168, 0.1)), color-stop(40%, rgba(255, 255, 255, 0.2)), color-stop(60%, rgba(255, 255, 255, 0.2)), color-stop(80%, rgba(168, 168, 168, 0.1)));
	background: -webkit-linear-gradient(-30deg, rgba(168, 168, 168, 0.1) 20%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0.2) 60%, rgba(168, 168, 168, 0.1) 80%);
	background: -o-linear-gradient(-30deg, rgba(168, 168, 168, 0.1) 20%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0.2) 60%, rgba(168, 168, 168, 0.1) 80%);
	background: -ms-linear-gradient(-30deg, rgba(168, 168, 168, 0.1) 20%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0.2) 60%, rgba(168, 168, 168, 0.1) 80%);
	width: 7em;
	height: 2em;
	border: 1px outset #c0c0c0;
	border-left-style: dotted;
	border-right-style: dotted;
	top: -1em;
	left: 20%;
	margin-bottom: -2em;
	position: relative;
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}

li.comment:nth-child(2n)::before {
	left: 40%;
}

li.comment:nth-child(3n)::before {
	width: 10em;
}

li.comment:nth-child(2n+1)::before {
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
}

div#content > ol.comments > li::before {
	display: none;
}

li.comment div.comment-header {
	background-color: #ffffff;
	background-image: url("./img/index-head.png");
	background-position: bottom;
	background-repeat: repeat-x;
	padding-top: 25px;
	line-height: 25px !important;
}

li.comment div.comment-header,
#content:hover header .entry-actions a {
	font-family: "American Typewriter", "Courier New", "Courier", monospace;
}

li.comment div.comment-header a {
	color: inherit;
	text-decoration: none;
}

li.comment div.comment-header a:hover {
	text-decoration: underline;
}

li.comment div.comment-header p.comment-permalink {
	float: right;
}

li.comment div.comment-header p.comment-author {
	font-weight: bold;
}

li.comment div.comment-header p.comment-actions a,
#content header .entry-actions a {
	display: none;
	float: right;
	background: rgba(168, 168, 168, 0.1);
	background: -moz-linear-gradient(-30deg, rgba(168, 168, 168, 0.1) 20%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0.2) 60%, rgba(168, 168, 168, 0.1) 80%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(20%, rgba(168, 168, 168, 0.1)), color-stop(40%, rgba(255, 255, 255, 0.2)), color-stop(60%, rgba(255, 255, 255, 0.2)), color-stop(80%, rgba(168, 168, 168, 0.1)));
	background: -webkit-linear-gradient(-30deg, rgba(168, 168, 168, 0.1) 20%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0.2) 60%, rgba(168, 168, 168, 0.1) 80%);
	background: -o-linear-gradient(-30deg, rgba(168, 168, 168, 0.1) 20%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0.2) 60%, rgba(168, 168, 168, 0.1) 80%);
	background: -ms-linear-gradient(-30deg, rgba(168, 168, 168, 0.1) 20%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0.2) 60%, rgba(168, 168, 168, 0.1) 80%);
	color: #c0c0c0;
	height: 2em;
	line-height: 2em;
	overflow: hidden;
	overflow-x: visible;
	text-align: center;
	text-decoration: none !important;
	border: 1px outset #c0c0c0;
	border-left-style: dotted;
	border-right-style: none;
	border-bottom-color: #ffffff;
	position: relative;
	margin-left: -3em;
	margin-right: -2%;
	padding-left: 0.5em;
	padding-right: 0.5em;
	top: 5em;
}

#content header .entry-actions a {
	top: -6em;
	margin-right: -12.5%;
}

li.comment div.comment-header p.comment-actions a::before,
#content header .entry-actions a::before {
	content: "\00a0";
	display: block;
}

li.comment:hover div.comment-header p.comment-actions a,
#content:hover header .entry-actions a {
	display: block;
}

li.comment div.comment-header p.comment-actions a:hover::before {
	content: "Reply";
}

#content header .entry-actions a:hover::before {
	content: "Edit";
}

li.comment div.comment-content {
	margin-bottom: 23px;
}

li.comment div.comment-header,
li.comment div.comment-content {
	padding-left: 2%;
	padding-right: 2%;
}

li.comment p,
li.comment ul.sect-footer {
	margin: 0px;
	line-height: 25px !important;
}

/* Home page */

body.home #masthead {
	width: 80%;
	height: 100px;
}

body.home #masthead a::before {
	content: url("./img/portrait-hole.png");
	float: right;
}

body.home p#tagline {
	display: block;
}

body.home h1#wordmark {
	line-height: 100px;
	height: 100px;
}

body.home h1#wordmark::before {
	margin-right: 0em;
}

body.home div#content {
	padding-top: 0px;
}

body.home h1#secthead {
	background-image: url("../../img/splash/tire-swing.png");
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 174px;
	margin-bottom: -15px;
	margin-left: -10%;
	padding-left: 10%;
	margin-right: -10px;
	padding-right: 10px;
	height: 60px; /* 234 - 174 */
	font-size: 120%;
}

body.home #about-para {
	background-image: url("./img/portrait-cutout.png");
	background-repeat: no-repeat;
	margin-left: -100px;
	padding-left: 100px;
	min-height: 90px;
}

body.home h1:target, body.home h2:target, body.home h3:target,
body.home h4:target, body.home h5:target, body.home h6:target,
body.home div:target > .entry-title {
	margin-top: -moz-calc(-1em - 100px);
	padding-top: -moz-calc(1em + 100px);
	margin-top: -webkit-calc(-1em - 100px);
	padding-top: -webkit-calc(1em + 100px);
	margin-top: calc(-1em - 100px);
	padding-top: calc(1em + 100px);
}

/* About */

body.about div#content {
	padding-top: 0px;
}
body.about h1#secthead {
	background-image: url("../../img/splash/head.png");
	background-repeat: no-repeat;
	background-position: -25% bottom;
	padding-top: 124px;
	margin-bottom: -45px;
	margin-left: -12%;
	padding-left: 12%;
	margin-right: -12%;
	padding-right: 12%;
	height: 100px; /* 234 - 174 */
}

/* Archives */
body.archives div#content {
	background-color: #f0f0f0;
	background-image: none;
	padding-top: 0px;
}

body.archives h1#secthead {
	background-image: url("../../img/splash/sticky-tack-man.png");
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 124px;
	margin-bottom: -45px;
	margin-left: -12%;
	padding-left: 12%;
	margin-right: -12%;
	padding-right: 12%;
	height: 100px; /* 234 - 174 */
}

dl.directory {
	padding-left: 0em;
	list-style-position: inside;
	text-align: justify;
	line-height: 1.2em;
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
}

dl.directory dl {
	margin-left: 2em;
}

dl.directory > dl {
	font-size: 80%;
}

dl.directory.compact {
	font-size: 80%;
}

dl.directory.compact > dl {
	font-size: 100%;
}

dl.directory dt {
	text-indent: -2em;
	margin-left: 2em;
	margin-right: 3em;
	position: relative;
	z-index: 5;
	background-image: url("./img/leader.png");
	background-repeat: repeat-x;
	background-position: right bottom;
}

dl.directory.dates dt {
	margin-right: 5.5em;
}

dl.directory > dt {
	margin-top: 1em;
}

dl.directory.compact > dt {
	margin-top: 0em;
}

dl.directory dt > * {
	background-color: #f0f0f0;
	padding-right: 3px;
}

dl.directory dd {
	float: right;
	text-align: right;
	position: relative;
	top: -1.2em;
	margin-bottom: -1.2em;
}

/* Page footer */
/* Pencil image based on photo by Felipe Micaroni Lalli
 * http://commons.wikimedia.org/wiki/Image:Aofhfeworewour.jpg
 * License: Creative Commons Attribution-ShareAlike 2.5
 */
#content > footer {
	margin-top: 50px;
	margin-left: -250px;
	padding-left: 250px;
	margin-right: -12%;
	padding-right: 12%;
	text-align: right;
	font-size: 90%;
	background-image: url("./img/faber.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 80px;
}
#content > footer p {
	margin-left: 20%;
}
/* Protractor image based on photo by Luigi Chiesa
 * http://commons.wikimedia.org/wiki/File:Goniometro.jpg
 * License: Creative Commons Attribution 3.0
 */
body.archives #content > footer {
	background-image: url("./img/protractor.png");
	margin-top: -100px;
	margin-left: -300px;
	padding-top: 225px;
	padding-left: 300px;
	padding-bottom: 25px;
}
body.archives #content > footer p {
	margin-left: 200px;
}

/* Individual archives */
#content header {
	font-size: 90%;
	margin-top: -80px;
}

#content header a {
	color: inherit;
	text-decoration: none;
}

#content header a:hover {
	text-decoration: underline;
}

h2#comments::after,
h2#trackbacks::after {
	content: attr(data-addition);
	font-family: "Tally", cursive;
	font-weight: normal;
	font-size: 140%;
	color: #404040;
	text-shadow: -1px -1px 3px #a0a0a0;
	line-height: 70%;
	vertical-align: middle;
	margin-left: 1em;
}

/* Search */
body.search #main,
body.status #main {
	padding-top: 0px;
}

body.search #content,
body.status #content {
	background: #ffffff;
	background-image: -moz-repeating-linear-gradient(90deg, #e3fae8, #e3fae8 6.25em, transparent 6.25em, transparent 12.5em);
	background-image: -webkit-repeating-linear-gradient(90deg, #e3fae8, #e3fae8 6.25em, transparent 6.25em, transparent 12.5em);
	background-image: -o-repeating-linear-gradient(90deg, #e3fae8, #e3fae8 6.25em, transparent 6.25em, transparent 12.5em);
	background-image: repeating-linear-gradient(to bottom, #e3fae8, #e3fae8 6.25em, transparent 6.25em, transparent 12.5em);
	font-family: "Monaco", "Menlo", "OCR-A II", "OCR A Extended", "Courier New", "Courier", monospace;
	border-left: 1px dashed #808080;
	border-right: 1px dashed #808080;
	line-height: 1em;
	padding-top: 7.5em;
}

body.search #content > :not(.form),
body.status #content > :not(.form) {
	font-size: 80% !important;
	line-height: 1em !important;
}

body.search #content > :not(.form) *,
body.status #content > :not(.form) * {
	font-size: 100% !important;
	line-height: 1em !important;
	vertical-align: baseline;
}

body.search #content .form form,
body.status #content .form form {
	margin-left: -1px;
	margin-right: -1px;
}

/* Navigation bar */
div#side {
	position: absolute;
	top: 200px;
	left: 2%;
}

nav ul {
	margin-left: -40px;
}

nav ul li {
	display: block;
	list-style-type: none;
	height: 5em;
	margin-left: 10%;
	margin-bottom: 1em;
}

nav ul li a {
	display: block;
	background-image: url("./img/sticky-bg.png");
	color: #40401b;
	width: 174px;
	height: 88px;
	line-height: 3em;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	font-family: "American Typewriter", "Courier New", "Courier", monospace;
	/* font-family: "Helvetica", "Arial", sans-serif; */
	font-size: 150%;
}

nav ul li:nth-child(2n) {
	margin-left: 12%;
}

nav ul li:nth-child(2n+1) a {
	-moz-transform: rotate(1deg);
	-webkit-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	transform: rotate(1deg);
}

nav ul li:nth-child(3n) {
	margin-left: 10%;
}

nav ul li:nth-child(3n+1) a {
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg);
}

nav ul li:nth-child(5n) {
	margin-left: 8%;
}

nav ul li.nav-current a {
	display: block;
	position: fixed;
	top: 0px;
	z-index: 200;
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(M11=0.984807753012208, M12=0.17364817766693033, M21=-0.17364817766693033, M22=0.984807753012208) /* Math.cos(-10*Math.PI/180), -Math.sin(-10*Math.PI/180), Math.sin(-10*Math.PI/180), Math.cos(-10*Math.PI/180) */;
}

body.home nav ul li.nav-current a {
	top: 40px;
}

/* Common classes */

*.fine-print, *.credit {
	font-size: smaller;
}
*.update, *.clarification {
	background-image: url("./img/arrow-right.png");
	background-repeat: no-repeat;
	margin-left: -50px;
	padding-left: 50px;
	padding-top: 10px;
	min-height: 50px;
}

*.credit::before {
	content: "Hat tip: ";
	font-weight: bold;
}
*.update::before {
	content: "Update: ";
	font-weight: bold;
}
*.clarification::before {
	content: "On second thought: ";
	font-weight: bold;
}

*.orthographic-example {
	font-size: larger;
	text-align: center;
}
*.ipa {
	color: #000000;
	font-family: "Gentium", "Charis SIL", "Doulos SIL", "Arial Unicode MS", "Ludica Unicode", "Tahoma", inherit, sans-serif;
}
*.viet-cmplx {
	font-family: "Tahoma", "Verdana", "Arial", inherit, sans-serif;
}
*.diacritical-base {
	color: #c0c0c0;
}

/* http://annevankesteren.nl/css/oldschool */
/* "Change the selected text color, since it's way cooler than colored
 * scrollbars"
 * "I have to double up here, because if the browser doesn't recognize one of
 * the selectors, it'll ignore the whole rule." */
/* *::-moz-selection {background-color: #36414d; color: #fff}
*::selection {background-color: #36414d; color: #fff} */
*::-moz-selection {
	background-color: #ffff6b;
	background-image: url("./img/highlight-yellow.png");
	color: #40401b;
}
*::selection {
	background-color: #ffff6b;
	background-image: url("./img/highlight-yellow.png");
	color: #40401b;
}