/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
	 Base styles: opinionated defaults
	 ========================================================================== */

html,
button,
input,
select,
textarea {
	color: #222;
	font-family: "ralewayregular", Arial, sans-serif;
}

label {
	cursor: pointer;
}

body {
	font-size: 1em;
	line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
	vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
	resize: vertical;
}

/* 
 * Custom input and textarea
 */
input[type=text],input[type=password],textarea {
	font-family: 'ralewayregular', 'Arial', sans-serif;
	-webkit-box-shadow: .025em .025em .125em .125em #ccc;
	-moz-box-shadow: .025em .025em .125em .125em #ccc;
	box-shadow: .025em .025em .125em .125em #ccc;
	-moz-border-radius: .125em;
	-webkit-border-radius: .125em;
	border-radius: .125em;
}

input[type=text]:focus,input[type=password]:focus,textarea:focus {
	-webkit-box-shadow: .05em .05em .1em .125em #60add2;
	-moz-box-shadow: .05em .05em .1em .125em #60add2;
	box-shadow: .05em .05em .1em .125em #60add2;
}

/* ==========================================================================
	 Chrome Frame prompt
	 ========================================================================== */

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/* ==========================================================================
	 Author's custom styles
	 ========================================================================== */

/* Cursors */
.cursorpointer { cursor: pointer; }
	
/* Margins */
.marginauto { margin: auto; }
.marginbottom1em { margin-bottom: 1em; }	
	 
/* Widths */
.width100pc { width: 100%; height: auto;}
.maxwidth100pc { max-width: 100%; height: auto; }
 
/*display and floats*/
.floatleft { float: left; }
.floatright { float: right; }
.displayinline { display: inline; }
.displayinlinenlock { display: inline-block; }
.displayblock{ display: block; }
.displaynone { display: none; }

/* borders */
.borderbottomCCC {
border-bottom: 1px solid #ccc;
-webkit-box-shadow: 0 0.75em 1em -0.5em rgba(204,204,204,1);
-moz-box-shadow: 0 0.75em 1em -0.5em rgba(204,204,204,1);
box-shadow: 0 0.75em 1em -0.5em rgba(204,204,204,1);
padding-bottom: 0.5em;
}

/* TYPOGRAPHY */

/* font size
* Sets up some sensible default typography. *
Based on the typography.css portion of Blueprint CSS @ http://blueprintcss.org/

Pixels 	EMs 	 Percent 	
2px 	0.125em	12.5% 	
4px	0.25em	 25.0%
5px 	0.3125em	 31.25% 	
6px 	0.375em	37.5% 	
7px 	0.438em	43.8% 	
8px 	0.5em 	 50% 		
9px 	0.563em	56.3% 	
10px 	0.625em	62.5% 	
11px 	0.688em	68.8% 	
12px 	0.75em 	 75% 		
13px 	0.813em	81.3% 	
14px 	0.875em	87.5% 	
15px 	0.938em	93.8% 	
--------------------------
16px 	1em 	 100%
--------------------------
17px 	1.063em	106.3% 	
18px 	1.125em	112.5% 	
19px 	1.188em	118.8% 	
20px 	1.25em 	 125% 	
21px 	1.313em	131.3% 	
22px 	1.375em	137.5% 	
23px 	1.438em	143.8% 	
24px 	1.5em 	 150% 	
25px 	1.5625em	 156.25% 	
26px 	1.625em	162.5% 	
27px 	1.6875em	 168.75% 	
32px	2em		 200%	
35px	2.1875em	 218.75%	 */

.fontsize6px { font-size: 0.375em; }
.fontsize7px { font-size: 0.438em; }
.fontsize8px { font-size: 0.5em; }
.fontsize9px { font-size: 0.563em; }
.fontsize10px { font-size: 0.625em; }
.fontsize11px { font-size: 0.688em; }
.fontsize12px { font-size: 0.75em; }
.fontsize13px { font-size: 0.813em; }
.fontsize14px { font-size: 0.875em; }
.fontsize15px { font-size: 0.938em; }
.fontsize16px { font-size: 1em; }
.fontsize17px { font-size: 1.063em; }
.fontsize18px { font-size: 1.125em; }
.fontsize19px { font-size: 1.188em; }
.fontsize20px { font-size: 1.25em; }
.fontsize21px { font-size: 1.313em; }
.fontsize22px { font-size: 1.375em; }
.fontsize23px { font-size: 1.438em; }
.fontsize24px { font-size: 1.5em; }
.fontsize26px { font-size: 1.625em; }
.fontsize28px { font-size: 1.750em; }
.fontsize32px { font-size: 2em; }

/* #Font faces
================================================== */

@font-face {
	font-family: 'ralewaylight';
	src: url('../fonts/raleway/raleway-light-webfont.eot');
	src: url('../fonts/raleway/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/raleway/raleway-light-webfont.woff') format('woff'),
		 url('../fonts/raleway/raleway-light-webfont.ttf') format('truetype'),
		 url('../fonts/raleway/raleway-light-webfont.svg#ralewaylight') format('svg');
	font-weight: normal;
	font-style: normal;

}
.ralewaylight { font-family: 'ralewaylight', 'Arial', sans-serif; }

@font-face {
	font-family: 'ralewayregular';
	src: url('../fonts/raleway/raleway-regular-webfont.eot');
	src: url('../fonts/raleway/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/raleway/raleway-regular-webfont.woff') format('woff'),
		 url('../fonts/raleway/raleway-regular-webfont.ttf') format('truetype'),
		 url('../fonts/raleway/raleway-regular-webfont.svg#ralewayregular') format('svg');
	font-weight: normal;
	font-style: normal;

}
.ralewayregular { font-family: 'ralewayregular', 'Arial', sans-serif; }

@font-face {
	font-family: 'ralewaysemibold';
	src: url('../fonts/raleway/raleway-semibold-webfont.eot');
	src: url('../fonts/raleway/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/raleway/raleway-semibold-webfont.woff') format('woff'),
		 url('../fonts/raleway/raleway-semibold-webfont.ttf') format('truetype'),
		 url('../fonts/raleway/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
	font-weight: normal;
	font-style: normal;

}
.ralewaysemibold { font-family: 'ralewaysemibold', 'Arial', sans-serif; }

@font-face {
	font-family: 'ralewaybold';
	src: url('../fonts/raleway/raleway-bold-webfont.eot');
	src: url('../fonts/raleway/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/raleway/raleway-bold-webfont.woff') format('woff'),
		 url('../fonts/raleway/raleway-bold-webfont.ttf') format('truetype'),
		 url('../fonts/raleway/raleway-bold-webfont.svg#ralewaybold') format('svg');
	font-weight: normal;
	font-style: normal;
}
.ralewaybold { font-family: 'ralewaybold', 'Arial', sans-serif; }

@font-face {
	font-family: 'texgyreadventorbold';
	src: url('../fonts/texgyreadventor/texgyreadventor-bold-webfont.eot');
	src: url('../fonts/texgyreadventor/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/texgyreadventor/texgyreadventor-bold-webfont.woff') format('woff'),
		 url('../fonts/texgyreadventor/texgyreadventor-bold-webfont.ttf') format('truetype'),
		 url('../fonts/texgyreadventor/texgyreadventor-bold-webfont.svg#texgyreadventorbold') format('svg');
	font-weight: normal;
	font-style: normal;

}
.texgyreadventorbold { font-family: 'texgyreadventorbold', 'Arial', sans-serif; }

.italic { font-style: italic; }
.whitespacenowrap { white-space: nowrap; }

/* Headings */
h1, h2, h3, h4 {
	line-height: 1.125em;
}
h1 {
	color: #d45602;
	font-family: 'texgyreadventorbold', 'Arial', sans-serif;
	font-size: 2.5em;
	margin: 1em 0 1em 0;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(253,202,93,.5), 0 1px 0 rgba(0,0,0,.8);
}
h2, h3, h4, h5, h6 .index-entry {
	font-family: 'ralewaybold', 'Arial', sans-serif;
	text-shadow: 0 -1px 0 rgba(221,208,203,.5), 0 1px 0 rgba(0,0,0,.2);
}
#index h1 {
	font-size: 3em;
	margin: .5em 0 .75em 0;
}
h2 {
	color: #B53801;
	font-size: 1.5em;
}
h3 {
	color: #992F01;
	font-size: 1.375em;
}
h4, h5, h6, .index-entry {
	color: #992F01;
	font-size: 1.25em;
}

/* Text alignment */
.text-align-left { text-align: left; }
.text-align-center { text-align: center; text-indent: 0; }
.text-align-right { text-align: right; }
.text-align-justify { text-align: left; }
.verticalaligntop { vertical-align: top; }
.verticalalignbottom { vertical-align: bottom; }
.verticalalignmiddle { vertical-align: middle; }

/* font formatting */
.bold { font-weight: bold; }
.white { color: #fff; }
.red	{ color: #D51502; }
.blue { color: #012A92; }
.grey { color: #b2bcc3; }

/*	Blockquotes	*/
blockquote:before {
	display: block;
	height: 0;
	content: "\201C";
	font-family: 'texgyreadventorbold', 'Arial', sans-serif;
	font-size: 3.5em;
	margin-left: -1.125em;
	font-style: italic;
	color: #999;
}
blockquote,.critique {
	width: auto;
	display: table;
	background: #fff;
	line-height: 1.5em;
	color: #777;
	margin: 0 auto 1em auto;
	padding: 0.5em 1em;
	border-left: 0.5em solid #ddd;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.5);
	box-shadow: 0 0 6px rgba(0,0,0,0.5);
}
blockquote footer.citation { display: block; font-size: 0.875em; font-style: italic; color: #555; }
blockquote footer.citation:before { content: "\2014 \0020"; }
blockquote footer.citation a, blockquote footer.citation a:visited, blockquote footer.citation a:visited { color: #555; }

/*	Horizontal Rules	*/	
hr {
	width: 60%;
	padding: 0;
	border: none;
	border-top: medium double #b2bcc3;
	color: #b2bcc3;
	text-align: center;
	margin-top: 2em;
}
hr:after {
	content: "\00a0";
	display: inline-block;
	position: relative; 
	top: -20px; 
	height: 35px;
	width: 35px;
	background-image: url('../pics/hr.jpg');
	background-repeat: no-repeat;
	background-position: 50% 0%;
}

/* #Lists
================================================== */
	#wrapper-inner ol { list-style: decimal; }
	#wrapper-outer.poem ol ul { list-style: none; margin: 0; }
	#wrapper-outer.poem ol ul > li	{ text-indent: -0.875em; }
	#wrapper-outer.poem ol ul > li:before { content: "- ";text-indent: -0.875em; }
	
/* Links
================================================== */

a:link {
	text-decoration: none;
}

/* add to empty spans inside links to make that link fill a div */
.linkfill {
	position:absolute; 
	width:100%;
	height:100%;
	top:0;
	left: 0;
	z-index: 100;
}

.lt-ie9 .linkfill {
	/* fixes overlap error in IE7/8, 
	 make sure you have an empty gif */
	background-image: url('../pics/empty.gif');
}

/* Paragraph Styles
================================================== */

p.tight { margin-top: 0em; margin-bottom: 0em; }

/* Rotate 
================================================== */

	.rotateminus1dg { -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -o-transform: rotate(-1deg); transform: rotate(-1deg); }
	.rotateplus1dg { -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); }

/* Hover animations
================================================== */

	.hovergrow {
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-o-transition:.2s;
	-ms-transition:.2s;
	transition:.2s;
}
	/* grow on hover*/
	.hovergrow:hover {
	-webkit-transform: scale(1.075);
	-moz-transform: scale(1.075);
	-o-transform: scale(1.075);
	transform: scale(1.075);
}

/*Misc
================================================== */

	.menu-respond { display: none; }
	.menu-respond-mobile { display: none; }
	.mobile-show { display: block; }

/* #Images
================================================== */

	img.scale-with-grid {
	max-width: 100%;
	height: auto; }

/* ==========================================================================
	 Helper classes
	 ========================================================================== */

/*
 * Image replacement
 */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

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

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

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

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

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

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *	`contenteditable` attribute is included anywhere else in the document.
 *	Otherwise it causes space to appear at the top and bottom of elements
 *	that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *	`:before` to contain the top-margins of child elements.
 */
#archive ul:before,
#archive ul:after,
.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
#archive ul:after,
.clearfix:after {
	clear: both;
}
.clearboth, .lt-ie8 .clearfix, .lt-ie8 #archive ul {	clear: both; }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
#archive ul,
.clearfix {
	*zoom: 1;
}

/*	#Mobile First Styles
============================================================== */
body {
	background-image: url('../pics/header-footer-background.jpg');
	background-position: center top;
}
#container {
	width: 100%;
}
#header {
	background-image: url('../pics/header-footer-background.jpg');
	background-position: bottom;
	position: fixed;
	z-index: 99;
	top: 0;
	width: 100%;
	-o-box-shadow: 0 0 0.75em #979797;
	-webkit-box-shadow: 0 0 0.75em #979797;
	-moz-box-shadow: 0 0 0.75em #979797;
	box-shadow: 0 0 0.75em #979797;
}
#header.jsdisabled {
	position: static;
}
.lt-ie9 #header {
	border-bottom: 1px solid #ccc;
}
#logo {
	position: absolute;
	top: 5px;
	left: 5px;
	height: 2.563em;
	width: 2.563em;
	background-image: url('../pics/logo.png');
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;
	background-repeat: no-repeat;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-o-transition:.2s;
	-ms-transition:.2s;
	transition:.2s;
}
.lt-ie9 #logo {
	background-image: url('../pics/logoie8.png');
}
#logo:hover {
	background-image: url('../pics/logo-hover.png');
}
.lt-ie9 #logo:hover {
	background-image: url('../pics/logo-hoverie8.png');
}
#logo-text {
	display: none;
	float: left;
	margin:	8px 0 0 50px;
	line-height: 1em;
	font-family: 'texgyreadventorbold', 'Arial', sans-serif;
}
#logo-text-top {
	font-size: 1em;
}
#logo-text-bottom {
	font-size: 0.813em;
}
#logo-text a:link, #logo-text a:visited {
	color: #ff6600;
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
	text-decoration: none;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-o-transition:.2s;
	-ms-transition:.2s;
	transition:.2s;
}
#logo-text a:hover, #logo-text a:visited:hover {
	color: #eff1ee;
	text-shadow: 0 0 0.2em #ff6600, 0 0 0.2em #ff6600, 0 0 0.2em #ff6600;
}
.lt-ie9 #logo-text a:hover, .lt-ie9 #logo-text a:visited:hover {
	color: #D45602;
}
#nav {
	margin: auto;
	max-width: 85.375em;
	min-height: 50px;
	text-align: center;
	width: 92%;
}
#nav ul {
	list-style: none;
	margin: 0;
}
#nav li {
	line-height: 50px;
	height: 100%;
	margin: -1px;
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}
#togglemenu a:link,#togglemenu a:visited, #togglemenu li.current a,#togglemenu li.current a:visited {
	font-size: 1.25em;
	color: #ff6600;
	font-family: "ralewaysemibold", Arial, sans-serif;
	letter-spacing: 0.025em;	
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
	margin: 0 .75em 0 .75em;
	padding: 0;
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-o-transition:.3s;
	-ms-transition:.3s;
	transition:.3s;
}
#togglemenu li.current a,#togglemenu li.current a:visited {
	background-color: rgba(252,223,173,.4);
	margin: 0;
	padding: 0 .75em 0 .75em;
	-webkit-border-radius: .25em;
	-moz-border-radius: .25em;
	border-radius: .25em;
	-webkit-box-shadow: 0 0 0.375em #979797;
	-moz-box-shadow: 0 0 0.375em #979797;
	box-shadow: 0 0 0.375em #979797;
}

#togglemenu li a:hover, #togglemenu	li.current a:hover {
	background-color: rgba(212,86,2,.8);
	color: #fff;
	text-shadow: none;
	letter-spacing: 0.075em;
	margin: 0;
	padding: 0 .75em 0 .75em;
}
.lt-ie9 #togglemenu li a:hover, .lt-ie9 #togglemenu	li.current a:hover	{
	background-color: #d45602;
}
#content {
	margin-top: 2.75em;
	width: 100%;
	background-color: #fbfbf8;
}
#content.jsdisabled {
	margin-top: 0;
	border-top: 2px solid #ccc;
}
#toggle.jsdisabled {
	display: none;
}
#togglemenu.jsdisabled {
	display: block;
}
#toggle.jsenabled {
	display: block;
	position: absolute;
	top: 0;
	right: 0.125em;
}
#toggle.jsenabled  a:link {
	
}
#togglemenu.jsenabled {
	display: none;
}
.menu-toggle {
	font-size: 1.125em;
}
#wrapper-outer {
	width: 100%;
}
#wrapper-outer.poem h2, #wrapper-outer.poem h3, #wrapper-outer.poem h4, #wrapper-outer.poem h5	{
	margin-top: 1.5em;
}
#wrapper-outer.poem span.play-char, #wrapper-outer.poem span.play-char-list {
	font-family: 'ralewaybold', 'Arial', sans-serif;
	color: #4D4C62;
	font-weight: bold;
	font-size: 1.25em;
	font-variant: small-caps;
	margin-right: 0.5em;
}
#wrapper-outer.poem span.play-char:after {
	content: ": ";
}
#wrapper-outer.poem span.line-number {
	float: right;
	font-weight: bold;
	color: #4D4C62;
}
#wrapper-outer.poem span.line-number:before {
	content: "[";
}
#wrapper-outer.poem span.line-number:after {
	content: "]";
}
#wrapper-outer.poem span.spacer, #wrapper-outer.poem span.spacer-1, #wrapper-outer.poem span.spacer-2, #wrapper-outer.poem span.spacer-3, #wrapper-outer.poem span.spacer-4	{
	display: inline-block;
	width: 0.125em;
}
#wrapper-outer.poem p {
	text-indent: 0;
	margin: 0.375em 0;
}
#wrapper-outer.poem p.line-break, #wrapper-outer.poem p:empty {
	display: block;
	min-height: 1em;
}
#wrapper-outer.poem p.no-indent-dc, #wrapper-outer.poem p.no-indent {
	text-indent: 0;
}
#wrapper-outer.poem p.no-indent-dc:first-letter {
	float: left;
	color: #d45602;
	font-style: normal;
	font-size: 3.75em;
	margin: 0.188em 0.125em 0 0;
	line-height: 0.7em;
	height: 0.7em;	
	font-family: Georgia;
}
#wrapper-outer.poem	p.indent-hang-dc:first-letter {
	color: #d45602;
	font-style: normal;
	font-size: 2.5em;
	font-family: Georgia;
	margin:  0 0.063em 0 0;
	float; left;
}
#wrapper-outer.poem	p.indent-hang, #wrapper-outer.poem	p.indent-hang-dc {
	padding-left: 1.5em;
	text-indent: -1.5em;
}
#wrapper-outer.poem img {
	margin: 1em auto;
	max-width: 100%;
	border: 1px solid #949494;
	-webkit-box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.64);
	-moz-box-shadow:	0 0 1.5em 0 rgba(0, 0, 0, 0.64);
	box-shadow:		 0 0 1.5em 0 rgba(0, 0, 0, 0.64);	
}
#wrapper-outer.poem img.no-img-decoration, #wrapper-outer.poem img.text-page {
	max-width: 100%;
	-webkit-box-shadow: none;
	-moz-box-shadow:	none;
	box-shadow:		 none; 
}
#wrapper-outer.poem img.no-img-decoration {
	margin: none;
	border: none;
}	
#wrapper-outer.poem img.text-page {
	margin: 1em auto;
	border: 1px dashed #949494;
}	
#content.jsenabled img.img-magnify, #content.jsenabled .book-cover, #content.jsenabled .text-page {
	cursor: pointer;
}
#wrapper-inner {
	background-color: #fbfbf8;
	font-family: "ralewayregular", Arial, sans-serif;
	line-height: 2em;
	margin: auto;
	padding: 0.063em 2em 2em 2em;
	max-width: 85.375em;
}
/* Always align paragraph text left in mobile view */
.default-style p {
	text-align: left;
}
.default-style .text-align-center, .default-style .text-align-center p {
	text-align: center;
}
.default-style .text-align-right, .default-style .text-align-right p {
	text-align: right;
}
/* Correct align="center" and align="right" elements from being justified/left-aligned by over-riding style rules */
#wrapper-inner	[align="center"] {
	text-align: center;
}
#wrapper-inner	[align="right"] {
	text-align: right;
}
.default-style a:link {
	font-family: "ralewaysemibold", Arial, sans-serif;
	color: #366176;
}
.default-style a:visited {
	color: #704158;
}
.default-style a:hover[href] {
	border-bottom: 2px dotted #a9b3b8;
	cursor: pointer;
}
.default-style a:visited:hover[href] {
	border-bottom: 2px dotted #5A444F;
}
.default-style ul {
	padding: 0 0 0 1em;
}
.default-style ol li {
	padding-bottom: 0.75em;
}
.default-style li	{
	line-height: 1.5em;
}
ul.content-list {
	list-style: none;
	margin: 0.5em 0 2.5em 0.5em;
}
ul.content-list li {
	margin: 0.5em 0;
}
.default-style ul.site-links {
	padding: 0;
}
.default-style ul.site-links-index {
	padding-bottom: 0.5em;
}
ul.site-links, ul.site-links-index	{
	list-style: none;
}
ul.site-links {
	margin: 2.5em auto 1.5em auto;
	text-align: center;
}
ul.site-links-index > li {
	line-height: 1.75em;
	background: url('../pics/bullet-arrow.png') no-repeat left 1.5em;
	font-size: 1.125em;
	padding: 0.75em 0 0.75em 2.5em;
}
ul.site-links li {
	width: 80%;
	display: block;
	text-align: center;
	margin:	1.5em auto;
	height: 2.5em;
}
ul.site-links li a:link {
	background: url('../pics/bullet-star.png') no-repeat left 0.125em;
	padding-left: 1.25em;
}
ul.site-links li a:link.next_link {
	background: url('../pics/bullet-right-arrow.png') no-repeat right 0.125em;
	padding-left: 0;
	padding-right: 1.25em;
}
ul.site-links li a:link.previous_link {
	background: url('../pics/bullet-left-arrow.png') no-repeat left 0.125em;
}
#archive ol {
	list-style-type: none;
	list-style-type: decimal !ie; /*IE 7- hack*/
	margin: 0;
	margin-left: 3em;
	padding: 0;
	counter-reset: li-counter;
}
#archive ol > li{
	position: relative;
	margin: 1em 0 1em 2.5em;
	padding-left: 0.5em;
	min-height: 3em;
	border-left: medium double #CCCCCC;
}
#archive ol > li:before {
	position: absolute;
	top: 0;
	left: -1.5em;
	width: 0.25em;
	font-size: 2.25em;
	line-height: 1.75em;
	font-weight: bold;
	text-align: right;
	color: #999999;
	content: counter(li-counter);
	counter-increment: li-counter;
}
#archive ul {
	list-style: none;
}
#archive ul li, #archive ol	 {
	background-color: #FFFCF3;
	display: inline-block;
	vertical-align: middle;
	width: 92%;
	background-image: url('../pics/panel-background.jpg');
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	padding: 0 1em 0 1em;
	margin: 1em 1em 1em 0;
	-o-box-shadow: 0 0 0.75em #979797;
	-webkit-box-shadow: 0 0 0.75em #979797;
	-moz-box-shadow: 0 0 0.75em #979797;
	box-shadow: 0 0 0.75em #979797;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
#archive ul li:nth-child(even) {
	background-position: center right;
}
.lt-ie9 #archive ul li, .lt-ie9 #archive ol {
	border: 1px solid #ccc;	
}
#archive ul p {
	clear: both;
}
#upload #file-list {
	font-size: 0.875em;
	margin-top: 1.5em;
	height: 20em;
	max-height: 20em;
	overflow-y: auto;
	list-style: none;
}
#upload #file-list li {
	margin: 0.5em 0;
	border-bottom: 1px solid #bcbcbc;
}
label.file-upload-label input[type="file"] {
	position: fixed;
	top: -1000px;
}
.file-upload-label :invalid + span {
	color: #ff0000;
}
.file-upload-label :valid + span {
	color: #ffffff;
}
#upload #progress-bar {
	border: 1px solid #bcbcbc;
	width: 50%;
	background: #cccccc;
	height: 1em;
	margin: auto;
	border-radius: 0.25em;
}
#upload #progress-bar > span {
	display: block;
	height: 100%;
	width: 0%;
	background: #009900;
}
#upload .del-upload {
	display: inline-block;
	height: 15px;
	width: 15px;
	margin-right: 1em;
	background-image: url('../pics/upload-icon.png');
	background-position: 0px 0px;
	cursor: pointer;
}
#upload .del-upload:hover {
	background-position: 0px -15px;	
}
#index #archive ul a:link[href], #index #archive ul a:visited[href], #index #archive ol a:link[href], #archive-download ol a:link[href], #index #archive ol a:visited[href], form input[type=submit], a:link[href].button, label.file-upload-label, #upload .button, a:visited[href].button {
	white-space: nowrap;
	margin: 0.5em 0 1em 0.5em;
	line-height: 1.5em;
	padding: 0.5em;
	font-family: "ralewaysemibold", Arial, sans-serif;
	color: #fff;
	text-transform: uppercase;
	background-color: #526694;
	border: none;
	-webkit-border-radius: .25em;
	-moz-border-radius: .25em;
	border-radius: .25em;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-o-transition:.2s;
	-ms-transition:.2s;
	transition:.2s;
}
#archive-download ol a:link[href] {
	border: medium double #fbfbf8;
}
#index #archive ol a:link[href], #index #archive ol a:visited[href] {
	line-height: 2.5em;
}
#index #archive ul a:link[href], #index #archive ul a:visited[href], #login form input[type=submit], #contact form input[type=submit], a:link[href].button {
	float: right;
}
a:link[href].button.align-center {
	float: none;
}
#edit_form a:link[href].button, .col-50 a:link[href].button	form input[type=submit], a:link[href].button.hardcopy {
	float: none;
	margin: 1em 0;
}
#index #archive ul a:hover[href], #index #archive ul a:visited:hover[href], #index #archive ol a:hover[href], #index #archive ol a:visited:hover[href], a:hover[href].button, a:visited:hover[href].button, form input[type=submit]:hover {
	cursor: pointer;
	color: #fff;
	background-color: #2D384A;
	border-bottom: none;
}
#archive-download ol a:hover[href], #archive-download ol a:visited:hover[href], label.file-upload-label:hover, #upload .button:hover	{
	cursor: pointer;
	color: #fff;
	background-color: #2D384A;
}
#login form {
	width: 17em;
	margin: auto;
}
#login form p {
	font-family: "ralewaybold", Arial, sans-serif;
	line-height: 1em;
}
#search form p {
	text-align: center;
	line-height: 2em;
}
#search #wrapper-inner	ul {
	list-style: none;
}
#search #wrapper-inner	ul li {
	margin: 1.5em 0;
}
#search #wrapper-inner #search_timer {
	margin-left: 1em;
}
#edit_form {
	text-align: left;
}
#edit_form.text-align-center > p {
	text-align: center;
}
#edit_form p a:link {
	line-height: 2em;
}
#contact #captcha {
	border: 1px solid #7a7a7a;
	margin-left: 0.5em;
}

#contact #wrapper-inner form {
	margin: 0 auto 4em auto;
}
#contact #wrapper-inner form a:hover {
	color: #ff6600;
	border: none;
}
#edit_form label {
	display: block;
	text-align: left;
	font-size: 1.125em;
	color: #B53801;
	white-space: no-wrap;
}
#edit_form input[type=text]{
	width: 100%;
	margin-bottom: 1em;
}
#edit_form textarea {
	min-width: 100%;
	min-height: 5em;
	margin-bottom: 1em;
}
#edit_form a:hover {
	border-bottom: none;
}
#banner {
	width: 94%;
	max-width: 60em;
	margin: auto auto 2em auto;
	border: 0.75em solid #E2E0E0;
	background-image: none;
	background-position: top left;
	background-repeat: no-repeat;
}
#banner-image {
	float: left;
	width: 100%;
	height: 13.5em;
	background-image: url('../pics/banner-small.png');
	background-repeat: no-repeat;
	background-position: top right;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-bottom: 0.75em solid #E2E0E0;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-o-transition:.5s;
	-ms-transition:.5s;
	transition:.5s;
}
#banner-title {
	position: absolute;
	width: 2em;
	height: 13.5em;
	font-family: "texgyreadventorbold", Arial, sans-serif;	
	background-color: #2D384A;
	border-right: 1px solid #000;
}
.lt-ie9 #banner-title{
	position: relative;
	text-align: center;
	border-right: none;
	border-bottom: 1px solid #000;	
	width: 100%;
	height: 2em;
}
.banner-title-text {
	color: #fff;
	font-size: 1.5em;
	line-height: 1.5em;
	-webkit-transform: rotate(-90deg);
	-webkit-transform-origin: right bottom 0;
	-moz-transform: rotate(-90deg);
	-moz-transform-origin: right bottom 0;
	-ms-transform: rotate(-90deg);
	-ms-transform-origin: right bottom 0;
	transform: rotate(-90deg);
	transform-origin: right bottom 0;
	margin-top: 3.75em;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-o-transition:.2s;
	-ms-transition:.2s;
	transition:.2s;
}
.lt-ie9 .banner-title-text {
	line-height: 1.25em;
	margin-top: 0;
}
#banner ul {
	float: left;
	width: 92%;
	list-style: none;
}
#banner li {
	display: block;
	height: 1.938em;
	padding: 0;
	font-size: 0.938em;
	border-bottom: 0.125em solid #E2E0E0;
}
#banner ul li:last-child {
	border-bottom: none;	
}
#banner a:link, #banner a:visited {
	font-family: "ralewayregular", Arial, sans-serif;
	color: #999999;
	display: block;
	width: 100%;
	height: 100%;
	margin-bottom: -1px;
}
#banner a:hover[href], #banner a:visited:hover[href] {
	font-family: "ralewaysemibold", Arial, sans-serif;
	color: #ff6600;
	border-bottom: none;
}
#content strong, #contact form label {
	font-family: "ralewaysemibold", Arial, sans-serif;
}
.col-25, .col-33, .col-50, .col-66, .col-75, .col-100 {
	width: 100%;
}

/* Poem menu icon sprites */
.icon {
	float: none;
	background-image:url('../pics/poem-icons.png');
}
#poem-nav.jsenabled {
	display: none;
	position: fixed;
	z-index: 100;
	top: 50px;
	right: 0.25em;
}
.icon {
	height: 40px;
	width: 40px;
	margin: 5px 0;
	text-align: left;
	background-image:url('../pics/poem-icons.png');
}
div.icon a {
	height: 40px;
	position: absolute;
	width: 40px;
}
.menu-button {
	background-position: 0px 0px;
}
.previous-button {
	background-position: -40px 0px;
}
.next-button {
	background-position: -80px 0px;
}
.home-button {
	background-position: -120px 0px;
}
.download-button {
	background-position: -160px 0px;
}
.book-button {
	background-position: -200px 0px;
}
.audio-button {
	background-position: -240px 0px;
}
.menu-button:hover {
	background-position: 0px -40px;
}
.previous-button:hover {
	background-position: -40px -40px;
}
.next-button:hover {
	background-position: -80px -40px;
}
.home-button:hover {
	background-position: -120px -40px;
}
.download-button:hover {
	background-position: -160px -40px;
}
.book-button:hover {
	background-position: -200px -40px;
}
.audio-button:hover {
	background-position: -240px -40px;
}

.book-cover {
	max-width: 90%;
	border: 1px solid #888;
	-webkit-box-shadow: 0px 0px 1em 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:	0px 0px 1em 0px rgba(50, 50, 50, 0.75);
	box-shadow:		 0px 0px 1em 0px rgba(50, 50, 50, 0.75);
}

/* Book Cover Code for Download Pages */
/* Fallback styles */
#book {
	display: inline-block;
	-moz-box-shadow: 5px 5px 20px #aaa;
	-webkit-box-shadow: 5px 5px 20px #aaa;
	box-shadow: 5px 5px 20px #aaa;
	margin: 10px;
}
/* 3d styles */
#book img {
	vertical-align: middle;
	position: relative;
	width: 175px;
	height: 225px;
	max-width: 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 3px solid #D45602;
}
#book p {
	position: relative;
	bottom: 0;
	text-align: center;
	line-height: 1em;
	font-size: .75em;
	color: #fff;
	padding-bottom: 10px;
	margin: 10px 10px;
}
.books	{
	padding: 1em;
	-moz-perspective: 100px;
	-moz-transform-style: preserve-3d;
}
#book {
	position: relative;
	-moz-perspective: 100px;
	-moz-transform: rotateY(-3deg);
	-webkit-transform: perspective(100) rotateY(-3deg);
	box-shadow: none;
	margin: 0;
}
#book:before,
#book:after {
	position: absolute;
	top: 2%;
	height: 96%;
	content: ' ';
	z-index: -1;
}
#book:before {
	width: 107.5%;
	background-color: #000;
	box-shadow: 5px 5px 20px #aaa;
}
#book:after {
	width: 5%;
	left: 100%;
	border: 1px solid #ccc;
	background-color: #efefef;
	box-shadow: inset 0px 0px 5px #aaa;
	-moz-transform: rotateY(20deg);
	-webkit-transform: perspective(100) rotateY(20deg);
}
.social-like-holder {
	width: 100%;
	margin: auto;
}
#footer {
	font-family: "ralewaysemibold", Arial, sans-serif;
	font-size: .75em;
	text-align: center;
	width: 100%;
	padding-top: 1em;
	-webkit-box-shadow: 0px -0.5em 0.5em -0.375em #979797;
	-moz-box-shadow: 0px -0.5em 0.5em -0.375em #979797;
	-o-box-shadow: 0px -0.5em 0.5em -0.375em #979797;
	box-shadow: 0px -0.5em 0.5em -0.375em #979797;	
}
.lt-ie9 #footer {
	border-top: 1px solid #ccc;
}
.social-like-left, .social-like-center , .social-like-right{
	float: none;
	margin: auto;
	text-align: center;
}
.social-like-left {
	width: 100%;
}
.social-like-center {
	padding: 0.5em 0 0.5em 0;
	width: 100%;
}
.social-like-right {
	width: 92%;
	margin-left: 6%;
}
.sharer-container-8-icons {
	cursor: pointer;
	margin: auto;
	width: 100%;
	max-width: 168px;
	padding: 0.5em 0;
}
.sharer-icon {
	background-image: url('../pics/share.png');
	float: left;
	height: 40px;
	width: 40px;
	margin: 1px;
}
.sharer-icon.sharer-icon-facebook {
	background-position: 0 0;
}
.sharer-icon.sharer-icon-facebook:hover {
	background-position: 0 -40px;
}
.sharer-icon.sharer-icon-twitter {
	background-position: -40px 0;
}
.sharer-icon.sharer-icon-twitter:hover {
	background-position: -40px -40px;
}
.sharer-icon.sharer-icon-linkedin {
	background-position: -80px 0;
}
.sharer-icon.sharer-icon-linkedin:hover {
	background-position: -80px -40px;
}
.sharer-icon.sharer-icon-tumblr {
	background-position: -120px 0;
}
.sharer-icon.sharer-icon-tumblr:hover {
	background-position: -120px -40px;
}
.sharer-icon.sharer-icon-googleplus {
	background-position: -160px 0;
}
.sharer-icon.sharer-icon-googleplus:hover {
	background-position: -160px -40px;
}
.sharer-icon.sharer-icon-reddit {
	background-position: -200px 0;
}
.sharer-icon.sharer-icon-reddit:hover {
	background-position: -200px -40px;
}
.sharer-icon.sharer-icon-pinterest {
	background-position: -240px 0;
}
.sharer-icon.sharer-icon-pinterest:hover {
	background-position: -240px -40px;
}
.sharer-icon.sharer-icon-stumbleupon {
	background-position: -280px 0;
}
.sharer-icon.sharer-icon-stumbleupon:hover {
	background-position: -280px -40px;
}
.sharer-icon.sharer-icon-taringa {
	background-position: -320px 0;
}
.sharer-icon.sharer-icon-taringa:hover	{
	background-position: -320px -40px;
}
.attributions a:link, .attributions a:visited {
	font-family: "ralewaybold", Arial, sans-serif;
	color: #d45602;
}
.attributions a:hover, .attributions a:visited:hover {
	border-bottom: 0.125em solid #d45602;
}
.attributions-left, .attributions-right {
	text-align: center;
}

#footer {
	margin-bottom: 1.5em;
}

/*	#Styles for view-ports wider than 768px
============================================================== */

@media only screen and (min-width: 48.01em) {
#logo-text {
	display: block;
}
#togglemenu a:link,#togglemenu a:visited, #togglemenu li.current a,#togglemenu li.current a:visited {
	font-size: 1em;
}
#toggle.jsdisabled, #toggle.jsenabled {
	display: none;
}
#poem-nav.jsenabled {
	display: block;
}
#togglemenu.jsdisabled, #togglemenu.jsenabled {
	display: inline-block;
}
#togglemenu {
	width: 86%;
}
#togglemenu li {
	font-size: 1.063em;
	display: inline-block;
	text-align: center;
	width: 16%;
}
li.index, li.news, li.links {
	width: 15%;
}
li.about {
	width: 16%;
}
li.contact {
	width: 21%;
}
li.search {
	width: 18%;
}
#wrapper-inner ol {
	margin-left: 2em;
}
.default-style p, #wrapper-inner ol	{
	text-align: justify;
}
.default-style p.text-align-center {
	text-align: center;
}
#banner {
	background-image: url('../pics/banner-hourglass.gif');
}
#banner-image {
	width: 69%;
	height: 23.5em;
	background-image: url('../pics/banner.png');
	background-position: center center;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;
	border-right: 0.75em solid #E2E0E0;
	border-bottom: none;
}
#banner-title {
	height: 23.5em;
}
.banner-title-text {
	margin-top: 7.25em;
}
#banner ul {
	float: left;
	width: 25%;
}
#banner li {
	line-height: 1.75em;
}
ul.content-list {
	list-style: none;
	margin: 0.5em 0 2.5em 2.5em;
}
#wrapper-outer.poem p {
	text-indent: 3em;
	margin: 0.5em;
}
#wrapper-outer.poem	p.text-align-center {
	text-indent: 0;
}
#wrapper-outer.poem li.indent, #wrapper-outer.poem p.indent {
	text-indent: 3.5em;
}
#wrapper-outer.poem li.poem-indent, #wrapper-outer.poem p.poem-indent, #wrapper-outer.poem p.indent-1 {
	text-indent: 7em;
}
#wrapper-outer.poem p.indent-2 {
	text-indent: 10.5em;
}
#wrapper-outer.poem p.indent-3 {
	text-indent: 14em;
}
#wrapper-outer.poem p.indent-4{
	text-indent: 17.5em;
}
#wrapper-outer.poem h2.indent, #wrapper-outer.poem h3.indent, #wrapper-outer.poem h4.indent {
	text-indent: 2.5em;
}
#wrapper-outer.poem span.spacer {
	width: 1.75em;
}
#wrapper-outer.poem span.spacer-1 {
	width: 3.5em;
}
#wrapper-outer.poem span.spacer-2 {
	width: 7em;
}
#wrapper-outer.poem span.spacer-3 {
	width: 10.5em;
}
#wrapper-outer.poem span.spacer-4 {
	width: 14em;
}
#wrapper-outer.poem span.line-number {
	margin-right: 2em;
}
#wrapper-outer.poem span.line-number:before {
	content: none;
}
#wrapper-outer.poem span.line-number:after {
	content: none;
}
#wrapper-outer.poem #wrapper-inner{
	padding-right: 3em;
}
#contact #wrapper-inner form, #contact form textarea {
	width: 35em;
}
#contact form input[type=text] {
	width: 15em;
}
#contact form a:link {
	margin-right: 15em;
}
.wallpaper {
	background-image: url('../pics/wallpaper.jpg');
	background-position: right top;
	background-repeat: no-repeat;
}
ul.site-links	{
	margin: 0 auto;
}
ul.site-links li {
	display: inline-block;
	padding: 0 2em;
	margin: 0.5em auto;
	border-left: medium double #ddd;
	width: 18%;
}
ul.site-links li:first-child {
	border-left: none;
}
#archive ol	{
	padding-top: 1em;
	padding-bottom: 1em;	
}
#archive ol li {
	width: 34%;
	margin: 1em 6%;
	float: left;
}
#archive ol li:nth-child(odd) {
	clear: both;
}
#archive ul li {
	padding: 0 2%;
	width: 43%;
	margin: 1em 1.25%;
	display: inline-block;
	vertical-align: middle;
}
#archive.jsenabled ul li:nth-child(even) {
	float: right;
}
#archive.jsenabled ul li:nth-child(odd) {
	float: left;
}
.lt-ie9 #archive ul li{
	float: none;
}
#edit_form input[type=text]{
	width: 50%;
}
#edit_form textarea {
	min-width: 50%;
}
.col-25 { float: left; width: 22%; padding-left: 2%; }
.col-33 { float: left; width: 31%; padding-left: 2%; }
.col-50, ul.site-links-index	{ float: left; width: 44%; padding-left: 2%; }
.col-66	{ float: left; width: 60%; padding-left: 2%; }
.col-75	{ float: left; width: 69%; padding-left: 2%; }
.social-like-holder {
	width: 52.5%;
}
.social-like-left, .social-like-center, .social-like-right {
	width: 100%;
	margin: auto;
}
.social-like-left {
	float: right;
}
.social-like-right {
	padding-top: 0;
}
.sharer-container-8-icons {
	max-width: 336px;
}
.menu-respond { display: block }
.menu-respond-mobile { display: block; }
.mobile-show { display: none; }
.attributions-left { text-align: right; width: 49%; float: left;}
.attributions-right { text-align: left; width: 49%; float: right; }
.text-align-justify { text-align: justify; }
}

/*	#Styles for view-ports wider than 560px but less than 768px
============================================================== */

@media only screen and (min-width: 35em) and (max-width: 48em) {

.default-style p, #wrapper-inner ol	{
	text-align: justify;
}
#logo-text {
	display: block;
}
#nav {
	width: 60%;
}
#togglemenu.jsdisabled li {
	font-size: 1.063em;
	display: inline-block;
	text-align: center;
	width: 31%;
}
#banner {
	background-image: url('../pics/banner-hourglass.gif');
}
#banner-image {
	width: 60%;
	height: 23.5em;
	background-image: url('../pics/banner.png');
	background-position: center center;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;
	border-right: 0.75em solid #E2E0E0;
	border-bottom: none;
}
#banner-title {
	height: 23.5em;
}
.banner-title-text {
	margin-top: 7.25em;
}
#banner ul {
	float: left;
	width: 33%;
}
#banner li {
	line-height: 1.75em;
}
.wallpaper {
	background-image: url('../pics/wallpaper-medium.jpg');
	background-position: right top;
	background-repeat: no-repeat;
}
ul.content-list {
	list-style: none;
	margin: 0.5em 0 2.5em 2.5em;
}
#wrapper-outer.poem p {
	text-indent: 1.5em;
	margin: 0.5em;
}
#wrapper-outer.poem	p.text-align-center {
	text-indent: 0;
}
#wrapper-outer.poem li.indent, #wrapper-outer.poem p.indent {
	text-indent: 2em;
}
#wrapper-outer.poem li.poem-indent, #wrapper-outer.poem p.poem-indent, #wrapper-outer.poem p.indent-1 {
	text-indent: 4em;
}
#wrapper-outer.poem p.indent-2 {
	text-indent: 6em;
}
#wrapper-outer.poem p.indent-3 {
	text-indent: 8em;
}
#wrapper-outer.poem p.indent-4{
	text-indent: 10em;
}
#wrapper-outer.poem h2.indent, #wrapper-outer.poem h3.indent, #wrapper-outer.poem h4.indent {
	text-indent: 1.5em;
}
#wrapper-outer.poem span.line-number {
	margin-right: 2em;
}
#wrapper-outer.poem span.line-number:before {
	content: none;
}
#wrapper-outer.poem span.line-number:after {
	content: none;
}
#contact #wrapper-inner form, #contact form textarea	{
	width: 25em;
}
#contact form input[type=text] {
	width: 15em;
}
#contact form a:link {
	margin-right: 5em;
}
#edit_form input[type=text]{
	width: 70%;
}
#edit_form textarea {
	min-width: 70%;
}
.col-25	{ float: left; width: 31%; padding-left: 2%; }
.col-33	{ float: left; width: 31%; padding-left: 2%; }
.col-50	{ float: left; width: 44%; padding-left: 2%; }
.col-66	{ float: left; width: 60%; padding-left: 2%; }
.col-75	{ float: left; width: 60%; padding-left: 2%; }
.social-like-holder {
	width: 70%;
}
.social-like-center {
	margin-left: 10%;
}
.sharer-container-8-icons {
	max-width: 336px;
}
.menu-respond { display: none; }
.menu-respond-mobile { display: block; }
.mobile-show { display: none; }
.attributions-left {
	text-align: center; width: 49%;
}
.attributions-left { float: left; }
.text-align-justify { text-align: justify; }
}

/* ==========================================================================
	 Print styles.
	 Inlined to avoid required HTTP connection: h5bp.com/r
	 ========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
}

	a,
	a:visited {
		text-decoration: underline;
}

	a[href]:after {
		content: " (" attr(href) ")";
}

	abbr[title]:after {
		content: " (" attr(title) ")";
}

	/*
	 * Don't show links for images, or javascript/internal links
	 */

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
}

	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;
}
	
	#nav { display: none; visibility: hidden; }
}