/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 14px; line-height: 1.231; }
body, button, input, select, textarea { font-family:Georgia, serif; color: #222; }

::-moz-selection { background: #8ddaff; color: #000; text-shadow: none; }
::selection { background: #8ddaff; color: #000; text-shadow: none; }

a { color: #00e; }
a:visited { color: #00e; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */

body {background:#f5f5f5 url(../img/page-bg.png) 0 0 repeat;}

#main {width:1000px; background:#fff; margin:20px auto 0 auto; padding:0; border-left:1px solid #ccc; border-right:1px solid #ccc; -webkit-box-shadow: 0 0 3px 0 #999; -moz-box-shadow: 0 0 3px 0 #999; box-shadow: 0 0 3px 0 #999; position:relative;}

#home {min-width:1024px;}

.home-text {width:550px; margin:25px auto 0 75px; text-align:center; font-size:18px;}

.font-link {width:100px; height:100px; border:1px solid blue;}

#page-links {width:1000px; margin:20px auto 0 auto; position:relative;}
#left-link {position:absolute; left:0; text-align:left; font-size:18px;}
#right-link {position:absolute; right:0; text-align:right; font-size:18px;}
	
nav {width:100%; padding:10px 0 10px 0; background-color:#2e3190; color:#fff; text-align:center; border-top:1px solid #000; border-bottom:1px solid #000;}
	nav ul {list-style:none;}
	nav li {margin:0 10px 0 10px; display:inline; text-transform:uppercase; font-size:15px;}
	nav a {color:#ccc; text-decoration:none;}
		nav a:visited {color:#ccc;}
		nav a:hover {text-decoration:none; color:#fff200;}

#author p {width:500px; margin:15px auto 0 auto;}
	#author p a {font-style:italic; color:#00e; text-decoration:underline;}
	#author p a:hover {color:#06e;}

#index-nav {z-index: 5; position:fixed; color:#7e7e7e; font-size:16px; text-align:center; line-height:25px; width:100%; bottom:0; background-color:#111;}
	#index-nav ul {list-style-type:none; margin:0; padding:5px 0 5px 0;}
	#index-nav li {margin-right:15px; display:inline;}
	#index-nav a, a:visited {text-decoration:none; color:#7e7e7e;}
	#index-nav a:hover {text-decoration:none; color:#8ddaff;}

a.scroll {color:#00e;}
a.scroll:visited {color:#00e;}
a.scroll:hover {color:#06e;}

h1 {margin:20px 0 0 0; font-size:35px; text-align:center;}

.entry {width:550px; margin:0 auto 0 auto; position:relative;}
	.entry a {font-style:italic;}
	.term {width:550px; margin:15px 0 0 0; position:relative;}
	.keyword {color:#00e; text-decoration:underline; padding:0; position:relative;}
		.keyword:hover {color:#06e; cursor:pointer;}
	.definition {width:530px; margin:5px 0 0 0; padding:0 0 0 20px; position:relative; display:none;}
	
.indent {margin:5px 0 0 40px;}

.video-entry {width:575px; height:150px; margin:25px auto 0 auto; clear:both;}
	.video-thumbnail {width:200px; height:150px; margin:0 20px 0 0; opacity:0.8; border:1px solid #ccc; float:left;}
		.video-thumbnail:hover {opacity:1; border:1px solid #06e; cursor:pointer;}
	.video-description { height:150px; display:table-cell; vertical-align:middle;}
		.video-description h3 {margin:0 0 5px 0;}
		.video-description p {margin:0;}
		.video-description a {text-decoration:none; color: #00e;}
		.video-description a:visited {text-decoration:none; color: #00e; }
		.video-description a:hover {text-decoration:none; color: #06e; }

#click-note {background:url(../img/click-note.png) 0 0 no-repeat; height:148px; width:171px; position:absolute; top:700px; left:-185px;}

.page-link {padding:15px; border:1px solid #ccc; background:#fff; -webkit-box-shadow: 0 3px 6px 0 #999; -moz-box-shadow: 0 3px 6px 0 #999;  box-shadow: 0 3px 6px 0 #999;}
	.page-link:hover {border:1px solid red; cursor:pointer;}
	#page-68 {position:absolute; top:440px; left:-215px;}
	#page-265 {position:absolute; top:335px; right:-175px;}
	#page-43 {position:absolute; top:940px; left:-195px;}
	#page-189 {position:absolute; top:740px; right:-160px;}
	#page-155 {position:absolute; top:1300px; left:-195px;}
	#page-275 {position:absolute; top:1210px; right:-195px;}
	#page-389 {position:absolute; top:1800px; left:-195px;}
	#page-366 {position:absolute; top:1600px; right:-145px;}
	
#book-cover {width:120px; height:172px; margin:0 0 0 290px;}

#form {margin:0;}
#thankyou {padding:15px; text-align:center;}
#contact-form {width:385px; margin:5px auto 0 auto; padding:0 15px 0 15px; border:1px solid #bdbdbd; background:#fff; color:#000; position:relative;}
	#contact-form h2 {text-align:center;}
	#contact-form p {margin:0; padding:0; position:relative;}
	#contact-form label {margin:0 0 0 5%;}
	#contact-form input {width:90%; margin:0 0 10px 5%; border:1px solid #c3c3c3; background-color:#fafafa;}
		#contact-form input:focus {border:1px solid #333; background-color:#fff; box-shadow:none; outline:none;}
	#contact-form textarea {width:90%; height:100px; margin:0 0 0 5%; border:1px solid #c3c3c3; background-color:#fafafa; resize:none; overflow:auto;}
		#contact-form textarea:focus {border:1px solid #333; background-color:#fff; box-shadow:none; outline:none;} 
	input.error {background-color:#ffcfcf;}
		label.error {color:#257bbb; position:absolute; right:5%; top:2px; font-size:12px;}

.centered-button {float:left; position:relative; left:50%;}

.button {margin:15px 0 15px 0; padding:5px 20px 5px 20px; float:left; position:relative; left:-50%; outline:none; cursor:pointer; text-align:center; font-size:13px; font-family:'SansumiExtraBoldRegular', sans-serif; text-transform:uppercase; border:1px solid #2a7ab4; background-color:#398fcd; color:#d5d5d5; text-shadow:0 1px 1px #1c5984;
		-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
		-moz-box-shadow:inset 0 0 1px #7bc2ed; -webkit-box-shadow:inset 0 0 1px #7bc2ed; box-shadow:inset 0 0 1px #7bc2ed;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#589dcf', endColorstr='#398fcd');
		background: -webkit-gradient(linear, left top, left bottom, from(#589dcf), to(#398fcd));
		background: -moz-linear-gradient(top, #589dcf, #398fcd);}
	.button:visited {color:#d5d5d5;}
	.button:hover {color:#fff; text-shadow:0 1px 1px #1c5984; text-decoration:none;}
	.button:active {color:#fff; text-shadow:0 -1px 1px #1c5984; border:1px solid #286592;
		-moz-box-shadow:inset 0 0 2px #646464; -webkit-box-shadow:inset 0 0 2px #646464; box-shadow:inset 0 0 2px #646464;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#398fcd', endColorstr='#589dcf');
		background: -webkit-gradient(linear, left top, left bottom, from(#398fcd), to(#589dcf));
		background: -moz-linear-gradient(top, #398fcd, #589dcf);}


/* ==|== 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; }
.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; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  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: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}