/*
Theme Name:     Storyline Online Theme v22
Theme URI:      http://storylineonline.net/
Description:    Theme for storylineonline.net. based on Twenty Twelve theme 
Author:         Waking Media 
Author URI:     http://wakingmedia.com
Template:       twentytwelve
Version:        2.0
*/
@font-face {
	font-family: 'Muli';
	src: url('fonts/muli-regular-webfont.eot');
	src: url('fonts/muli-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/muli-regular-webfont.svg#muliregular') format('svg'), url('fonts/muli-regular-webfont.woff') format('woff'), url('fonts/muli-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body, html {
	margin-top: -10px !important; /* to fix weird browser scroll issue in Chrome */
}
.admin-bar header#masthead { /* rule to make the header look okay when you're logged in */
	top: 40px;
}
#full-site-content {
	opacity: 0;
}
#loading {
	background: #fff url(images/loading-stars.gif) no-repeat center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.login #login_error {
  background: none repeat scroll 0 0 #000;
  border-left: 4px solid #dd3d36;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
body {
	line-height: 1;
	font-family: 'Muli', sans-serif;
	background-color: #ffffff;
}
.cursive {
	font-family: 'Nothing You Could Do', cursive;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}
/* Clearing floats */
.clear:after, .wrapper:after, .format-status .entry-header:after {
	clear: both;
}
.clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after {
	display: table;
	content: "";
}
/* Sprites
-------------------------------------------------------------- */
.button.donate, .button.donate:hover, .button.feedback, .button.feedback:hover, /* top right buttons */ .main-navigation li.donate a:hover, .donatefooterwidget2.button a:hover, .main-navigation li.donate, .donatefooterwidget2.button, .main-navigation li.donate a, .donatefooterwidget2.button a, /* donate buttons in footer */ #footer-sidebar .widget.newsletter input[type=submit]:hover, #footer-sidebar .widget.newsletter input[type=submit], #text-5 div.textwidget a.facebook, #text-5 div.textwidget a.twitter, #text-5 div.textwidget a.youtube, .home .nav-single span.nav-next, .home .nav-single span.nav-previous, a#logo, a.supportusnow, #footer-sidebar .widget span.more {
	background: url(images/everypage-sprites.png) no-repeat;
	outline: none;
}
/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */
.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th {
	font-size: 13px;
	line-height: 2.181818182;
	font-weight: bold;
	text-transform: uppercase;
	color: #636363;
}
/* Shared Post Format styling */
article.format-quote footer.entry-meta, article.format-link footer.entry-meta, article.format-status footer.entry-meta {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}
/* Form fields, general styles first */
button, input, textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 6px;
	padding: 0.428571429rem;
}
button, input {
	line-height: normal;
}
/* fixing field width issue in safari */
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea, .page-id-8 textarea {
	width: 250px;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}
/* Reset non-text input types */
input[type="checkbox"], input[type="radio"], input[type="file"], input[type="hidden"], input[type="image"], input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}
/* Buttons */
.menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], li.bypostauthor cite span {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.menu-toggle, button, input[type="submit"], input[type="button"], input[type="reset"] {
	cursor: pointer;
}
button[disabled], input[disabled] {
	cursor: default;
}
.menu-toggle:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type=submit]:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle:active, .menu-toggle.toggled-on, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border: none;
}
li.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}
/* Responsive images */
.entry-content img, .comment-content img, .widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full, img.size-large, img.header-image, img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
#container {
	padding: 0;
}
/* Make sure videos and embeds fit their containers */
embed, iframe, object, video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}
/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.aligncenter > a {
	text-decoration: none;
	outline: none;
}
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
   /* border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);*/ /*allison removed */
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}
img.wp-smiley, .rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a, .gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
	outline: none;
}
.gallery-caption a {
	display: inline;
	outline: none;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
	outline: none;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}
/* Navigation */
.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
}
#nav-above {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous, .previous-image {
	float: left;
	width: 50%;
}
.nav-next, .next-image {
	float: right;
	text-align: right;
	width: 50%;
}
.nav-single + .comments-area, #comment-nav-above {
	margin: 48px 0;
	margin: 3.428571429rem 0;
}
/* Author profiles */
.author .archive-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.author-info {
	border-top: 1px solid #ededed;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	overflow: hidden;
}
.author-description p {
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.author.archive .author-info {
	border-top: 0;
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
}
.author.archive .author-avatar {
	margin-top: 0;
}
/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html {
	font-size: 87.5%;
}
body {
	font-size: 14px;
	font-size: 1rem;
	font-family: Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #1a0504;
}
body.custom-font-enabled {
	font-family: "Muli", Helvetica, Arial, sans-serif;
}
a {
	outline: none;
	color: #21759b;
}
a:hover {
	color: #0f3647;
	outline: none;
}
/* Assistive text */
.assistive-text, .site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:hover, .main-navigation .assistive-text:active, .main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}
/* Page structure */
.site {
	padding: 0 24px;
	padding: 0 1.714285714rem;
	background: none;
}
.site-content {
	margin: 24px 0 0;
	margin: 1.714285714rem 0 0;
}
.widget-area {
	margin: 24px 0 0;
	margin: 1.714285714rem 0 0;
}
/* Header */
.site-header {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
.site-header h1, .site-header h2 {
	text-align: center;
}
.site-header h1 a, .site-header h2 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
	outline: none;
}
.site-header h1 a:hover, .site-header h2 a:hover {
	color: #21759b;
}
.site-header h1 {
	font-size: 24px;
	font-size: 1.714285714rem;
	line-height: 1.285714286;
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.site-header h2 {
	font-weight: normal;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.header-image {
	margin-top: 24px;
	margin-top: 1.714285714rem;
}
/* Navigation Menu */
.main-navigation {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	text-align: center;
}
.main-navigation li {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.42857143;
}
/*.main-navigation a {
	color: #5e5e5e;
	outline: none;
}
.main-navigation a:hover {
	color: #21759b;
}*/
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
	display: none;
}
.main-navigation ul.nav-menu.toggled-on, .menu-toggle {
	display: none;
}
/* Banner */
section[role="banner"] {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
}
/* Sidebar */
.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	word-wrap: break-word;
}
.widget-area .widget h3 {
	margin-bottom: 12px;
	margin-bottom: 1.214285714rem;
}
.widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.widget-area .widget p {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
	margin-left: 36px;
	margin-left: 2.571428571rem;
}
.widget-area .widget a {
	color: #757575;
	outline: none;
}
.widget-area .widget a:hover {
	color: #21759b;
}
.widget-area #s {
	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}
/* =Main content and comment content
-------------------------------------------------------------- */

.entry-meta {
	clear: both;
}
.entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-header img.wp-post-image {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-header .entry-title {
	font-size: 20px;
	font-size: 1.428571429rem;
	line-height: 1.2;
	font-weight: normal;
}
.entry-header .entry-title a {
	text-decoration: none;
	outline: none;
}
.entry-header .entry-format {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-weight: normal;
}
.entry-header .comments-link {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.comments-link a, .entry-meta a {
	color: #757575;
	outline: none;
}
.comments-link a:hover, .entry-meta a:hover {
	color: #21759b;
}
article.sticky .featured-post {
	border-top: 4px double #ededed;
	border-bottom: 4px double #ededed;
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 3.692307692;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	text-align: center;
}
.entry-content, .entry-summary, .mu_register {
	line-height: 1.714285714;
}
.entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2, .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4, .entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6 {
}
.entry-content h1, .comment-content h1 {
	font-size: 21px;
	font-size: 1.5rem;
	line-height: 1.5;
}
.entry-content h2, .comment-content h2, .mu_register h2 {
	font-size: 18px;
	font-size: 1.285714286rem;
	line-height: 1.6;
	margin-top: -14px; /*allison added this */
}
.entry-content h3, .comment-content h3 {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.846153846;
}
.entry-content h4, .comment-content h4 {
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.846153846;
}
.entry-content h5, .comment-content h5 {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.entry-content h6, .comment-content h6 {
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.846153846;
}
.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
}
.entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul, .mu_register ul {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
}
.entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul {
	margin-bottom: 0;
}
.entry-content ul, .comment-content ul, .mu_register ul {
	list-style: disc outside;
}
.entry-content ol, .comment-content ol {
	list-style: decimal outside;
}
.entry-content li, .comment-content li, .mu_register li {
	margin: 0 0 0 36px;
	margin: 0 0 0 2.571428571rem;
}
.entry-content blockquote, .comment-content blockquote {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	padding: 24px;
	padding: 1.714285714rem;
	font-style: italic;
}
.entry-content blockquote p:last-child, .comment-content blockquote p:last-child {
	margin-bottom: 0;
}
.entry-content code, .comment-content code {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
}
.entry-content pre, .comment-content pre {
	border: 1px solid #ededed;
	color: #666;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}
.entry-content pre code, .comment-content pre code {
	display: block;
}
.entry-content abbr, .comment-content abbr, .entry-content dfn, .comment-content dfn, .entry-content acronym, .comment-content acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
.entry-content address, .comment-content address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
img.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter {
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}
.entry-content embed, .entry-content iframe, .entry-content object, .entry-content video {
	margin-bottom: 24px;
	margin-bottom: 0; /* allison chanaged from 1.714285714rem */
}
.entry-content dl, .comment-content dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}
.entry-content dt, .comment-content dt {
	font-weight: bold;
	line-height: 1.714285714;
}
.entry-content dd, .comment-content dd {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content table, .comment-content table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}
.entry-content table caption, .comment-content table caption {
	font-size: 16px;
	font-size: 1.142857143rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.entry-content td, .comment-content td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}
.site-content article {
	margin-bottom: 12px;
	padding-bottom: 24px;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	position: relative;
	z-index: 1;
}
.page-links {
	clear: both;
	line-height: 1.714285714;
}
footer.entry-meta {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.single-author .entry-meta .by-author {
	display: none;
}
.mu_register h2 {
	color: #757575;
	font-weight: normal;
}
/* =Archives
-------------------------------------------------------------- */

.archive-header, .page-header {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	padding-bottom: 22px;
	padding-bottom: 1.571428571rem;
	border-bottom: 1px solid #ededed;
}
.archive-meta {
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin-top: 22px;
	margin-top: 1.571428571rem;
}
/* =Single image attachment view
-------------------------------------------------------------- */

.article.attachment {
	overflow: hidden;
}
.image-attachment div.attachment {
	text-align: center;
}
.image-attachment div.attachment p {
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.image-attachment .entry-caption {
	margin-top: 8px;
	margin-top: 0.571428571rem;
}
/* =Aside post format
-------------------------------------------------------------- */

article.format-aside h1 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
article.format-aside h1 a {
	text-decoration: none;
	color: #4d525a;
	outline: none;
}
article.format-aside h1 a:hover {
	color: #2e3542;
}
article.format-aside .aside {
	padding: 24px 24px 0;
	padding: 1.714285714rem;
	background: #d2e0f9;
	border-left: 22px solid #a8bfe8;
}
article.format-aside p {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #4a5466;
}
article.format-aside blockquote:last-child, article.format-aside p:last-child {
	margin-bottom: 0;
}
/* =All Books Custom Page
-------------------------------------------------------------- */
.allbooks {
	margin: 15px 0;
}
#allbooksmenu {
	margin: 10px 0;
}
#allbooksmenu li {
	float: left;
	padding: 0 5px;
}
.page-template-booklist-page-php p {
	line-height: 1.4em;
	margin: 6px 0;
}
.entry-thumbnail-allbooks {
	float: left;
	margin-right: 10px;
	padding-top: 5px;
}
/* =Post formats
-------------------------------------------------------------- */

/* Image posts */
article.format-image footer h1 {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	font-weight: normal;
}
article.format-image footer h2 {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}
article.format-image footer a h2 {
	font-weight: normal;
}
/* Link posts */
article.format-link header {
	padding: 0 10px;
	padding: 0 0.714285714rem;
	float: right;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #848484;
	background-color: #ebebeb;
	border-radius: 3px;
}
article.format-link .entry-content {
	max-width: 80%;
	float: left;
}
article.format-link .entry-content a {
	font-size: 22px;
	font-size: 1.571428571rem;
	line-height: 1.090909091;
	text-decoration: none;
	outline: none;
}
/* Quote posts */
article.format-quote .entry-content p {
	margin: 0;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
}
article.format-quote .entry-content blockquote {
	display: block;
	padding: 24px 24px 0;
	padding: 1.714285714rem 1.714285714rem 0;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.6;
	font-style: normal;
	color: #6a6a6a;
	background: #efefef;
}
/* Status posts */
.format-status .entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.format-status .entry-header header {
	display: inline-block;
}
.format-status .entry-header h1 {
	font-size: 15px;
	font-size: 1.071428571rem;
	font-weight: normal;
	line-height: 1.6;
	margin: 0;
}
.format-status .entry-header h2 {
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	line-height: 2;
	margin: 0;
}
.format-status .entry-header header a {
	color: #757575;
}
.format-status .entry-header header a:hover {
	color: #21759b;
}
.format-status .entry-header img {
	float: left;
	margin-right: 21px;
	margin-right: 1.5rem;
}
/* =Comments
-------------------------------------------------------------- */

.comments-title {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
	font-weight: normal;
}
.comments-area article {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.comments-area article header {
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
	overflow: hidden;
	position: relative;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}
.comments-area article header cite, .comments-area article header time {
	display: block;
	margin-left: 85px;
	margin-left: 6.071428571rem;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.42857143;
}
.comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #5e5e5e;
}
.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #444;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}
.comments-area li.bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}
a.comment-reply-link, a.comment-edit-link {
	color: #686868;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
a.comment-reply-link:hover, a.comment-edit-link:hover {
	color: #21759b;
}
.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
/* Comment form */
#respond {
	margin-top: 48px;
	margin-top: 3.428571429rem;
}
#respond h3#reply-title {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.857142857rem;
}
#respond form {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
#respond form p {
	margin: 11px 0;
	margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
#respond form label {
	display: block;
	line-height: 1.714285714;
}
#respond form input[type="text"], #respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 100%;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #5e5e5e;
}
.required {
	color: red;
}
/* =Front page template
-------------------------------------------------------------- */

.entry-page-image {
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.template-front-page .site-content article {
	border: 0;
	margin-bottom: 0;
}
.template-front-page .widget-area {
	clear: both;
	float: none;
	width: auto;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	border-top: 1px solid #ededed;
}
.template-front-page .widget-area .widget li {
	margin: 8px 0 0;
	margin: 0.571428571rem 0 0;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.714285714;
	list-style-type: square;
	list-style-position: inside;
}
.template-front-page .widget-area .widget li a {
	color: #757575;
}
.template-front-page .widget-area .widget li a:hover {
	color: #21759b;
}
.template-front-page .widget-area .widget_text img {
	float: left;
	margin: 8px 24px 8px 0;
	margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
}
/* SLIDESHOW 
----------------------------------------------------------- */
.slideshowplaceholder {
	height: 340px;
}
.site-header a.sort-links {
	color: #ffffff;
	cursor: pointer;
	font-family: 'cherry swash', cursive /*'muli', helvetica*/;
	font-style: italic;
}
.site-header a.sort-links:hover {
	text-shadow: 1px 1px 4px #383838;
	/*filter: dropshadow(color=#383838, offx=1, offy=1);*/
	color: #ffffff;/*filter: Shadow(Color=#252525, Direction=45, Strength=2);*/
}
.site-header h1.title a.sort-links {
	transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-o-transform: rotate(10deg);
}
.site-header h1.auth a.sort-links {
	transform: rotate(-1deg);
	-webkit-transform: rotate(359deg);
	-moz-transform: rotate(359deg);
	-o-transform: rotate(359deg);
}
.site-header h1.read a.sort-links {
	transform: rotate(-4deg);
	-webkit-transform: rotate(356deg);
	-moz-transform: rotate(356deg);
	-o-transform: rotate(356deg);
}
.layersliderhome {
	margin:26px auto; /* allison changed from 52, then changed from 46 on jan 2014, then from 26 on mar 2014 */
}
/* =Widgets
-------------------------------------------------------------- */

.widget-area .widget ul ul {
	margin-left: 12px;
	margin-left: 0.857142857rem;
}
.widget_rss li {
	margin: 12px 0;
	margin: 0.857142857rem 0;
}
.widget_recent_entries .post-date, .widget_rss .rss-date {
	color: #aaa;
	font-size: 11px;
	font-size: 0.785714286rem;
	margin-left: 12px;
	margin-left: 0.857142857rem;
}
#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #686868;
}
#wp-calendar th, #wp-calendar td, #wp-calendar caption {
	text-align: left;
}
#wp-calendar #next {
	padding-right: 24px;
	padding-right: 1.714285714rem;
	text-align: right;
}
.widget_search label {
	display: block;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.widget_twitter li {
	list-style-type: none;
}
.widget_twitter .timesince {
	display: block;
	text-align: right;
}
/* =Plugins
----------------------------------------------- */

img#wpstats {
	display: block;
	margin: 0 auto 24px;
	margin: 0 auto 1.714285714rem;
}
/* custom fixes */

/* ISOTOPE READER THUMBNAIL FIX */
.book-container .meta img {
	width: 115px;
	-webkit-box-shadow: 0px 1px 2px 1px rgba(120, 120, 120, 1);
	box-shadow: 0px 1px 2px 1px rgba(120, 120, 120, 1);
}
/* FIX THEME TO BE RESPONSIVE */
#page {
	min-width: inherit;
}
/* FIXING PAGE BACKGROUND - CAN BE REPLACED BY NEW THEME */

body {
	background-color: white;
}
body .site {
	box-shadow: none;
	margin-bottom: 3.42857rem;
	margin-top: 0;
	padding: 0 1rem;
	padding-left:80px;
}
body.home {
	background: url(images/07_01_storyline_v2b-biggerbg-v2-9-17-13_mini_mini.jpg) no-repeat center 2px; /*allison changed from home-bg.png */
	margin: 0 auto;
	display: block;
}
/* MAKING POSTS FULL WIDTH */
#content {
	margin-left: inherit;
}
/* MEDIA SWITCHER */
.media-switcher {
	position: relative;
	width: 95px;
	height: 39px;
	display: block;
	/*background: url(images/switcher-bg.png) no-repeat;*/
/*	background: url(images/09_19_storyline_mediaswitcher-v1_03.png) no-repeat;*/	
	border: none;
/*	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;*/
	float: left; /*allison changed from left */
	/*background: url(images/10_3_storyline_mediaswitcher-v1-background_03.jpg) no-repeat -2px -2px;*/
	margin-top:5px;
}
.media-switcher input[type=checkbox] {
	display: none;
}
.hide-media {
	display: block !important;
	height: 0px;
	overflow: hidden;
}
.media-switcher .check {
	display: block;
	/*width: 111px;*/
	height: 39px;
	/*transition: background 0.2s linear;*/
	border: none; /* allison changed */
	/*position: absolute;*/
	/*top: 18px;
	left: 5px;*/
	cursor: pointer;
}
.media-switcher label.check.youtube {
	/*background: url(images/label-youtube.png) no-repeat;*/
	/*background: url(images/09_19_storyline_mediaswitcher-v1_03.png) no-repeat;*/
	background: url(images/media-switch_06.png) no-repeat 0px -39px;
	width: 95px;
}
/*.media-switcher label.check.youtube:hover {
	background: url(images/media-switch_06.png) no-repeat 0px -1px;
	width: 95px;
	height:38px;
}*/
.media-switcher label.check.schooltube {
	/*background: url(images/label-schooltube.png) no-repeat;*/
	/*background: url(images/09_19_storyline_mediaswitcher-v1_03.png) no-repeat 0 -39px;*/
	background: url(images/media-switch_06.png) no-repeat 0 -1px;
	width: 95px;
	height:38px;
}
/*.media-switcher label.check.schooltube:hover {
	background: url(images/media-switch_06.png) no-repeat 0px -39px;
	width: 95px;
}*/
.home #page {
	padding-top: 110px;
}
#page {
	padding-top: 245px;
}
.single #page {
	padding-top: 200px;
}
.home #primary.site-content {
	width: 100% !important;
}
#primary.site-content {
	width: 65.1042% !important;
}
.full-width #primary.site-content { /* allison added this */
	width: 100% !important;
}
body {
	background: url(images/07_01_storyline_v2b-interior-bg.jpg) no-repeat center top; /* allison replaced body-bg.png */
}
body.single {
	background: url(images/09_20_storyline_v2b-interior-bg2.jpg) no-repeat center top; /* allison replaced body-bg.png */
}
header#masthead {
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	padding: 0;
	z-index: 9999;
}
header#masthead .wrapper {
	width: 100%;
	max-width: 1010px;
	margin: 0 auto;
}
#header-sidebar {
	float: left;
	width: 280px;
	margin-left: 75px; /*allison changed from 80*/
}
.eifheadersmall {
	display:none;
}
.eifheader {
margin-top:4px;
}

.widget.widget_text a {
	color: #904D4B;
	text-decoration: none;
	outline: none;
}
#header-sidebar div.widget {
	float: left;
	font-family: 'Muli', arial, sans-serif;
}
#header-sidebar div.widget:last-child {
	text-align: left;
	color: #904d4b;
}
#text-3.widget.widget_text {
	margin-top: 8px;
	overflow: hidden;
	width: 160px;
	font-size: 10px;
	font-family: 'Muli', arial, sans-serif;
	height: 50px;
	margin-left: 1px;
}
#header-sidebar div.widget:last-child strong {
	font-size: 15px;
}
#text-5 {
	margin: 20px auto;
	width: 130px;
}
#text-5 div.textwidget a {
	display: block;
	float: left;
	width: 36px;
	height: 36px;
	text-indent: -9999px;
	margin-left: 5px;
}
#text-5 div.textwidget a.facebook {
	/* background: url(images/ico-fb.png) no-repeat;*/
	background-position: -76px -83px;
	width: 36px;
	height: 36px;
	outline: none;
}
#text-5 div.textwidget a.twitter {
	/*background: url(images/ico-tt.png) no-repeat;*/
	background-position: -38px -83px;
	width: 36px;
	height: 36px;
	outline: none;
}
#text-5 div.textwidget a.youtube {
	/*background: url(images/ico-yt.png) no-repeat;*/
	background-position: 0 -83px;
	width: 36px;
	height: 36px;
	outline: none;
}
a#logo {
	display: block;
	float: left;
	margin: 10px 0px 0 -150px; /*allison changed from 0 46px; */
	width: 360px;
	height: 167px;
	/*background: url(images/StorylineOnline-Logo-comps-1.png) no-repeat;*/
	text-indent: -9999px;
	position: absolute;
	left: 48%;
	background-position: 0 -123px;
	outline: none;
}
.button {
	float: right; /*allison changed from left */
	margin: 0 0 0 10px; /* allison changed from 17px 0 0 10px */
	height: 49px;/*width: 145px;*/
}
.button a {
	/*width: 145px;*/
	height: 36px;
	display: block;
	text-indent: -9999px;
	outline: none;
}
.button.donate {
	/*    background: url(images/but-donate-reflection.png) no-repeat bottom left; */	
	/*background: url(images/09_19_storyline_v1_03.png) no-repeat bottom left; */
	/*background: url(images/everypage-sprites.png) no-repeat;*/
	background-position: 0 -42px;
	height: 36px;
	width: 85px;
}
.button.donate:hover {
	/*background: url(images/but-donate-hover.png) no-repeat;*/
	/*background: url(images/09_19_storyline_v1_03.png) no-repeat -0px -3px;*/
	/*background: url(images/everypage-sprites.png) no-repeat;*/
	background-position: 0px -2px;
}
.button.feedback {
	/*background: url(images/but-feedback-reflection.png) no-repeat bottom left;*/
	/*background: url(images/09_19_storyline_v1_03.png) no-repeat -88px -42px;*/
	background-position: -88px -42px;
	height: 36px;
	width: 107px;
}
.button.feedback:hover {
	/*background: url(images/but-feedback-hover.png) no-repeat;*/
	/*background: url(images/09_19_storyline_v1_03.png) no-repeat -88px -2px;*/
	background-position: -88px -2px;
}
.button.donate a {
	/*background: url(images/but-donate.png) no-repeat;*/
/*	background: url(images/09_19_storyline_v1_03.png) no-repeat;
*/
	outline: none;
}
.button.feedback a {
	/*background: url(images/but-feedback.png) no-repeat;*/
/*	background: url(images/09_19_storyline_v1_03.png) no-repeat;
*/
	outline: none;
}
.button.list {
	height: 36px;
	width: 107px;
	margin-top: 2px;
}
.button.list a {
	background: url(images/list-books-button_04.png) 0 -43px no-repeat;
	outline: none;
}
.button.list a:hover {
	background: url(images/list-books-button_04.png) 0 -3px no-repeat;
}
.button.pubs {
	height: 36px;
	width: 107px;
	margin-top: 2px;
}
.button.pubs a {
	background: url(images/list-pubs-button.png) 0 -43px no-repeat;
	outline: none;
}
.button.pubs a:hover {
	background: url(images/list-pubs-button.png) 0 -3px no-repeat;
}
#header-right {
	float: right;
	width: 315px; /* allison changed from 380px*/
	margin-top: 18px;
	margin-right:6%;
}
#donate-widget-2.donate.widget {
	font-size: 14px;
	font-style: italic;
	color: #616161;
	line-height: 1.2em;
}
#footer-sidebar .widget {
	float: left;
	border: solid 4px #fff;
	background: #fff;
	border-radius: 10px;
	margin-right: 10px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	height: 150px;
	color: #006e92;
	font-style: normal;
	padding: 25px 25px 0 25px;
	font-size: 13px;
	font-family: 'Muli';
	position: relative;
}
#footer-sidebar .widget h2.widgettitle {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -0.05em;
	font-family: 'Muli', arial, sans-serif;
	color: #01506a;
	font-style: normal;
}

#text-6.widget.widget_text h2 {
  margin-left: 20px;
}

#footer-sidebar .widget.donate {
	width: 301px;
	padding-right: 20px;
	background: url(images/footer-boxes-background_03.jpg) no-repeat; /*fwid-donate-bg.jpg*/
	padding-left: 60px;
}
#footer-sidebar .widget span.more {
	display: block;
	position: absolute;
	left: -11px;
	top: -8px;
	text-indent: -9999px;
	/*background: url(images/want-more.png) no-repeat;*/
	width: 103px;
	height: 109px;
	background-position: -353px 0;
}
#footer-sidebar .widget.donate div.button {
	position: absolute;
	bottom: 10%;
	left: 100px;
	margin-left: 0;
}
#footer-sidebar .widget.newsletter #mc_embed_signup form {
	height: 90px;
}
#footer-sidebar .widget.newsletter {
	width: 305px;
	background: url(images/footer-boxes-background_05.jpg) no-repeat right; /*fwid-newsletter.jpg*/
        padding-left: 10px;
}
#footer-sidebar .widget.newsletter input[type=submit] {
	display: block;
	text-indent: -9999px;
	/*background: url(images/but-submit.png) no-repeat;*/ 
	width: 108px;
	height: 35px;
	border: none;
	position: absolute;
	left: 25px;
	bottom: 14px;
	background-position: -532px -96px;
}
#footer-sidebar .widget.newsletter input[type=submit]:hover {
	/*background: url(images/but-submit-hover.png) no-repeat;*/
	background-position: -532px -131px;
}
#footer-sidebar .widget.newsletter input {
	width: 95%;
	border-radius: 8px;
	display: block;
	margin: 5px 0;
}
#footer-sidebar .widget.sponsor,
#text-6.widget {
	width: 173px;
	padding: 25px 5px 0 10px;
	background: url(images/footer-boxes-background_07.jpg) no-repeat center; /*fwid-sponsor.jpg*/
	margin-right: 0;
	font-family: 'Muli', helvetica/*'Cherry Swash', cursive*/;
	font-size: 14px;
	font-style: italic;
	letter-spacing: -0.03em;
	color: #616161;
	line-height: 1.2em;
}
a.supportusnow {
	/*  background: url("http://storylineonline.net/wp-content/themes/storyline_v22/images/supportusnow_06.png") repeat scroll 0 48px rgba(0, 0, 0, 0);*/  display: block;
	height: 45px;
	width: 174px;
	margin: 4px 0 0;
	text-indent: -9999px;
	background-position: -469px -44px;
}
a.supportusnow:hover {
	/*background: url("http://storylineonline.net/wp-content/themes/storyline_v22/images/supportusnow_06.png") repeat scroll 0 0 rgba(0, 0, 0, 0);*/
	background-position: -469px 0;
}
footer {
	width: 100%;
	min-height: 450px;
	bottom: 0;
	left: 0;
	/*background: url(images/footer-bg.png) repeat-x center bottom;*/
	background: url(images/Footer_10-5-13.jpg) repeat-x center bottom;
}
footer .wrapper {
	width: 100%;
	max-width: 1015px;
	margin: 20px auto 0;
}
.main-navigation {
	margin: 30px 0 0 6%;
}
.main-navigation li.donate, .donatefooterwidget2.button {
	float: left;
	margin: -5px 35px 0 35px;
	height: 45px;
	background-position: -198px 0px;
	width: 145px;/*background: url(images/but-donate-reflection.png) no-repeat bottom left;*/
}
.main-navigation li.donate a, .donatefooterwidget2.button a {
	/* width: 145px;
    height: 35px;*/
	display: block;
	text-indent: -9999px;
	padding: 0;
	border: 0;
	background-position: -198px -45px;
	width: 145px;
	height: 35px;
	outline: none;/*background: url(images/but-donate.png) no-repeat;*/
}
.main-navigation li.donate a:hover, .donatefooterwidget2.button a:hover {
	/*background: url(images/but-donate-hover.png) no-repeat;*/
	background-position: -198px 0;
	width: 145px;
	height: 35px;
}
.main-navigation li.no-border a {
	border: 0;
}
.copy.widget {
	color: #fff;
	text-shadow: 1px 1px 3px #3b2f1b;
	/*filter: Shadow(Color=#3b2f1b, Direction=45, Strength=2);*/
	text-align: center;
	margin: 20px 0 0 0;
}
#primary.site-content h1.entry-title {
	font-weight: bold;
	font-size: 40px;
	border: none;
	line-height: 60px;
	font-family: 'Muli', arial, sans-serif;
	margin-bottom: 10px;
}
#primary.site-content h2 {
	font-size: 36px;
	font-weight: normal;
	font-family: 'Muli', arial, sans-serif;
}
#primary.site-content {
	font-family: 'Muli', arial, sans-serif;
	font-size: 13px;
}
#primary.site-content h3 {
	font-size: 30px;
	font-weight: normal;
	font-family: 'Muli', arial, sans-serif;
}
#primary.site-content h4 {
	font-size: 24px;
	margin-bottom: 15px;
	font-weight: normal;
	font-family: 'Muli', arial, sans-serif;
}
.post-cont {
	margin-left: 20px;
}
.content-singlestory {
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
}
/*#load-more-books { - OLD BUTTON
	display: block;
	margin: 0 auto;
	width: 200px;
	text-align: center;
	background: #3C6289;
	color: #ffffff;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	font-size: 16px;
	line-height: 32px;
	-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}*/

#load-more-books {
	-moz-box-shadow: inset 0px 1px 0px 0px #95b6de;
	-webkit-box-shadow: inset 0px 1px 0px 0px #95b6de;
	box-shadow: inset 0px 1px 0px 0px #95b6de, 1px 1px 3px rgba(0,0,0,0.3);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5d88ba), color-stop(1, #446c99));
	background: -moz-linear-gradient(top, #5d88ba 5%, #446c99 100%);
	background: -webkit-linear-gradient(top, #5d88ba 5%, #446c99 100%);
	background: -o-linear-gradient(top, #5d88ba 5%, #446c99 100%);
	background: -ms-linear-gradient(top, #5d88ba 5%, #446c99 100%);
	background: linear-gradient(to bottom, #5d88ba 5%, #446c99 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d88ba', endColorstr='#446c99', GradientType=0);
	background-color: #5d88ba;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	border: 1px solid #4b77aa;
	display: block;
	width: 129px;
	margin: 0 auto;
	cursor: pointer;
	color: #ffffff;
	font-family: Trebuchet MS;
	font-size: 16px;
	font-weight: bold;
	padding: 8px 24px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #30587d;
	text-transform: uppercase;
	letter-spacing: -1px;
}
#load-more-books:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #446c99), color-stop(1, #5d88ba));
	background: -moz-linear-gradient(top, #446c99 5%, #5d88ba 100%);
	background: -webkit-linear-gradient(top, #446c99 5%, #5d88ba 100%);
	background: -o-linear-gradient(top, #446c99 5%, #5d88ba 100%);
	background: -ms-linear-gradient(top, #446c99 5%, #5d88ba 100%);
	background: linear-gradient(to bottom, #446c99 5%, #5d88ba 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#446c99', endColorstr='#5d88ba', GradientType=0);
	background-color: #446c99;
}
#load-more-books:active {
	position: relative;
	top: 1px;
}
.content-singlestory .book-bg {
	width: 100%;
	max-width: 671px;
	margin: 0 auto;
	padding: 50px 87px;
	/*background: url(images/book-img.png) no-repeat center top;*/
	background: url(/wp-content/uploads/2015/06/book2e_62315.png) no-repeat center top;
	background-size: 100%;
	height: 608px;
	font-family: 'Muli', helvetica/*'Cherry Swash', cursive*/;
	font-size: 15px;
	color: #21374f;
}
.content-singlestory .book-bg h1 {
	font-size: 36px;
	font-weight: 700;
	color: #ffffff;
	font-family: 'Muli', helvetica/*'Cherry Swash', cursive*/;
	text-align: center;
	margin: 0px 0 0px; /*allison changed from 20px 0 30px */
	text-shadow: 1px 0px 3px #575757;
}
.content-singlestory p.aligncenter {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}
.post-cont img {
	float: left;
	margin: 0 10px 10px 0;
}
.post-cont .cont {
	float: left;
	max-width: 610px;
	width: 100%;
}
#content {
	position: relative;
}
.home .nav-single.next {
	position: absolute;
	top: 307px;
	/*width: 110%;*/
	display: block;
	left: 95%; /*allison changed from -50px*/
	z-index: 1;/*allison changed from 0*/
}
.home .nav-single.prev {
	position: absolute;
	top: 307px;
	/*width: 110%;*/
	display: block;
	left: -4%;
	z-index: 1;/*allison changed from 0*/
}
.home .nav-single a {
	font-family: 'cherry swash' /*'Nothing You Could Do'*/, cursive;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.home .nav-single span.nav-previous {
	/*background: url(images/prev-but.png) no-repeat;*/
	width: 87px;
	height: 64px;
	display: block;
	text-align: center;
	line-height: 75px;
	background-position: -553px -172px;
}
.meta-nav-prev {
	display: block;
	position: relative;
	top: -4px;
	transform: rotate(10deg) scale(1) skew(1deg) translate(1px);
	-webkit-transform: rotate(10deg) scale(1) skew(1deg) translate(1px);
	-moz-transform: rotate(10deg) scale(1) skew(1deg) translate(1px);
	-o-transform: rotate(10deg) scale(1) skew(1deg) translate(1px);
	-ms-transform: rotate(10deg) scale(1) skew(1deg) translate(1px);
}
.meta-nav-prevword {
	position: relative;
	top: 2px;
}
.home .nav-single span.nav-next {
	/*background: url(images/next-but.png) no-repeat;*/
	width: 87px;
	height: 55px;
	line-height: 55px;
	display: block;
	text-align: center;
	padding-left: 3px;
	background-position: -553px -239px;
}
.responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect {
	display: block;
	width: 90% !important;
	margin: 20px auto;
}
/* main menu in footer nav*/

.main-navigation li a {
	border-bottom: 0;
	color: #a25a5c;
	font-size: 16px;
	line-height: 18px;
	text-transform: none;
	padding: 0 6px;
	font-style: normal;
	white-space: nowrap;
	border-right: solid 2px #a25a5c;
}
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
	border-bottom: 1px solid #ededed;
	border-top: 1px solid #ededed;
	display: inline-block !important;
	text-align: left;
	width: 100%;
}
.main-navigation ul {
	margin: 0;
	text-indent: 0;
}
.main-navigation li a, .main-navigation li {
	display: block !important;
	text-decoration: none;
}
.main-navigation li a:hover {
	color: #000;
}
/*.main-navigation {
	margin: 30px 6% 0;
}*/
.main-navigation li {
	margin: 0;
	position: relative;
	float: left !important;
}
.main-navigation li ul {
	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	z-index: 1;
}
.main-navigation li ul ul {
	top: 0;
	left: 100%;
}
.main-navigation ul li:hover > ul {
	border-left: 0;
	display: block;
}
.main-navigation li ul li a {
	background: #efefef;
	border-bottom: 1px solid #ededed;
	display: block;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	padding: 8px 10px;
	padding: 0.571428571rem 0.714285714rem;
	width: 180px;
	width: 12.85714286rem;
	white-space: normal;
}
.main-navigation li ul li a:hover {
	background: #e3e3e3;
	color: #444;
}
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
	color: #000;
}
/*widgets */

.template-front-page .widget-area .widget, .template-front-page.two-sidebars .widget-area .front-widgets {
	float: left;
	width: 51.875%;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.template-front-page .widget-area .widget:nth-child(odd) {
	clear: right;
}
.template-front-page .widget-area .widget:nth-child(even), .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
	float: right;
	width: 39.0625%;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.template-front-page.two-sidebars .widget, .template-front-page.two-sidebars .widget:nth-child(even) {
	float: none;
	width: auto;
}
/* comments */

.commentlist .children {
	margin-left: 48px;
	margin-left: 3.428571429rem;
}
.author-avatar {
	float: left;
	margin-top: 8px;
	margin-top: 0.571428571rem;
}
.author-description {
	float: right;
	width: 80%;
}
.widget-area {
	float: right;
	width: 26.041666667%;
}
br.clear {
	clear: both;
	display: block;
	height: 1px;
	margin: -1px 0 0 0
}
footer#colophon {
	font-style: normal;
}
.menu-toggle {
	display: none;
}
.entry-header .entry-title {
	font-size: 22px;
	font-size: 1.571428571rem;
}
#respond form input[type="text"] {
	width: 46.333333333%;
}
#respond form textarea.blog-textarea {
	width: 79.666666667%;
}
.template-front-page .site-content, .template-front-page article {
	overflow: hidden;
}
.template-front-page.has-post-thumbnail article {
	float: left;
	width: 47.916666667%;
}
.entry-page-image {
	float: right;
	margin-bottom: 0;
	width: 47.916666667%;
}
/* site */
.site {
	margin: 0 auto;
	max-width: 960px;
	max-width: 68.571428571rem;/*overflow: hidden;*/
}
.site-content {
	float: left;
	width: 65.104166667%;
}


/* =Media queries
-------------------------------------------------------------- */

/**  RETINA IMAGES **/
@media all and (-webkit-min-device-pixel-ratio: 2) {
body.home {
	background-size: 2000px auto !important;
	background-position: 50% 0px;
}
}

/* Desktops 1024 and up (1005 and up) */

@media only screen and (min-width: 1006px) {
header#masthead .wrapper {
	width: 100%;
	margin: 0 auto;
	padding-left: 0px;
}
}

/* Tablets 768-1024 / 1005 */

@media only screen and (min-width: 767px) and (max-width: 960px) {
/* slider */

.layersliderhome {
	margin: 102px auto 0 auto;
	width: 767px;
}
.slideshowplaceholder {
	height: 130px;
}
/*body */

#page {
	width: 768px;
}
body.home {
	background-size: 1610px auto !important;
	background-position: 50% 10px;
}
body.template-front-page .site-content, body.single-attachment .site-content, body.full-width .site-content {
	width: 100%;
}
body {
	background-color: #e6e6e6;
}
body .site {
	/*padding: 0 !important; from 0 40px */
	padding-left:6%;
	padding-top: 0 !important;
	margin-top: 48px;
	margin-top: 15.4286rem;
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;/*box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);*/
}
body.custom-background-empty {
	background-color: #fff;
}
body.custom-background-empty .site, body.custom-background-white .site {
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	box-shadow: none;
}
body.home {
	background-size: 219%;
}
/*post navigation */

.home .nav-single.next {
	top: 645px;
	width: 87px;
	left: 660px;
}
.home .nav-single.prev {
	top: 640px;
	left: 0px;
	width: 87px;
}
.home .nav-single {
	display: block;
	left: 0;
	position: absolute;
	top: 570px;
	width: 100%;
}
/* header */

.site-header h1, .site-header h2 {
	text-align: left;
}
.site-header h1 {
	font-size: 26px;
	font-size: 1.857142857rem;
	line-height: 1.846153846;
	margin-bottom: 0;
}
a#logo {
	background-position: 0 -294px;
}
.media-switcher {
	width: 95px;
}
#header-right {
	margin-right: 1%;
}
header#masthead .wrapper a#logo {
	margin: 0 0 0 -130px;
}
header#masthead .wrapper #logo {
	clear: both;
	margin: 20px auto;
	float: none;
}
header#masthead .wrapper #header-sidebar {
	position: absolute;
	left: 1%;
	top:1%;
	margin: 0;
}
header#masthead .wrapper #header-right {
	position: absolute;
	right: 0;
}
/* content */
body.single {
	background: url(images/09_20_storyline_v2b-interior-bg2-MOBILE.jpg) no-repeat center top;
}
.content-singlestory .book-bg {
	background: url(/wp-content/themes/storyline_v22/images/book2e_min.png) no-repeat center top;
	padding: 35px 55px;
	margin-top: 0px;
	width: 85%;
	background-size: 100%;
	text-align: center;
}
.books-media {
	margin-bottom: 25px;
}
.post-cont img {
	float: none;
	margin: 10px auto;
	display: block;
}
.post-cont .cont {
	float: none;
	margin: 20px auto;
	width: 90%;
}
/* footer */
#footer-sidebar .widget.donate, #footer-sidebar .widget.newsletter {
	width: 25.5%;
}
#footer-sidebar .widget.donate {
	padding-left: 50px;
}
#donate-widget-2.donate.widget {
	font-size: 0.9em;
}
#footer-sidebar .widget.donate div.button {
	bottom: 2%;
}
#footer-sidebar .widget.sponsor,
#text-6.widget {
	width: 23%;
	max-width: 173px;
	padding: 25px 5px 0;
}
}

/* Smartphones up to 480 to 767 */

@media only screen and (min-width: 481px) and (max-width: 766px) {
body.home {
	background-position: 50% 10px;
	background-size: 1010px auto;
}
.layersliderhome {
	margin: 8px auto;
	width: 481px;
}
.slideshowplaceholder {
	height: 100px;
}
a#logo {
	background: url("/wp-content/themes/storyline_v22/images/StorylineOnline-Logo-mobile.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	left: 58%;
}
.content-singlestory .book-bg {
	background: none /*url("/wp-content/themes/storyline_v22/images/book2e_min.png") no-repeat scroll center top / 100% auto rgba(0, 0, 0, 0)*/;
	color: #21374F;
	font-family: 'Muli', helvetica;
	font-size: 15px;
	height: 578px;
	margin: 0 auto;
	max-width: 671px;
	padding: 0/*50px 87px*/;
	width: 100%;
}
.widget#text-2, .widget#text-3, .button.feedback, .button.donate {
	display: none;
}
.eifheader {
display:none;	
}
.eifheadersmall {
	display:block;
	margin-top: 6px;
}

#header-sidebar, #header-right {
	width: 120px;
}
.home .nav-single.next, .home .nav-single.prev {
	display: none !important;
}
}

/* Smartphones up to 480 */

@media only screen and (max-width: 480px) {
/*.layersliderhome {
	margin: 115px auto 0 auto;
}*/
#footer-sidebar .widget.donate, 
#footer-sidebar .widget.newsletter, 
#footer-sidebar .widget.sponsor,
#text-6.widget {
	clear: both;
	float: none;
	margin: 20px auto;
	background-size: auto;
	width: 70%;
	padding: 25px 35px 0 35px;
}
#footer-sidebar .widget.donate {
	padding: 25px 15px 0 55px;
}
#footer-sidebar .widget.sponsor,
#text-6.widget {
	background-position: right -37px;
	background-size: 100% 121%;
}
#footer-sidebar .widget.donate div.button {
	bottom: 0%;
}
/*body.home .ls-container { /*allison moved from 960px 
	opacity: 0;
}*/
body.home {
	/*background: url(images/FinalBannerLayers-MOBILE.jpg) no-repeat 50% 0px;*/
	background: url(images/09_20_storyline_v2b-interior-bg2-MOBILE-sm.jpg) no-repeat center 10px; 
	background-size: 480px !important;
}
body.home .ls-container { /*allison moved from 960px */
	opacity: 0;
}
body .site {
  padding-left: 5%;
}
#container.isotope {
	margin: 0 10%;
}
#main.wrapper {
	margin-top: 100px;
}
header#masthead .wrapper a#logo {
	margin:70px -90px;
	width: 250px;
}
a#logo {
	background: url("images/StorylineOnline-Logo-mobile.png") no-repeat scroll 0 0px transparent;
	left: 40%;
}
.slideshowplaceholder {
	height: 0;
}
.widget#text-2, .widget#text-3, .button.feedback, .button.donate {
	display: none;
}
.eifheader {
display:none;	
}
.eifheadersmall {
	display:block;
	margin-top: 6px;
}
#header-sidebar, #header-right {
	width: 120px;
	margin-top: 5px;
}
#header-sidebar {
	margin-left: 10%;
}
#header-right {
	margin-right: 10%;
	margin-top: 22px;
}
#main.wrapper {
	margin-top: 30px;
}
/* INDIVIDUAL BOOK PAGE STYLES */
.book-bg {
  margin-top: 50px !important;
}
body.single {
	background: url(images/09_20_storyline_v2b-interior-bg2-MOBILE-sm.jpg) no-repeat center 10px; 
}
.isotope {
  margin-top: 30px !important;
}
.single #page {
	padding-top: 150px;
}
.content-singlestory .book-bg {
	margin-top: 0;
	background: none;
	padding: 0 !important;
	width: 100%;
	height: auto;
}
.content-singlestory p.aligncenter {
	margin: 10px 0;
}
.content-singlestory .book-bg h1 {
	display: none;
	line-height: 1em;
	margin: 15px 0 0;
	color: #0f3647;
}
.home .nav-single span.nav-next, .home .nav-single span.nav-previous {
	display: none;
}
.home .nav-single.next {
	top: 1185px;
	width: 87px;
	left: 250px;
}
.home .nav-single.prev {
	top: 1180px;
	left: 0px;
	width: 87px;
}
}

/* =Print
----------------------------------------------- */
@media print {
body {
	background: none !important;
	color: #000;
	font-size: 10pt;
}
footer a[rel=bookmark]:link:after, footer a[rel=bookmark]:visited:after {
	content: " [" attr(href) "] "; /* Show URLs */
}
a {
	text-decoration: none;
}
.entry-content img, .comment-content img, .author-avatar img, img.wp-post-image {
	border-radius: 0;
	box-shadow: none;
}
.site {
	clear: both !important;
	display: block !important;
	float: none !important;
	max-width: 100%;
	position: relative !important;
}
.site-header {
	margin-bottom: 72px;
	margin-bottom: 5.142857143rem;
	text-align: left;
}
.site-header h1 {
	font-size: 21pt;
	line-height: 1;
	text-align: left;
}
.site-header h2 {
	color: #000;
	font-size: 10pt;
	text-align: left;
}
.site-header h1 a, .site-header h2 a {
	color: #000;
}
.author-avatar, #colophon, #respond, .commentlist .comment-edit-link, .commentlist .reply, .entry-header .comments-link, .entry-meta .edit-link a, .page-link, .site-content nav, .widget-area, img.header-image, .main-navigation {
	display: none;
}
.wrapper {
	border-top: none;
	box-shadow: none;
}
.site-content {
	margin: 0;
	width: auto;
}
.singular .entry-header .entry-meta {
	position: static;
}
.singular .site-content, .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular .comments-title {
	margin: 0;
	width: 100%;
}
.entry-header .entry-title, .entry-title, .singular .entry-title {
	font-size: 21pt;
}
footer.entry-meta, footer.entry-meta a {
	color: #444;
	font-size: 10pt;
}
.author-description {
	float: none;
	width: auto;
}
/* Comments */
.commentlist > li.comment {
	background: none;
	position: relative;
	width: auto;
}
.commentlist .avatar {
	height: 39px;
	left: 2.2em;
	top: 2.2em;
	width: 39px;
}
.comments-area article header cite, .comments-area article header time {
	margin-left: 50px;
	margin-left: 3.57142857rem;
}
}

#media-switcher-dd .dd {
    display: none;
    position: absolute;
    top: 35px;
    left: 5px;
    border-radius: 2px / 3px; /* border radius */
    background-clip: padding-box;
    background-color: #fff; /* layer fill content */
    box-shadow: 0 1px 3px rgba(0,0,0,.55); /* drop shadow */
}
#media-switcher-dd.open .dd {
    display: block;
}

#media-switcher-dd {
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px; /* border radius */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; /* prevents bg color from leaking outside the border */
    background-color: #6d2b29; /* layer fill content */
    color: #fff; /* text color + color overlay */
    font-family: "Muli", sans-serif;
    font-size: 11px;
    text-shadow: 0 0 1px #508300; /* drop shadow */
    line-height: 27px;
    padding: 0 24px 0 32px;
    background-image: url(images/selectplayer-bg.png);
    background-repeat: no-repeat;
    background-position: 6px center;
    font-weight: bold;
    float: left;
    margin: 7px 0;
    position: relative;
    cursor: pointer;
}

#media-switcher-dd.open .dd em {
    display: block;
    position: absolute;
    top: -6px;
    right: 22px;
    width: 13px;
    height: 6px;
    background: url(images/ms-dd-corner.png) no-repeat;
}
#media-switcher-dd.open .dd a {
    line-height: 24px;
    display: block;
    border-top: solid 1px #dfdfdf;
    padding: 0 10px 0 27px;
    background: url(images/ms-options-bg.png) no-repeat 7px 7px;
    color:#707070;
    text-shadow: none !important;
}
#media-switcher-dd.open .dd a:hover {
    color:#000;
}
#media-switcher-dd.open .dd a.active {
    color:#000;
    background-position: 7px -60px;
}
#media-switcher-dd.open .dd a:first-child {
    border-top: none;
}