/*
Theme Name: Note to Self
Description: Child theme for the twentytwelve theme 
Author: Chris Hastie
Template: twentytwelve
*/

@import url("../twentytwelve/style.css");


/* CMH customisations
------------------------------------------------*/
/* use OpenSans first as "Open Sans" confuses wkhtml2pdf */
body.custom-font-enabled {
  font-family: "OpenSans", "Open Sans", Helvetica, Arial, sans-serif;
}

img.header-image {
  width: 100%;
}

.footnote {
  border-top: 1px solid #ededed;
  font-size: 11px;
  font-size: 0.78571rem;
  margin: 2em 0 3em 0;
  padding-top: 0.5em;
}

.entry-content li.footnote {
  border: none;
  padding-left: 10px;
  padding-left: 0.71428rem;
  margin-left: 1.1428571rem;
  margin-left: 16px;
}

.entry-content ol.footnotes {
  border-top: 1px solid #ededed;
  padding: 0.5em 0 0 0;
  margin: 0;
}

.footnote-tooltip {
  /* font-size: 12px;
  font-size: 0.857142857rem;
  font-family: "Libre Baskerville", Palatino, serif;
  line-height: 1.4; */
  word-wrap: break-word;
}

.ui-tooltip {
  /*-webkit-box-shadow: 0 0 5px #deb2b2;
  box-shadow: 0 0 5px #deb2b2;
  background: #ffffff;
  border: 1px solid #deb2b2;*/
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
  background: #eeeeee;
  border: 1px solid #aaa;
}

.bibliography {
  font-size: 11px;
  font-size: 0.78571rem;
}

.bibliography p {
  margin-bottom: 14px;
  margin-bottom: 1rem;
}

ol.bibliography {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  font-size: 11px;
  font-size: 0.78571rem;
}

ol.bibliography li {
  margin-bottom: 14px;
  margin-bottom: 1rem;
  margin-left: 0;
}

.footnote .container-title,
.footnote .main-title,
.footnote .nocontainertitle,
.footnote .conference-place,
.footnote .conference-date,
.bibliography .container-title,
.bibliography .main-title,
.bibliography .nocontainertitle,
.bibliography .conference-place,
.bibliography .conference-date {
  font-style: italic; 
}

.footnote li a,
.bibliography li a {
  font-weight: normal;
}

footer.entry-meta {
  border: 1px solid #ededed;
  padding: 5px;
}

#content {
  /*font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;*/
  /*font-family: "Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", serif;*/
  font-family: "Libre Baskerville", Palatino, serif;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6
{
  font-family: "OpenSans", "Open Sans", Helvetica, Arial, sans-serif;
}

sub,
sup {
	font-size: .75em;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}

.site-header div.site-description  {
  text-align: center;
  font-weight: normal;
  font-size: 13px;
  font-size: 0.928571429rem;
  line-height: 1.846153846;
  color: #757575;
}

.entry-content blockquote,
.comment-content blockquote {
  margin: 14px;
  margin: 1rem;
  padding: 0 24px 10px 24px;
  padding: 0 1.714285714rem 0.714285714rem 1.714285714rem;
}

.entry-content cite {
  text-align: right;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
  font-weight: normal;
  clear: none;
  color: #900000;
}

.entry-content h2,
.comment-content h2 {
  font-size: 22px; 
  font-size: 1.571428571rem;
}

.entry-header .entry-title {
  color: #900000;
}

a {
  color: #900000;
}

a:hover
{
  color: #b50000;
}

.widget-area .widget a:hover {
  color: #900000;
}

.site-header h1 a:hover, .site-header h2 a:hover
{
  color: #900000;
}

.comments-link a:hover, .entry-meta a:hover
{
  color: #900000;
}

.main-navigation a:hover {
  color: #900000;
}

footer[role="contentinfo"] a:hover {
  color: #900000;
}

.format-status .entry-header header a:hover {
  color: #900000;
}

.comments-area article header a:hover {
  color: #900000;
}

a.comment-reply-link:hover,
a.comment-edit-link:hover {
  color: #900000;
}

.entry-content a:visited,
.comment-content a:visited {
        color: #900000;
}

.template-front-page .widget-area .widget li a:hover {
  color: #900000;
}

li.bypostauthor cite span {
  background-color: #900000;
  border: 1px solid #5c0000;
}

.quote-credit {
  text-align: right;
  font-style: italic;
}

.comments-title {
  font-size: 22px; 
  font-size: 1.571428571rem;
  color: #900000;
}

.comments-area article header
{
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 24px;
  margin-bottom: 1.714286rem;
  margin-left: 0px;
  background-color: #ededed;
  padding: 7px;
}

.comments-area article header cite, .comments-area article header time
{
  margin-left: 51px;
}

.site-content article
{
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #ededed;
}

/* Footer */
footer[role="contentinfo"] {
  max-width: 1200px;
  max-width: 85.714285714rem;
}

#searchformdiv input {
  color: #bbb;
}

#searchformdiv {
  text-align: center;
  margin-bottom: 14px;
  margin-bottom: 1rem;
}

#searchformdiv input:focus {
  color: #5e5e5e;
}


.titleblock h1, .titleblock h2 {
  clear: none;
}

a.posts-icon
{
  height: 22px;
  line-height: 22px;
  margin-top: 39px;
  margin-top: 2.78571rem;
  margin-right: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-left: 20px;
  display: block;
  float: right;
  white-space: nowrap;
  width: 0px;
  overflow: hidden;
}


a.posts-icon {
  display: none;
}

.entry-header .post-time {
  font-size: 11px;
  font-size: 0.78571rem;
  margin-top: 8px; 
  margin-top: 0.57142857rem;
  display: block;
}

.toc {
  display: none;
}

  
.toc {
  display: none;
  float: right;
  font-family: "OpenSans", "Open Sans", Helvetica, Arial, sans-serif;
  border: 5px solid #E6CCCC;
  padding: 24px;
  padding: 1.7142857143rem;
  margin: 10px 0 24px 24px;
  margin: 0.7142857143rem 0 1.7142857143rem 1.7142857143rem;
  max-width: 35%;
}

.toc h2 {
  font-size: 11px;
  font-size: 0.785714286rem;
  line-height: 1.2;
  font-weight: bold;
  text-transform: uppercase;
  color: #636363;
  margin-bottom: 24px;
  margin-bottom: 1.714285714rem;
  margin-top: 0;
}

.entry-content .toc ul {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  margin-bottom: 0;
}

.entry-content .toc li {
  font-size: 13px;
  font-size: 0.928571rem;
  line-height: 1.4;
  margin-left: 0;
  margin-top: 6px;
  margin-top: 0.428571429rem;
}

.entry-content .toc li li {
  margin-left: 24px; 
  margin-left: 1.7142857143rem;
}

.entry-content .toc li a {
  text-decoration: none;
  color: #757575;
}

.entry-content .toc li a:hover {
  color: #800000;  
}

.zp-Entry {
  font-size: 11px;
  font-size: 0.78571rem;
  margin-bottom: 14px;
  margin-bottom: 1rem;

}

.zp-Entry b {
  font-weight: normal;
  font-style: italic;
}

a.footnote-identifier-link {
  text-decoration: none;
  /*vertical-align: super;*/
  position: relative; 
  top: -0.5em;
  font-size: 80%;
  padding-left: 3px;
}


.sort-direction {
  color: #757575;
  font-size: 12px;
  font-size: 0.857142857rem;
  line-height: 2;
  margin-top: 22px;
  margin-top: 1.571428571rem;
}

.sort-direction a {
  color: #757575;
}

.sort-direction a:hover {
  color: #b50000;
}

div.alignleft {
        margin: 12px 24px 12px 0;
        margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
div.alignright {
        margin: 12px 0 12px 24px;
        margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
div.aligncenter {
        margin-top: 12px;
        margin-top: 0.857142857rem;
        margin-bottom: 12px;
        margin-bottom: 0.857142857rem;
}

.wp-caption-text {
  text-align: center;
}

a.sociallink {
        background-color: transparent;
        background-image: url("images/web2sprite.png");
        background-repeat: no-repeat;
        background-position: -0px -218px;
        height: 20px;      
        padding: 0 0 0 20px;
}

a.sociallink:hover {
        background-position: -0px -198px;
}

a.linkedin {
        background-position: -0px -58px;
}

a.researchgate {
        background-position: -0px -98px;
}

a.twitter {
        background-position: -0px -178px;
}
a.academia {
        background-position: -0px -218px;
}
a.orcid {
        background-position: -0px -258px;
}
a.pure {
        background-position: -0px -298px;
}
a.gs {
        background-position: -0px -338px;
}
a.github {
        background-position: -0px -378px;
}

a.linkedin:hover {
        background-position: -0px -38px;
}

a.researchgate:hover {
        background-position: -0px -78px;
}

a.twitter:hover {
        background-position: -0px -158px;
}

a.academia:hover {
        background-position: -0px -198px;
}
a.orcid:hover {
        background-position: -0px -238px;
}
a.pure:hover {
        background-position: -0px -278px;
}
a.gs:hover {
        background-position: -0px -318px;
}
a.github:hover {
        background-position: -0px -358px;
}
ul.sociallinks {
  
}
ul.sociallinks li {
  list-style-type: none;
  margin-left: 0;
}

ul.mcl-linklist {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ul.mcl-linklist li.mcl-link-item {
  list-style-type: none;
  background-image: url(images/fileicons/doc-icon-24x24.png);
  background-repeat: no-repeat;
  background-position: 0 0.4em;
  padding-left: 32px;
  margin-bottom: 0.8em;
}

ul.mcl-linklist li.mcl-link-item.mcl-file-pdf {
  background-image: url(images/fileicons/pdf-icon-24x24.png);
}

ul.mcl-linklist li.mcl-link-item.mcl-file-xlsx, 
ul.mcl-linklist li.mcl-link-item.mcl-file-xltx {
  background-image: url(images/fileicons/xlsx-icon-24x24.png);
}

ul.mcl-linklist li.mcl-link-item.mcl-file-ods,
ul.mcl-linklist li.mcl-link-item.mcl-file-ots{
  background-image: url(images/fileicons/ods-icon-24x24.png);
}

.mcl-filesize, .oa-filesize {
  font-size: smaller; 
}

a.mcl-title-link {
  font-weight: bold;
}

.oa-pdf {
  background-image: url(images/fileicons/pdf-icon-16x16.png);
  background-repeat: no-repeat;
  background-position: 100% 0em;
  padding-right: 20px;
}

.oa-publication-link {
  background-image: url(images/oa-icon-16x10.png);
  background-repeat: no-repeat;
  background-position: 100% 0em;
  padding-right: 14px; 
}

.pubmetalabel-oa {
  background-image: url(images/oa-icon-16x10.png);
  background-repeat: no-repeat;
  background-position: 0em 0em;
  padding-left: 14px;  
}

/*
.mcl-linklist-description {
  display: block;  
}
*/

.conferenceheader {
  margin-bottom: 1.2857175rem;
  font-size: 1.2rem;
  font-weight: bold;
}

.conflistitem, .publistitem {
  margin-bottom: 1.714285714rem;  
}

.papertitle, .conferencetitle {
  font-weight: bold;
}


.entry-header .conferencetitle, .entry-header .conferencevenue, .entry-header .conferencedate, .entry-header .pubauthors {
  font-weight: bold;
  line-height: 1.714285714;
  /*margin-bottom: 0.5rem; */
}

.entry-header .pubmetarow {
  line-height: 1.714285714;
}

.entry-header .pubcitation {
  line-height: 1.714285714;
  margin: 1.714285714rem 0;    
  /*text-indent: -2em; 
  padding-left: 2em;*/
}

.entry-header .conferencemeta, .entry-header .publicationmeta {
  margin: 1.714285714rem 0 0.857142857rem 0;    
}

.entry-header .publicationmeta2 {
  margin: 1.714285714rem 0; 
}  

div.nav-up {
  margin: 0 auto 1em auto; 
  width: 75%;
  text-align: center;  
}
div.nav-up p {
  
}

@media screen and (min-width: 600px) {
  .site {
          margin: 0 auto;
          max-width: 1200px;
          max-width: 85.714285714rem;
          overflow: hidden;
  }

  .main-navigation li a
  {
    line-height: 3.0;
  }

  .main-navigation li a{
    border-bottom: 4px solid #fff;
    border-top: 4px solid #fff;
  }

  .main-navigation li a:hover {
    border-bottom: 4px solid #800000;
    border-top: 4px solid #800000;
  }

  .main-navigation li ul li a {
    border-bottom: 4px solid #efefef;
    border-top: 4px solid #efefef;
  }

  .site-header div.site-description  {
    text-align: left;
  }
  
  #searchformdiv {
    float: right;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    margin-top: 33px;
    margin-top: 2.357138rem;
    text-align: left;
  }

  #searchformdiv input {
    margin: 0 0;
  }

  .entry-content blockquote,
  .comment-content blockquote {
    font-style: italic;
    margin: 14px;
    margin: 1rem;
    padding: 0 50px 10px 50px;
    padding: 0 3.571428571rem 0.714285714rem 3.571428571rem;
    background: url("images/blockquote.gif") no-repeat left top; 
  }
  
  
  a.posts-icon {
    display: inline;
    background-color: transparent;
    background-image: url("images/web2sprite.png");
    background-repeat: no-repeat;
    background-position: -0px -138px;
    height: 20px;
  }
  a.posts-icon:link, a.posts-icon:active, a.posts-icon:visited {
    background-position: -0px -138px; 
  }
   a.posts-icon:hover {
     background-position: -0px -118px; 
   }
/*
  a.posts-icon:link, a.posts-icon:active, a.posts-icon:visited
  {
    background-color: transparent;
    background-image: url("images/rss-gray.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left center;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
  }

  a.posts-icon:hover
  {
    background-color: transparent;
    background-image: url("images/rss.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left center;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
  }
/*

  .widget-area a {
    text-decoration: none;
    /*display: block;
    width: 100%;*/
  }

  .widget-area li {
    border-left: 4px solid #ddd;
    margin: 4px 0;
    padding: 2px 0 2px 4px;
  }

  .widget-area .widget li {
    line-height: 1.4;
  }

  .widget-area li:hover {
    border-left: 4px solid #800000;
  }

  .widget-area li.cat-item{
    border-left: none;
    margin: 0 0;
    padding: 0px 0 0px 0;
    line-height: 1.8;
  }

  .widget-area li.cat-item:hover {
    border-left: none;
  }


  .widget-area li.cat-item a{
    border-left: 4px solid #ddd;
    padding: 0 0 0 4px;
  }

  .widget-area li.cat-item a:hover {
    border-left: 4px solid #800000;
  }
  
  .widget_rss li
  {
    margin-top: 4px;
    margin-right: 0px;
    margin-bottom: 4px;
    margin-left: 0px;
  }

  .navjumplink {
    display: none;
    margin: 0;
  }
  
  li.navjump {
    display: none;
  }
  
  .entry-header .entry-title {
          font-size: 28px;
          font-size: 2rem;
	  line-height: 1.4;
  }

  .toc {
    display: block;
  }
  
}

@media screen and (min-width: 960px) {
  body .site,
  body.custom-background-empty .site,
  body.custom-background-white .site {
                padding: 0 40px;
                padding: 0 2.857142857rem;
                margin-top: 0;
                margin-bottom: 0;
                box-shadow: 0 0px 0px;
        }
        .site-content {
                float: left;
                /* allow 250px for widget-area, 85px gutter, this is what's left of 1200px */
                width: 72.0833333%;
        }
        .widget-area {
                float: right;
                /* 250px at 1200px */
                width: 20.833333%;
        }
}

@media screen and (min-width: 1100px) {
  body .site,
  body.custom-background-empty .site,
  body.custom-background-white .site {
    padding: 20px 60px 0 60px;
    padding: 1.428571429rem 4.2857143rem 0 4.2857143rem;
  }
}

/* over 1320, ie max-width of 1200px plus 60px padding left and right */
@media screen and (min-width: 1320px) {
  body .site {
          padding: 20px 60px 0 60px;
          padding: 1.428571429rem 4.2857143rem 0 4.2857143rem;
          margin-top: 48px;
          margin-top: 3.428571429rem;
          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-top: 20px;
          margin-top: 0;
          margin-bottom: 0;
          box-shadow: none;
  }
}

@media print {

  .navjumplink {
    display: none;
    margin: 0;
  }
  
  #searchformdiv {
    display: none;
  }
  
  .site-header {
    margin-bottom: 24px;
    margin-bottom: 1.7142857143rem;
    text-align: left;
  }
  
  .site-header div.site-description  {     
    color: #000;
    font-size: 10pt;
    text-align: left;
  }
  
  .toc {
    display: block;
    width: 4cm;
  }
  
  .entry-content .toc li {
    font-size: 8pt;
  }
  
  .toc h2 {
    margin-bottom: 12pt;
  }
  
  .sort-direction {
    display: none;
  }
  
  article.post {
    page-break-after: always;
  }
    
}