@charset "utf-8";

@font-face {
	font-family: 'LatoWeb';
	src: url("Lato-Regular.8ab18d934cfa.eot"); /* IE9 Compat Modes */
	src: url("Lato-Regular.8ab18d934cfa.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
		 url("Lato-Regular.bd03a2cc277b.woff2") format('woff2'), /* Modern Browsers */
		 url("Lato-Regular.27bd77b9162d.woff") format('woff'), /* Modern Browsers */
		 url("Lato-Regular.6d4e78225df0.ttf") format('truetype');
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

body {
	background-image: url('https://d1s95gn4qfrl0p.cloudfront.net/pattern 1.png');
	background-size: 500px 500px;
	background-repeat: repeat;
	font-family: "LatoWeb";
	font-style:normal;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
a {
  color: #252;
}

h1 {
	font-size:2em;
}

#page-menu {
    text-align:right;
    margin-top:60px;
	padding-top:20px;
}

#page-navigation {
    text-align:right;
    margin-bottom:50px;
}

#settings-form-elements {
	float:left;
	width:50%;
}

#settings-endpaper {
	float:left;
	width:50%;
}

#background-preview {
	background-image: url('https://d1s95gn4qfrl0p.cloudfront.net/pattern 6.png');
	background-size:500px 500px;
	width:100px;
	height:100px;
}

#background-preview-controls {
	text-align:center;
	width:100px;
}


#index-intro {
    max-width:550px;
    float:left;
    margin-right:20px;
}

#index-stats {
    float:left;
    border:1px solid grey;
    padding:0px 5px 20px 5px;
}


.journal-page {
	background-color:#fff;
	height:100vh;
	max-width:600px;
	min-height:1000px;
	margin:auto;
	font-size: 1em;
	padding: 0px 60px 0px 60px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #aaa;
	border-radius: 25px;
}

.site-page {
	padding:40px;
	background-color:#fff;
	height: 100vh;
	margin-top:80px;
	font-size: 1em;
}

.invalid-entry-date {
}

.entry-row {
    margin-bottom:60px;
    border-bottom: solid 2px #aee2fc;
    min-height:40px;
}

.entry-row-current-year {
    min-height:90px;
}

.entry-year {
	padding:3px;
	margin-right:7px;
	border-radius: 10px;
	vertical-align:center;
}

.entry-form {
    display:none;
}

.entry-body {
    font-size:1em;
    line-height:1.5em;
    width:90%;
}

.entry-box {
	width:90%;
	font-size:1em;
}

.edit-me {
	margin-left:20px;
	color:#c6c6c6;
}

.normal-year {
	background-color:#ababab;
	color:#fff;
	border:1px solid #aaa;
}

.halloween-year {
	background-color:orange;
	color:black;
	border:1px solid orange;
}

.christmas-year {
    background-color:#ababab;
    color:#fff;
    border:1px solid #aaa;
}