body {
  max-width: 680px;
  /*color: #595959;*/
  margin: auto;
  padding: 1em;
  font-size: 1.1em;
}

p {
  line-height: 1.6em;
}

li {
  margin: 15px;
  line-height: 1.6em;
}

/* header and footer areas */
.menu li { 
  display: inline-block; 
}
.article-meta, .menu a {
  text-decoration: none;
  color: none;
}
.terms { font-size: .9em; }
.menu, .article-meta, footer { text-align: center; }

.title-date {
  color:#268bd2; 
}

.title { 
  font-size: 1.1em; 
  text-align: left;
  color:#ffa500; 
}

.reading-time {
  color:#ffa500; 
}

footer a { text-decoration: none; }
hr {
  border-style: dashed;
  color: #268bd2;
}

/* code */
pre {
 font-family:"Source Code Pro",monospace;
 background-color:#f8f8f8!important;
 font-size:14px
}
pre {
 padding:10px;
 line-height:1.5em;
 margin-bottom:1em;
 word-wrap:normal;
 word-break:normal;
 border-radius:3px;
 border:1px solid #e4e4e4;
}
pre code {
 font-size:.9rem;
 display:inline;
 padding:0;
 margin:0;
 background-color:inherit;
 border-radius: 5px;
 border:none
 overflow-x: auto;
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */

}
code {
 font-size:1em;
 color:#606060;
 display:inline-block;
 margin:1px 5px;
 padding:1px 4px;
 background-color:#f8f8f8;
 border-radius:3px;
 border:0px solid #e4e4e4
}

/*
code {
  background: none; 
}
pre code { 
  background: none; 
  
}
*/


/* misc elements */
img, iframe, video { max-width: 100%; }
main { hyphens: auto; }
blockquote {
  font-style: italic;
  border-left: 5px solid #ffa500;
  padding: 3px 1em 3px;
}

table {
  margin: auto;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}
table thead th { border-bottom: 1px solid #ddd; }
th, td { padding: 5px; }
tr:nth-child(even) { background: #eee }

/* link colours */

a:link {
  color: #268bd2; /*#1d49a0;*/
  text-decoration: none;
}

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

a:visited {
  color: #ffa500;
}

.threed:hover {
        box-shadow:
                1px 1px #53a7ea,
                2px 2px #53a7ea,
                3px 3px #53a7ea;
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
}