/*
	Georgia

	Demo css to show basic, blog-like styling

	Visit http://www.ulyssesapp.com/styles for full reference

*/

@media (min-width: 1200px) {
    #nav {
        margin-top: 0;
        position: fixed;
        left: 0;
        top: 0;
        padding-left: 3em;
        padding-bottom: 2em;
    }
}

#nav {
    width: 250px;
    background-color: #eee;
    font-size: 90%;
}

#nav p {
    text-align: left;
    font-weight: bold;
}
.more {
    font-size: 90%;
    width: 70%;
    padding: 5px;
    font-style: italic;
}

#content {
    padding:1em 2em 5em;

    bottom: 0px;
    max-width:40em;
}

code {
    text-align: center;
    display: block;
}

body {
  text-align:center; 
  color:#000; 
  font-family:georgia, serif; 
  font-size:120%; 
  line-height:1.6;
  margin:0; 

  background:rgb(253, 253, 253);
  margin:auto;
  max-width:40em;
  color:rgb(10, 10, 10);
  } 

a {outline:none !important; font-weight:bold; text-decoration:none;}
a:link {color:#c00;}
a:visited {color:#606;}
a:hover {color:#606;}
a:active {color:#900; outline:none;}

h1 {
  font-size:300%;
  line-height:1.2;
  font-style:normal;
  margin:1.5em 0 1em;
}

h2 {
  font-weight:bold;
  font-size:200%;
  line-height: 140%;
  margin:1.5em 0 0.75em;
}

h3 {
  font-weight:normal;
  font-size:150%;
  letter-spacing:0.1em;
  margin:1.5em 0 0.75em;
}

h4 {
  font-weight:normal;
  font-size:150%;
  letter-spacing:0.1em;
  margin:1.5em 0 0.75em;
}

h5 {
  font-weight:normal;
  font-style:italic;
  font-size:150%;
  margin:1.5em 0 0.75em;
}

h6 {
  font-weight:bold;
  font-size:100%;
  letter-spacing:0.1em;
  margin:1.5em 0 0.75em;
}

p {
  font-size:100%;
  margin:1em 0 0;
}

/*
h1 + p {
  font-size:150%;
  margin:1em 0;
}
*/


p + p {
  margin:0;
  text-indent:1.5em;
}

h1 + p {
  text-indent:0;
}

p + ul, p + ol, p + dl {margin-bottom:1.5em;}

img { max-width: 100%; }

figure {margin: 2em 0 1.5em 0; width: 100%; text-align: center;}
figure img {border: 1px solid #ccc;}
figcaption {font-size: 66%;padding: 1em; padding-top: 0.5em;color: #aaa;}

blockquote {border-left:5px solid #eee; padding-left:1.5em; margin:1em 0;}
blockquote p {text-indent: 0 !important;font-style: italic;}
blockquote small {display:block; line-height:1.7em;}

ul, ol, dl {
  text-align:left;
  }

ul, ol {
  padding-left: 1.2em;
}

ul li, ol li {
	padding-left: 0.3em;
    margin-top: 0.6em;
}

li p {margin-top: 0px; text-indent: 0em;}
li {margin-bottom: 0.6em;}

code {font-family: Menlo, monospace; font-size:80%;}
p > code {padding:0.2em 0.4em; background:#eee;}
pre {text-align:left; overflow-x: scroll; background: #eee; padding: 10pt 20pt; border-radius: 5pt;}

hr {border: none; margin:1.5em 0 1.5em;font-size:200%;color: #ddd; height: 1em;}
hr:after {content: "❧"}

h1 + hr {margin:-0.5em 0 1.5em; font-size: 400%;}

ol#footnotes { margin-top: 4.5em;border-top: 1px solid #eee; padding-top: 1em; font-size: 80%;padding-left: 1.5em;}

ol#footnotes p {text-indent: 0px;}

figure + p {
	text-indent: 0em !important;
}

@keyframes highfade {
    0% {
		background-color: none;
    }
    20% {
		background-color: yellow;
	}
    100% {
		background-color: none;
    }
}

@-webkit-keyframes highfade {
    0% {
		background-color: none;
    }
    20% {
		background-color: yellow;
	}
    100% {
		background-color: none;
    }
}

a:target, ol#footnotes li:target, sup a:target  {
    animation-name: highfade;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: highfade;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
}