/* Font Face Load */
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic|PT+Mono|PT+Sans+Caption|PT+Serif+Caption|PT+Serif:400,700,400italic,700italic);

/* General */

html, body { min-height: 100%;}
html { font-size: 100%; }
body { color: #222; position: relative; -webkit-font-smoothing: antialiased; background-color:#666; padding:0 5% 2em;}

/* Helper Classes */

* {	box-sizing:border-box;	-moz-box-sizing:border-box;	-webkit-box-sizing:border-box; }
.centerhack { width: 100%; text-align:center; margin:0 auto;display:box;vertical-align:central;} 
.fleft { float: left; }
.fright { float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-white {color:#FFF;}
.hide { display: none; }
.highlight { background: #e0e4cc; }
.cleartype { padding:0; margin:0;}

.coverimage { background-image: url(../img/school_books.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}


/* Focus hacks */

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

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


/* Pages (SECTIONS) */

section {
background-color:#FFF;
background-image: url(../img/handmadepaper.png);
-moz-box-shadow:0 0 32px rgba(0, 0, 0, 0.4);
box-shadow:0 0 32px rgba(0, 0, 0, 0.4);

}
aside { width:100%; display:block; position:absolute;
top:0;
left:100%}
aside section {
background-color:#FFF;
background-image: url(../img/handmadepaper.png);
-moz-box-shadow:0 0 32px rgba(0, 0, 0, 0.4);
box-shadow:0 0 32px rgba(0, 0, 0, 0.4);
min-height:100%;
max-height:100%;
}


.sectionpad { padding:11%; }



article {
    border-bottom: 2px solid #222222;
	padding-bottom:1.5rem;
}

article.col1 {}

article.col2 {
-webkit-column-count: 2;
-webkit-column-gap: 1.5rem; 
-webkit-column-rule: 1px dotted black;
-moz-column-count: 2;
-moz-column-gap: 1.5rem;  
-moz-column-rule: 1px dotted black;
column-count: 2;
column-gap: 1.5rem;
padding: 0 0 1.5rem; 
}
article.col3 {
-webkit-column-count: 3;
-webkit-column-gap: 1.5rem; 
-webkit-column-rule: 1px dotted black;
-moz-column-count: 3;
-moz-column-gap: 1.5rem;  
-moz-column-rule: 1px dotted black;
column-count: 3;
column-gap: 1.5rem; 
padding: 0 0 1.5rem;
}

/* Base Type Styles  - */

html, button, input, select, textarea {color: #222;}

/* Typography P
font-family: 'PT Sans', sans-serif;
font-family: 'PT Mono', sans-serif;
font-family: 'PT Sans Caption', sans-serif;
font-family: 'PT Serif Caption', serif;
font-family: 'PT Serif', serif;
 */

p {
	font-family: 'PT Sans', sans-serif; 
	font-size:1rem;
	font-style:normal;
	margin:0 0 1.8rem;
	text-align:left;
	line-height:1.5rem;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	-webkit-hyphens:auto;
	hyphens:auto;
	word-wrap:break-word;
	text-rendering: optimizelegibility;
}


p.poem {text-align:left; word-wrap:normal; display:inline-block; margin:1.5rem 0 3rem; }

/* Remove indents */
p.poem:first-letter, p.meta:first-letter, p.author:first-letter, p.sum:first-letter, p.cap:first-letter  { margin-left:0; }

/* P types */
.meta {font-family: 'PT Sans Caption', sans-serif; font-size: 0.625rem; margin:0; }
.author { font-family: 'PT Sans Caption', sans-serif; font-size: 0.75rem; margin:0 0 2em;}
.sum {font-family: 'PT Serif', serif; font-weight: 700; text-align:left; color:#000;}
.cap {font-family: 'PT Sans Caption', sans-serif; font-size: 0.625rem; }

article .author, article .sum {color:#000;}

/* Links */

p a, .notes a { font-weight:700; text-decoration: underline; min-width:25px; line-height: inherit; display:inline-block;}
p a.scroll { text-indent:5px;}
#navmenu a { font-weight:700;}
p a:hover { color: #f27818; }
p a:focus { color: #f38630; outline: none; }
p a, p a:visited { line-height: inherit; }

h2 a{ text-decoration:none;font-size:150%; font-weight:700;}
h3 a {text-decoration:none; font-weight:700;}

a  { color:#000; text-decoration:underline; }
a:hover{ color:#222; }

/* Typography Heads */

h1,h2,h3,h4,h5 { color: rgba(0,0,0,0.75);}
h1 {
text-align:center;
margin:0 0 15px;
font-family: 'PT Serif', serif; 
font-size:3rem;
font-weight: 700;
padding:0 0 1.5rem 0;
}
h2 {
margin:0;
font-family: 'PT Serif', serif; 
font-size:1.5rem;
padding:0 0 1.5rem 0;
font-weight: 700;
}

h3 {
margin:0;
font-family: 'PT Serif', serif; 
font-size:2rem;
font-weight: 700;
padding:0;
border:0;
}

h4 {
margin:0;
font-family: 'PT Serif', serif; 
font-size:1rem;
padding:0 0 0.75rem 0;
border:1px solid #222;
border-width:0 0 1px;
font-weight: 700;
margin:0 0 0.75rem 0;
}
h5 {
	margin:0;
text-align:center;
font-family: 'PT Serif', serif;
text-transform: uppercase;
font-size:1rem;
font-weight: 700;
}

/* Type Helpers */

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:60%;color:#6f6f6f;line-height:0}

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }

.subheader { line-height: 1.3; color: #6f6f6f; font-weight: 300; margin-bottom: 17px; }

em, i { font-style: italic; line-height: inherit; }

strong, b { font-weight:700; line-height: inherit; }

small { font-size: 60%; line-height: inherit; }

code { font-weight: 700; background:#d9d4c5; }

abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px solid #ddd; cursor: help; }

abbr { text-transform: none; }

/* Lists */

ul, ol { font-size: 16px; line-height: 1.6; margin-bottom: 17px; list-style-position: inside; }
ul li ul, ul li ol { margin-left: 20px; margin-bottom: 0; }
ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; }

/* Note List */

ul.notes { font-family: 'PT Sans', sans-serif; font-size: 1rem; margin:2.4em 0 0; line-height:1.5; list-style: none;  list-style-position:inside; padding:0;}

/* Blockquote */

blockquote { 
font-family:'PT Sans', sans-serif;
font-size:1rem;
font-weight: 400; 
text-align: center;
	font-style: italic;
	margin:0 0 1.5rem;
	line-height:1.5rem;
		-moz-hyphens:auto;
	-ms-hyphens:auto;
	-webkit-hyphens:auto;
	hyphens:auto;
	word-wrap: normal;
	padding-left:1.5em;
	padding-right:1.5em;
	 }
blockquote:before {
    content:open-quote' ';
}
blockquote:after {
    content:' 'close-quote;
}

/* GRID */  

.row { width:980px; max-width: 100%; min-width: 200px; margin: 0 auto 1.5rem; }
.row p:last-child { margin-bottom:0;}
 
.column, .columns { float: left; min-height: 1px; padding:0 0.75em; position: relative; }
[class*="column"] + [class*="column"]:last-child { float: right; }
[class*="column"] + [class*="column"].end { float: left; }

.row .one     { width: 8.33% }
.row .two     { width: 16.66% }
.row .three   { width: 25% }
.row .four    { width: 33.33% }
.row .five    { width: 41.66% }
.row .six     { width: 50% }
.row .seven   { width: 58.33% }
.row .eight   { width: 66.66% }
.row .nine    { width: 75% }
.row .ten     { width: 83.33% }
.row .eleven  { width: 91.66% }
.row .twelve  { width: 100% }
  
/* Clearfix */

.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }  

/* Navigation */

nav { z-index:9999; visibility: visible; margin: 0; }	
.cover nav{ z-index:9999; visibility: visible;}

.navbar {display: inline-block;}

nav .ui-button-icon-only { margin: 0 0 1.5rem 0;}
.cover .ui-buttonset { margin:0;}

.quicknav {font-size: 1em; margin-top: -1.5rem;}
.cover .quicknav { margin-top:0;}
.fallbacknav { margin: 1.5rem 0 0 0;}

/* TOC fallback as page */
#navmenu { 
background: #fff; 
background-image: url(../img/handmadepaper.png);
-moz-box-shadow:0 0 32px rgba(0, 0, 0, 0.4);
box-shadow:0 0 32px rgba(0, 0, 0, 0.4);
min-height:100%;
margin: 2rem auto;
overflow:auto;
}
.tocnav { display:inline-block; width:100%; padding:0 0 1.5em 0 ;} /* TOC heading and close button wrap */
.tocnav .title {font-size: 2rem; font-family: 'PT Serif', serif; font-weight:700; } /* TOC heading */
.closetoc { float:right;} /* TOC close button */

#navmenu ul { list-style:none; padding:0; margin:0; border-bottom: none; border-top:none; }
#navmenu li { list-style:none; border-bottom:none; border-top: none; padding:0 0 1.5rem 0;}

.scroll-pane { padding:11%; }
/* Forms */

form { margin:0; padding:0; display:inline-block;}
input, input[type="text"], select input[type="password"], input[type="date"], input[type="datetime"], input[type="email"],  input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { 
display: block; margin: 0 0 12px 0; padding: 6px; height: 44px; width: 100%; }
textarea { height: auto; }
select, input { width: 100%; }
#slider, #minbeds, #range {margin: 0 0 12px;}

/* Fieldsets */

fieldset { border: solid 1px #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 12px 12px 0; margin: 18px 0; }
fieldset legend { font-weight: 700; background: white; padding: 0 3px; margin: 0; margin-left: -3px; }

/* Search */
.highlighted {background-color:yellow;}
.ui-button-text .ui-button-text { margin:0; padding:0;}
#search-button { display:inline; }
#search-term {display:inline; width:auto;}
#searchbox {height: 75px; left: 0; position: fixed; bottom: -75px; width: 100%;}
#searchbox .ui-widget { font-size:16px;}

#searchbox .ui-button {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    max-height: 44px;
    outline: medium none;
    overflow: visible;
    padding: 4px 12px;
}

#searchbox .ui-buttonset { display:inline;}
.closegosearch {display:inline; float:right; }

/* COVER PAGES */
.cover { height:100%; min-height: 450px;}
.cover .grow {height:100%;}
.cover .grow .sectionpad {height:100%;}

/* Feature Specific */

html.no-fullscreen .full {display: none;}
html.fullscreen .full { display: inline-block;}
html.touch .full, html.touch .print, html.touch .gosearch, html.touch .closetoc {display: none !important;}
html.touch #navmenu {overflow-y: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch;}

html.js .fallbacknav { margin:0; display:none; height:0; padding:0;}
html.no-js nav {margin:0; opacity:0; visibility: hidden; z-index:-1; display:none;}

/* Accessibility */

#dyslexia body { color: #010066;}
#dyslexia section, #dyslexia #navmenu { background-color:#F7F3D6; background-image:none;}
#dyslexia nav { opacity:1 !important; filter:alpha(opacity=1) !important;}
html#dyslexia{ font-size: 125%; }
#dyslexia p {text-align: left;}
#dyslexia a  { color: #000; }
#dyslexia a:hover{ color:#010066; }
#dyslexia p a:hover { color: #010066; }
#dyslexia p a:focus { color: #010066; }
#dyslexia article.col2, #dyslexia article.col3 {
-webkit-column-count:1;
-webkit-column-gap:0; 
-webkit-column-rule: 0;
-moz-column-count: 1;
-moz-column-gap: 0;  
-moz-column-rule: 0;
column-count: 1;
column-gap:0; 
}

#contrast body { color: #fff;}
#contrast section, #contrast #navmenu, #contrast .ui-state-default .ui-icon, #contrast .ui-state-hover { background-color:#000; background-image:none; text-shadow:none;}
#contrast h1, #contrast h2, #contrast h3, #contrast h4, #contrast h5, #contrast article .meta, #contrast article .author, #contrast .sum {color: #fff; border-bottom-color:#fff;}
#contrast nav { opacity:1 !important; filter:alpha(opacity=1) !important;}
html#contrast{ font-size: 150%; }
#contrast p {text-align: left;}
#contrast .ui-state-default .ui-icon, #contrast .ui-button-text{ color: #0FF;}
#contrast a  { color: #0FF; text-decoration:underline; }
#contrast a:hover{ color:#fff; }
#contrast p a:hover { color: #fff; }
#contrast p a:focus { color: #ff0; outline: none; }
#contrast article.col2, #contrast article.col3 {
-webkit-column-count:1;
-webkit-column-gap:0; 
-webkit-column-rule: 0;
-moz-column-count: 1;
-moz-column-gap: 0;  
-moz-column-rule: 0;
column-count: 1;
column-gap:0; 
}
#contrast .ui-state-default {
    background: #000;
    border: 1px solid #0FF;
    color: #0FF;
    text-shadow: none;
}
#contrast .ui-tooltip.ui-widget-content  { background-color: #000; }

#contrast .ui-tooltip {
	box-shadow: none;
	color:#fff;

}
/* Mobile */

@media only screen and (max-width: 767px),
	only screen and (-webkit-device-pixel-ratio: 1.5),
	only screen and (-webkit-device-pixel-ratio: 2) {	
	body { padding:2em 0 0;}      
	.row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }    
	.column, .columns { width: auto !important; float: none; }
	.column:last-child, .columns:last-child { float: none; }
	[class*="column"] + [class*="column"]:last-child { float: none; }    
	.column:before, .columns:before, .column:after, .columns:after { content:""; display:table; }
	.column:after, .columns:after { clear: both; }

	.centerhack {width: 100%; display: block;} 	
	p {	text-align: left;}
	.sectionpad,.scroll-pane { padding:7% 1rem; }
	article.col3, article.col2 {-webkit-column-count: 1; -webkit-column-gap: 0; -webkit-column-rule: none; -moz-column-count: 1; -moz-column-gap: 0; -moz-column-rule: none;	column-count: 1; column-gap: 0; column-rule: none; }
	html#contrast{ font-size: 125%; }
	.sitemap {  margin-top:0;}
  	}
	@media print{

*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important; font-family: Verdana, Geneva, sans-serif;}
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:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img{max-width:100%!important}
@page{margin:.5in}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
p, blockquote {
	font-family: Verdana, Geneva, sans-serif; 
	font-size:12px;
	line-height:18px;
}
p { text-align:left;}
ul.notes { font-family: Verdana, Geneva, sans-serif; font-size: 10px !important; line-height:15px !important;}
.notes a { font-weight:400; text-decoration: none; min-width:5px;}
.sum {font-family: Georgia, "Times New Roman", Times, serif;}
.cap, .author, .meta  {font-family: Verdana, Geneva, sans-serif; font-size: 10px; }
h1,h2,h3,h4,h5 { color: #000; font-family: Georgia, "Times New Roman", Times, serif; }
.sectionpad { padding:0; margin:0;}
section {
page-break-before: always;
width:100%; min-width:100%;
}
nav, #searchbox, .ui-tooltip, #navmenu, .quicknav, .radio { display:none !important;}
.cover { height:auto; min-height: 0;  margin:0 !important; padding:0 !important;}
.cover .grow {height:auto;  margin:0 !important; padding:0 !important;}
.cover .grow .sectionpad {height:auto;  margin:0 !important; padding:0 !important;}
body, html {margin:0 !important; padding:0 !important;}
	}