/* custom.css */

code {
    color: black;
}

/* When highlighted code blocks are too wide, they wrap. Resulting in the */
/* line numbers column's rows not lining up with the code rows. Prevent */
/* wrapping. */
pre {
    white-space: pre;
    width: inherit;
}


/* via  view-source:http://bootswatch.com/yeti/bootstrap.css */

@import url("https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700");


@font-face {
  font-family: 'Lato';
  src: url('/type/Lato-Regular.eot'); /* IE9 Compat Modes */
  src: url('/type/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/type/Lato-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/type/Lato-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('/type/Lato-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/type/Lato-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Lato-italic';
  src: url('/type/Lato-LightItalic.eot'); /* IE9 Compat Modes */
  src: url('/type/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/type/Lato-LightItalic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/type/Lato-LightItalic.woff') format('woff'), /* Pretty Modern Browsers */
       url('/type/Lato-LightItalic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/type/Lato-LightItalic.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/* boxes within boxes... 

possible pallette

cyan hilights  #00f6ff
light grey     #00f6ff; 

*/


.vcentre {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

img {
    width:100%;
}

a {
    color: #1f1f1f;
    background-color: #00f6ff;
}

a:hover {
    color: #fff;
    background-color: #ddd;
    text-decoration: none;				     
}

/*  surface appearances */

body {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.4;
  color: #fff;
  background-color: #ffffff;
  background: url("/img/background0.jpg") no-repeat top center fixed;
}

.page-header h1 {
    font-size: 4em;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Lato-italic", Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 1.1;
    padding-top: 30px;
    color: inherit;
}

.quote {
    font-family: "Lato-italic", Helvetica, Arial, sans-serif;
    font-size: 38px;
    line-height: 1.1;
    padding-left: 40px
}

/* pagination 
   - https://github.com/angular-ui/bootstrap/pull/3565
   - [...]
*/

.pagination {
	display:inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 2px;
	force-ellipses: true;
	rotate: true;
}


/* post titles as links */

h2 > a {
    color: #222;
    background-color: transparent;
}
h2 > a:hover  {
    font-family: "Lato-italic", Helvetica, Arial, sans-serif;
    color: #bbb;
    background-color: #ddd;
    text-decoration: none;
}

/*
article > header {
    background-color: #77b;
    margin-left: 0;
}
*/


/* tags */

span.tags > a {
    color: #ccc;
    background-color: transparent;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 5px;
    padding-left: 5px;
}

span.tags > a:hover {
    color: #00f6ff;
    background-color: #eee;
    text-decoration: none;
}

h1 > em {
    /* background-color: #1e06ff; 
    color: #0ff; */
    font-weight: 900;
    font-style: normal;
    padding-left: 10px;
}

/* navbar */

.navbar {
    background: transparent;
    border: 0;
}

.navbar-default .navbar-nav > li > a {
    color: #aaa;
    background-color: #fff; 
}

.navbar-default .navbar-nav > li > a:hover {
    color: #333;
    background-color: #ddd;
}


.navbar-default .navbar-brand:hover {
    color: #33a2a2;
    background-color: #00f6ff;
}

.navbar-default .navbar-brand {
    color: #111;
    background-color: #fff;
}