/**
 * sitestyle.css
 *
 * Copyright (c) 2003-2008 John Willinsky
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * New ETC Theme
 * Written by Michael Nason at the Electronic Text Centre, UNB Libraries 2015
 *
 * Site-wide styles. Override these with themes and/or journal-specific stylesheets.
 *
 */

/**
 * Override defaults defined in styles/common.css
 */
@import url('//fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin,latin-ext,greek-ext,greek,cyrillic-ext');
@import url('//fonts.googleapis.com/css?family=Roboto&subset=latin,greek-ext,latin-ext,cyrillic-ext');

body {
	background-color: #fff;
	font-family: open sans, helvetica, arial, sans serif;
	font-size: 1.0em;
}

a:link {
	color: #af302a;
}

a:active {
	color: #000000;
}

a:visited {
	color: #af302a;
}

a:hover {
	color: #000000;
	background-color: inherit;
}

input.textField, select.selectMenu, textarea.textArea, input.uploadField {
	border: 1px solid #cccccc;
}

input.button {
	border: 1px solid #cccccc;
}

input.defaultButton {
	background-color: #555555;
	color: #E9E9E9;
}

#header {
  background-color: #fff;
  margin: 0;
}

#footer {
	background-color: #fff;
}

#navbar {
	border-bottom: 1px dotted #cccccc;
	font-size: 1.0em;
}

#content {
	border-top: 1px dotted #cccccc;
}

span.highlight {
	border-bottom: 1px dotted #cccccc;
}

span.block {
	display: block;
	margin: 1.5em 2.5em;
}

/**
 * Override defaults defined in styles/sidebar.css
 */

 #sidebar a:link {
	color: #af302a;
	text-decoration:none;
}

#sidebar a:active {
	color: #000000;
	text-decoration:none
}

#sidebar a:visited {
	color: #af302a;
	text-decoration:none;
}

#sidebar a:hover {
	color: #000000;
	background-color: inherit;
}

#sidebar div.block {
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    background-color: white;
    padding-top: 0em;
    padding-right: 0em;
    padding-bottom: 0em;
    padding-left: 0em;
    margin-bottom: 3em;
		font-size: 1.0em;
}

#sidebar div.block span.blockTitle {
    color: #555555;
    background-color: #E9E9E9;
    font-weight: bold;
		font-size: 1.0em;
    padding-top: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    margin-bottom:0.5em;
    text-align:left;
}

div#sizer {
    height: 18px;
}

div#sidebarlogo {
    margin: 0 0 -30px 0;
}


/**
 * Override defaults defined in styles/articleView.css
 */

#main h2, #main h3, #main h4, #main h5, #main h6 {
 	font-family: Roboto, Helvetica, Arial, sans-serif;
}

div.rtSeparator {
	width: 100%;
	padding: 0;
	border-bottom: 1px dotted #000;
	line-height: 0px;
}

div.rtSeparatorThin {
	width: 100%;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px dotted #cccccc;
	line-height: 0px;
}

/**
 * Article-Display
 */

/**
* Preventing Superscript and Subscript from effecting line height
*/

sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}

sub { top: 0.4em; }

/**
 * Front matter
 */

#editorial-note {
	line-height: 170%;
}

.abstract p {
	line-height: 170%;
}

#document-body {
	line-height: 170%;
}

#back-matter {
	line-height: 170%;
}

#front-matter h2.supertitle {
    font-size: 1.0em;
    color: #cccccc;
    text-transform: uppercase;
}

#front-matter h3.article-title {
    font-size: 1.6em;
    padding-top: 5px;
}

#front-matter h4.subtitle {
    font-size: 1.6em;
    margin-top: 2px;
}

#front-matter span.name-pers {
    font-size: 1.2em;
}

#front-matter div.abstract {
    width: 90%;
    margin: auto;
}

#front-matter > div.abstract:last-child {
    margin-bottom: 25px;
    border-bottom: gray dotted 1px;
}

#front-matter h4.abstract-title {
    font-size: 1.2em;
    text-align: center;
}


/**
* Body Headers
*/

#document-body h1, #document-body h2, #document-body h3, #document-body h4, #document-body h5, #document-body h6 {
    font-family: Roboto, Helvetica,Arial,sans-serif;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 1px;
}

#document-body div.section1 h1 {
    font-size: 1.4em;
}

#document-body div.section2 h2 {
    font-size: 1.2em;
}

#document-body div.section3 h3 {
    font-size: 1.2em;
    font-style: italic;
}

/**
 * Verbatim
 */

 div.verbatim-block {
    margin:1.5em 2.5em;
}

/**
 * Tables & Figures
 */

div.table-block {
    margin:1.5em 2.5em;
    padding-left: 10px;
    border-left: 1px gray dotted;
}
div.figure-block {
    margin:1.5em 2.5em;
    padding-left: 10px;
    border-left: 1px gray dotted;
}
div.figure-block span.image-title {
    display: block;
}
div.table-block span.image-title {
    display: block;
}

/**
 * Backmatter
 */

 #back-matter {
     margin-top: 25px;
 }

 #back-matter div.title-block {
    font-size: 1.2em;
    font-family: Roboto, Helvetica,Arial,sans-serif;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 2px;
}

#back-matter h1, #back-matter h2, #back-matter h3, #back-matter h4, #back-matter h5, #back-matter h6 {
    font-family: Roboto, Helvetica,Arial,sans-serif;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 1px;
}

#back-matter div.appendix div.section1 h1 {
    font-size: 1.4em;
}

#back-matter div.appendix div.section2 h2 {
    font-size: 1.2em;
    font-style: italic;
}

#back-matter div.appendix div.section3 h3 {
    font-size: 1.2em;
    font-style: italic;
}


/**
 * Styles for HTML generated by basic4.xsl stylesheet
 */
span.nopara {
	color: #9A0000;
	font-size: 0.8em;
	vertical-align: top;
	padding: 0 2.5em 0 0;
}

/**
 * Footnotes generated by basic4.xsl are in numbered div tags:
 * <div id="noX">
 * .. where X is the number of the footnote, followed by a <br>
 * tag. Find the footnotes & turn off display of the <br> tags.
 */
div[id^="no"] ~ br {
    display: none;
}


/**
 * Styles for HTML generated by revised stylesheet, erudit-to-html.xsl
 * @todo: include URL to selectors reference file
 */

/* @todo: override generic div styling where necessary */
div { margin: 1em 0em; }

/* @todo: add hover styling */
a img { border: none; }



div.affiliation { margin: 0 0 1em; }

/**
 * Document body
 */
div.title { font-weight: bold;}

/**
 * Text blocks
 */

div.citation { margin:1.5em 2.5em; }

div.para p span.no {
	color: #9A0000;
	font-size: 0.8em;
	padding: 0 2.5em 0 0;
	vertical-align: top;
}

/**
 * Text elements
 */

span.strikethrough { text-decoration: line-through; }
span.uppercase { text-transform: uppercase; }
span.smallcaps { font-variant: small-caps; }
span.underline { text-decoration: underline; }

/**
 * Images
 */

image { display: block; }

/**
 * Lists
 */

ul.bullet-square { list-style-type: square; }
ul.bullet-circle { list-style-type: circle; }
ul.bullet-dash {}
ul.bullet-disc { list-style-type: disc; }
ul.bullet-none { list-style-type: none; }

ol.bullet-lower-alpha { list-style-type: lower-alpha; }
ol.bullet-upper-alpha { list-style-type: upper-alpha; }
ol.bullet-lower-roman { list-style-type: lower-roman; }
ol.bullet-upper-roman { list-style-type: upper-roman; }
ol.bullet-decimal { list-style-type: decimal; }