/* 	++++++++++++++++++++++++
	FONT
	++++++++++++++++++++++++ */

	@font-face {
		font-family: "Lavanderia";
		src: url('https://jimwhimpey.github.io/valhalla-island-styles/lavanderia-sturdy.otf');
	}


/* 	++++++++++++++++++++++++
	BODY, WRAPPINGS, ANCHORS, anything sitewide
	++++++++++++++++++++++++ */

	html {
		font-size: 13px;
		}

		body {
			font-family: Menlo, Monaco, Consolas, Courier, monospace;
			font-size: 1.2em;
			line-height: 1.8em;
			color: #8DA1BD;
			background: #141721;
			padding: 5%;
			width: 90%;
			max-width: 50em;
			}

			a { color: #AEF23C; text-decoration: none; }

				a:hover { color: #FBD329; }

/* 	++++++++++++++++++++++++
	HEADER
	++++++++++++++++++++++++ */

	#header {
		margin: 0 0 7em 0;
		}

		#header h1 {
			font-family: "Lavanderia";
			font-size: 90px;
			font-weight: normal;
			margin: 50px 0 60px 0;
			}

			#header h1 a {
				color: #FF84C7;
				}

				#header h1 a:hover { color: #FBD329; }

		#description {
			color: #D34C75;
			margin: 0 0 7em 0;
			}

			#description a {
				color: #FF84C7;
				}

				#description a:hover {
					color: #fff;
					}

/* 	++++++++++++++++++++++++
	CONTENT
	++++++++++++++++++++++++ */

	.post { margin: 0 0 7em 0; }

		.post p,
		.post h2 { margin: 0 0 0.8em 0; }

		.post h2 {
			font-size: 26px;
			line-height: 1.4;
		}

		.permalink a {
			padding: 0;
			color: #597C1D;
			}

			.permalink a:hover { color: #FBD329; }

/* 	++++++++++++++++++++++++
	QUOTE
	++++++++++++++++++++++++ */

	.quote h2 {
		font-size: 26px;
		line-height: 1.5;
		color: #4c6788;;
		font-style: italic;
		margin: 0 0 10px 0;
		}

/* 	++++++++++++++++++++++++
	PHOTO
	++++++++++++++++++++++++ */

	.photo img, .photo a img, .video object {
		border: 2px solid black;
		width: 100%;
		margin: 0 0 1.2em 0;
	}

	.photo>a:first-child {
		display: block;
	}


/* 	++++++++++++++++++++++++
	PHOTOSET
	++++++++++++++++++++++++ */

	.html_photoset {
		margin: 0 0 1.2em 0;
	}

/* 	++++++++++++++++++++++++
	CONVERSATION
	++++++++++++++++++++++++ */

	#content .conversation {
		line-height: 2em;
		}

		.member1 {
			color: #8DA1BD;
			}

			.label { color: #999; }

			.member1 .label { color: #FFF; }


/* 	++++++++++++++++++++++++
	TEXT
	++++++++++++++++++++++++ */

	.text h2, .conversation h2 {
		color: #fff;
		margin: 0 0 0.8em 0;
		font-size: 26px;
		line-height: 1.5;
		font-weight: bold;
		}

	blockquote {
		margin: 0 0 1.2em 1.5em;
		padding: 0 0 0 1.5em;
		border-left: 1px solid #304156;
		font-style: italic;
		color: #4e698b;
		}

	ul {
		list-style-type: square;
		margin: 0 0 1.2em 2.5em;
		}

	ol {
		list-style-type: decimal;
		margin: 0 0 1.2em 2.5em;
		}

	strong, b { color: white; }

	em, i { color: white; font-style: italic; }


/* 	++++++++++++++++++++++++
	NAVIGATION
	++++++++++++++++++++++++ */

	#navigation {
		height: 1.5em;
		margin: 0 0 7em 0;
		}

/* 	++++++++++++++++++++++++
	FOOTER
	++++++++++++++++++++++++ */

	#footer { margin: 0 0 7em 0; }

		#searchform { margin: 0 0 2em 0; }

			#searchform input {
				font-family: Menlo, Monaco, Consolas, Courier, monospace;
				border: 1px solid rgba(255,255,255,0.3);
				background: rgba(255,255,255,0.1);
				border-radius: 2px;
				font-size: 14px;
				padding: 5px 10px;
				color: rgba(255,255,255,0.5);
				width: 300px;
			}

			#searchform input:focus { border: 1px solid rgba(255,255,255,1); }

		#footer a { color: #597C1D; }

			#footer a:hover { color: #FBD329; }


/* 	++++++++++++++++++++++++
	MOBILE MODS
	++++++++++++++++++++++++ */

	@media only screen and (max-device-width: 480px) {

		body {
			max-width: 100%;
		}

		#header {
			padding: 2em 0;
			margin-bottom: 4em;
		}

		#header h1 {
			font-size: 100px;
		}

		#description {
			font-size: 14px;
			line-height: 1.8;
			margin-bottom: 1em;
		}

		.post {
			margin-bottom: 9em;
		}

		.post p {
			font-size: 14px;
			line-height: 1.8;
		}

	}