@font-face {
font-family: 'Alegreya';
src: url("/Dinamico/Themes/Harriyott.Blog/Content/'Fonts/Alegreya-Regular-webfont.eot'");
src: url("/Dinamico/Themes/Harriyott.Blog/Content/'Fonts/Alegreya-Regular-webfont.eot#iefix'") format('embedded-opentype'), url("/Dinamico/Themes/Harriyott.Blog/Content/Fonts/Alegreya-Regular-webfont.woff") format('woff'), url("/Dinamico/Themes/Harriyott.Blog/Content/'Fonts/Alegreya-Regular-webfont.ttf'") format('truetype'), url("/Dinamico/Themes/Harriyott.Blog/Content/'Fonts/Alegreya-Regular-webfont.svg#AlegreyaRegular'") format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'AlegreyaItalic';
src: url("/Dinamico/Themes/Harriyott.Blog/Content/'Fonts/Alegreya-Italic-webfont.eot'");
src: url("/Dinamico/Themes/Harriyott.Blog/Content/'Fonts/Alegreya-Italic-webfont.eot#iefix'") format('embedded-opentype'), url("/Dinamico/Themes/Harriyott.Blog/Content/Fonts/Alegreya-Italic-webfont.woff") format('woff'), url("/Dinamico/Themes/Harriyott.Blog/Content/'Fonts/Alegreya-Italic-webfont.ttf'") format('truetype'), url("/Dinamico/Themes/Harriyott.Blog/Content/'Fonts/Alegreya-Italic-webfont.svg#AlegreyaItalic'") format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'AlegreyaBold';
src: url("/Dinamico/Themes/Harriyott.Blog/Content/'Fonts/Alegreya-Bold-webfont.eot'");
src: url("/Dinamico/Themes/Harriyott.Blog/Content/'Fonts/Alegreya-Bold-webfont.eot#iefix'") format('embedded-opentype'), url("/Dinamico/Themes/Harriyott.Blog/Content/Fonts/Alegreya-Bold-webfont.woff") format('woff'), url("/Dinamico/Themes/Harriyott.Blog/Content/'Fonts/Alegreya-Bold-webfont.ttf'") format('truetype'), url("/Dinamico/Themes/Harriyott.Blog/Content/'Fonts/Alegreya-Bold-webfont.svg#AlegreyaBold'") format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'AlegreyaBoldItalic';
src: url("/Dinamico/Themes/Harriyott.Blog/Content/'Fonts/Alegreya-BoldItalic-webfont.eot'");
src: url("/Dinamico/Themes/Harriyott.Blog/Content/'Fonts/Alegreya-BoldItalic-webfont.eot#iefix'") format('embedded-opentype'), url("/Dinamico/Themes/Harriyott.Blog/Content/Fonts/Alegreya-BoldItalic-webfont.woff") format('woff'), url("/Dinamico/Themes/Harriyott.Blog/Content/'Fonts/Alegreya-BoldItalic-webfont.ttf'") format('truetype'), url("/Dinamico/Themes/Harriyott.Blog/Content/'Fonts/Alegreya-BoldItalic-webfont.svg#AlegreyaBoldItalic'") format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'JosefinSlab';
src: url("/Dinamico/Themes/Harriyott.Blog/Content/'Fonts/JosefinSlab-Regular-webfont.eot'");
src: url("/Dinamico/Themes/Harriyott.Blog/Content/'Fonts/JosefinSlab-Regular-webfont.eot#iefix'") format('embedded-opentype'), url("/Dinamico/Themes/Harriyott.Blog/Content/Fonts/JosefinSlab-Regular-webfont.woff") format('woff'), url("/Dinamico/Themes/Harriyott.Blog/Content/'Fonts/JosefinSlab-Regular-webfont.ttf'") format('truetype'), url("/Dinamico/Themes/Harriyott.Blog/Content/'Fonts/JosefinSlab-Regular-webfont.svg#JosefinSlabRegular'") format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Josefin';
src: url("/Dinamico/Themes/Harriyott.Blog/Content/'Fonts/JosefinSansStd-Light-webfont.eot'");
src: url("/Dinamico/Themes/Harriyott.Blog/Content/'Fonts/JosefinSansStd-Light-webfont.eot#iefix'") format('embedded-opentype'), url("/Dinamico/Themes/Harriyott.Blog/Content/Fonts/JosefinSansStd-Light-webfont.woff") format('woff'), url("/Dinamico/Themes/Harriyott.Blog/Content/Fonts/JosefinSansStd-Light-webfont.ttf") format('truetype'), url("/Dinamico/Themes/Harriyott.Blog/Content/'Fonts/JosefinSansStd-Light-webfont.svg#JosefinSansStdLight'") format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Nymphette';
src: url("/Dinamico/Themes/Harriyott.Blog/Content/Fonts/Nymphette-webfont.eot");
src: url("/Dinamico/Themes/Harriyott.Blog/Content/Fonts/Nymphette-webfont.eot#iefix") format('embedded-opentype'), url("/Dinamico/Themes/Harriyott.Blog/Content/Fonts/Nymphette-webfont.woff") format('woff'), url("/Dinamico/Themes/Harriyott.Blog/Content/Fonts/Nymphette-webfont.ttf") format('truetype'), url("/Dinamico/Themes/Harriyott.Blog/Content/Fonts/Nymphette-webfont.svg#NymphetteRegular") format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'FontAwesome';
src: url("/Dinamico/Themes/Harriyott.Blog/Content/Fonts/fontawesome-webfont.eot?v=3.0.1");
src: url("/Dinamico/Themes/Harriyott.Blog/Content/Fonts/fontawesome-webfont.eot#iefix&v=3.0.1") format('embedded-opentype'), url("/Dinamico/Themes/Harriyott.Blog/Content/Fonts/fontawesome-webfont.woff?v=3.0.1") format('woff'), url("/Dinamico/Themes/Harriyott.Blog/Content/Fonts/fontawesome-webfont.ttf?v=3.0.1") format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}

* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* Font Awesome */

[class^="icon-"]:before,
[class*=" icon-"]:before,
[class^="icon-"]:after,
[class*=" icon-"]:after {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
text-decoration: inherit;
display: inline-block;
speak: none;
font-size: 0.7em;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
padding-right: 0.5em;
}

[class^="icon-"]:after,
[class*=" icon-"]:after {
padding-left: 0.5em;
}

.icon-chevron-left:before {
content: "\f053";
}

.icon-chevron-right:after {
content: "\f054";
}


/* Body and structure
-------------------------------------------------- */
body {
font-family: 'Alegreya', Baskerville, Times New Roman, serif;
background: #333;
color: #444;
margin: 0;
font-size: 1.2em;
}

.clearfix {
*zoom: 1;
}

.clearfix:before,
.clearfix:after {
display: table;
content: "";
}

.clearfix:after {
clear: both;
}

#all-content {
background: url("/Dinamico/Themes/Harriyott.Blog/img/floral.png") repeat fixed 0 0 #111111;
}

a, a:visited, a:active {
text-decoration: none;
color: #4E5E31;
}

a:hover {
text-decoration: underline;
color: #4E5E31;
}

a.plain {
color: #444;
}

header {
background: #85A154;
padding: 0.5em;
font-weight: normal;
}

header h4 {
font-size: 2em;
font-weight: normal;
margin: 0.25em 0 0;
}


header nav li {
display: inline-block;
width: auto;
padding: 0.25em 1em 0 0;
}

header nav li:last-child {
padding: 0;
}

header nav li a {
width: 100%;
text-align: left;
}

ul.plain {
list-style-type: none;
padding-left: 0;
}

header nav {
text-align: right;
}

header nav a {
font-size: 1.2em;
}

header nav a,
header nav a:hover,
header nav a:visited,
header nav a:active {
color: black;
}

.header-contrast {
color: black;
}

h1, h2, h3, a.heading, nav a {
font-family: 'Josefin';
font-weight: normal;
letter-spacing: -0.06em;
}

h1 {
font-size: 2.0em;
margin-bottom: 0.75em;
margin-top: 0.5em;
line-height: 1.1em;
}



.container {
background: white;
padding: 0.5em 0.5em 1.5em 0.5em;
margin-top: 1em;
}

footer {
padding: 2em 0.5em;
color: #aaa;
background: #333;
text-align: center;
margin-top: 1em;
}

footer nav {
margin-top: 3em;
}

.footer-link, .footer-link:visited, .footer-link:active {
color: #ddd;
padding: 0.5em 0.25em;
display: inline-block;
min-height: 48px;
}

p, .entry-content {
font-size: 1em;
line-height: 1.25em;
}

.list {
background: white;
}

.entry-content ol {
padding: 1em 0 1em 1em;
}

.updated {
text-align: right;
display: block;
margin-top: 1em;
color: #999;
margin-bottom: 2em;
}

a.heading {
display: block;
padding: 0.25em 0;
margin: 0.5em 0;
}

.blog-index-post {
margin-bottom: 2em;
padding-bottom: 2em;
}

.blog-index-post:after {
content: "yz";
display: block;
font-family: 'Nymphette';
font-size: 3em;
margin-bottom: 1em;
margin-top: 1em;
text-align: center;
}

.sidebar {
margin-top: 2em;
background-color: #a8a7a7;
padding: 1em;
overflow: hidden;
color: black;
}

.sidebar h3 {
padding: 0;
margin-top: 0;
font-size: 1.5em;
margin-bottom: 1em;
}

.sidebar a {
color: #FFFFFF;
}

.sidebar .contact {
line-height: 2em;
margin-top: 1em;
}

.reference {
font-family: 'AlegreyaItalic';
margin-bottom: 1em;
font-size: 0.8em;
color: black;
}

.reference .org {
font-family: 'AlegreyaBoldItalic';
}

.reference blockquote {
padding: 0.5em 1em;
font-family: 'Alegreya';
margin: 0;
font-size: 1.2em;
}

blockquote p {
margin: 0;
}

blockquote p:after {
content: close-quote;
font-weight: bold;
}

blockquote p:before {
content: open-quote;
font-weight: bold;
letter-spacing: 0.15em;
}

#tla {
margin: 1em auto;
text-align: center;
font-size: 0.8em;
color: #444;
}

#tla:after, #tla:before {
font-family: 'Nymphette';
content: "y z";
display: block;
}

#tla span {
border-bottom: 1px solid #ddd;
}

#tla ul {
list-style: none;
margin: 0;
padding: 0;
}

#tla a {
display: block;
color: #444;
}

.previous-next-post {
width: 100%;
}

.previous-next-post [class^="icon-"]:before,
.previous-next-post [class*=" icon-"]:before,
.previous-next-post [class^="icon-"]:after,
.previous-next-post [class*=" icon-"]:after {
color: #839e53;
}

.previous-next-post {
display: table;
width: 100%;
}

.previous-next-post span {
display: table-cell;
}

.previous-post {
width: auto;
}

.next-post {
text-align: right;
width: 100%;
margin-top: 1em;
display: table;
}

.next-post span {
display: table-cell;
}

/*.previous-post {
display: inline-block;
width: 90%;
}

.next-post {
padding: 1em 0 0 1em;
display: inline-block;
width: 90%;
}*/

/* Disqus */
#disqus_thread {
margin-top: 2em;
padding-top: 2em;
border-top: solid 1px #999;
}
/* End of Disqus */

/* gists */
.gist{
font-size: 0.8em;
line-height: 1.2em;
}
/* Responsive Docs
-------------------------------------------------- */
@media (max-width: 480px) {
.gist .gist-file .gist-data .line-numbers {
display: none;
}
}

@media (min-width: 480px) {
.container {
padding-left: 1em;
padding-right: 1em;
}

/*.previous-next-post {
display: table;
width: 100%;
}

.previous-next-post span {
display: table-cell;
}

.previous-post {
display: table-cell;
width: auto;
}

.next-post {
display: table-cell;
text-align: right;
width: auto;
padding-left: 1em;
}*/
}

.gist-meta > a:nth-child(2) {
display: none;
}

@media (min-width: 768px) {
body {
font-size: 1.4em;
background: url("/Dinamico/Themes/Harriyott.Blog/img/floral.png") repeat fixed 0 0 #111111;
}

.container, footer {
margin-top: 0;
}

#all-content {
width: 95%;
max-width: 55em;
background-image: none;
margin: 0 auto 6em;
background-color: #fff;
border: solid 1px #111;
overflow: hidden;
}

h1 {
font-size: 2.4em;
}


.left-column {
float: left;
width: 60%;
}

.sidebar {
background-color: #ddd;
float: right;
padding: 1em;
width: 35%;
color: #444;
font-size: 0.8em;
border: 0.2em solid #839E53;
overflow: hidden;
}

.reference {
color: #444;
}
}


@media (min-width: 980px) {
body {
font-size: 1.6em;
}

#all-content {
width: 85%;
}
}


/* LARGE DESKTOP SCREENS */
@media (min-width: 1210px) {
/* Body and structure
-------------------------------------------------- */
body {
background: url("/Dinamico/Themes/Harriyott.Blog/img/floral.png") repeat fixed 0 0 #111111;
}

.container {
background-color: white;
padding-left: 3em;
padding-right: 3em;
}

#all-content {
width: 80%;
}

header {
padding-left: 1.5em;
}
}
.line-number {
display: block;
padding-right: 1em;
}
