@import url(//fonts.googleapis.com/css?family=Alegreya:400italic,700italic,400,700&subset=latin,latin-ext);

body
{
	margin:0;
	padding:0;
	background-color:#c47220;
	background-image:url('/style/orange.jpg');
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	font-family:'alegreya', "Times New Roman", Times, serif;
	font-size:18px;
	-webkit-font-variant-ligatures:common-ligatures;
	-moz-font-variant-ligatures:common-ligatures;
	-ms-font-variant-ligatures:common-ligatures;
	font-variant-ligatures:common-ligatures;
	line-height:24px;
	overflow:auto;
}

p
{
	text-align:justify;
	margin:12px 0 12px 0;
	padding:0;
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}
p.unjustified
{
	text-align:left;
}
p.hyphenated
{
	word-wrap:break-word;
	overflow-wrap:break-word;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}

i
{
	font-style:italic;
}

b
{
	font-weight:bold;
}

sup
{
	font-size:85%;
	vertical-align:super;
}

a
{
	text-decoration:underline;
	color:#a13223;
}
a[href*="wikipedia"]
{
	text-decoration:none;
	color:#a13223;
}
a[href*="wikipedia"]:visited
{
	color:#a13223;
}
a:hover,a i:hover
{
	background-color:yellow;
}

a.img,a.img:hover
{
	text-decoration:none;
	background:none;
}
a:hover img
{
	transition:transform 0.25s;
	transform:scale(1.05,1.05);
	background-color:white;
}
a:hover div.social
{
	transition:transform 0.25s;
	transform:scale(1.15,1.15);
	background-color:white;
}

ul
{
	padding-left:30px;
}

h1,h2,h3,h4,h5
{
	text-align:left;
	margin:10px 0 10px;
	padding:0;
}

h1
{
	font-size:275%;
	line-height:100%;
	font-weight:bold;
	letter-spacing:-1px;
}

h2
{
	font-size:200%;
	line-height:100%;
	font-weight:bold;
	letter-spacing:-1px;
}

h3
{
	font-size:200%;
	line-height:100%;
	font-weight:bold;
	font-style:italic;
}

h4
{
	margin:30px 0 10px;
	font-size:150%;
	line-height:100%;
	font-weight:bold;
}

h5
{
	margin:30px 0 0;
	font-size:125%;
	line-height:100%;
	font-weight:bold;
}

h1 a,h2 a,h3 a,h4 a,h5 a
{
	text-decoration:none;
}

.left
{
	text-align:left;
}

.right
{
	text-align:right;
}

.clear
{
	clear:both;
}

img
{
	box-sizing:border-box;
	margin:0;
	padding:0;
	max-width:100%;
	border:1px solid #c47220;
	box-shadow:2px 2px 5px #c47220;
	background:#fff;
}

.center
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.small
{
	font-size:75%;
}

.page
{
	box-sizing:border-box;
	margin:0 auto;
	padding:20px;
	width:850px;
	max-width:100%;
	min-height:100vh;
	background-color:#FFF;
	border-left:3px solid #c47220;
	border-right:3px solid #c47220;
}

.divider
{
	width:90%;
	margin:25px auto 20px;
	line-height:1px;
	background:#c47220;
	background:-moz-linear-gradient(left, #ffffff 0%, #c47220 50%, #ffffff 100%);
	background:-webkit-linear-gradient(left, #ffffff 0%,#c47220 50%,#ffffff 100%);
	background:linear-gradient(to right, #ffffff 0%,#c47220 50%,#ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}

div.capimg
{
	width:40%;
	min-width:240px;
}
div.capimg.large
{
	width:50%;
	min-width:300px;
}
div.capimg.medium
{
	width:30%;
	min-width:180px;
}
div.capimg.small
{
	width:20%;
	min-width:120px;
}
div.capimg.tiny
{
	width:10%;
	min-width:60px;
}

div.capimg.left
{
	float:left;
	margin:1px 15px 1px 0;
}

div.capimg.right
{
	float:right;
	margin:1px 0 1px 15px;
}

div.capimg img
{
	width:100%;
}

div.capimg div.caption
{
	margin:0;
	margin-bottom:8px;
	text-align:center;
	font-style:italic;
	font-size:12pt;
	line-height:100%;
	color:#666;
}

.loading
{
	display:none;
	font-weight:bold;
	font-size:150%;
	width:240px;
	text-align:center;
	margin:10px auto;
}
img.spinner
{
	display:none;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-64px;
	margin-top:-64px;
}

.lefthalf,.righthalf
{
	vertical-align:top;
	box-sizing:border-box;
	display:inline-block;
	margin:0;
	padding:1% 0;
	width:49.5%;
}
.lefthalf
{
	padding-right:1%;
}
.righthalf
{
	padding-left:1%;
}

.social
{
	display:inline-block;
    width:48px;
	height:48px;
	margin:4px 4px 0;
}
.fbicon
{
	background:#ffffff url('facebook.png') no-repeat center center;
	background-size:100%;
}
.instagramicon
{
	background:#ffffff url('instagram.png') no-repeat center center;
	background-size:100%;
}
.githubicon
{
	background:#ffffff url('github.png') no-repeat center center;
	background-size:100%;
}
.imdbicon
{
	background:#ffffff url('imdb.png') no-repeat center center;
	background-size:100%;
}
.linkedinicon
{
	background:#ffffff url('linkedin.png') no-repeat center center;
	background-size:100%;
}
.mailicon
{
	background:#ffffff url('mail.png') no-repeat center center;
	background-size:100%;
}
.twittericon
{
	background:#ffffff url('twitter.png') no-repeat center center;
	background-size:100%;
}
.wikiicon
{
	background:#ffffff url('wikipedia.png') no-repeat center center;
	background-size:100%;
}
.youtubeicon
{
	background:#ffffff url('youtube.png') no-repeat center center;
	background-size:100%;
}
.mastodonicon
{
	background:#ffffff url('mastodon.png') no-repeat center center;
	background-size:100%;
}
.redditicon
{
	background:#ffffff url('reddit.png') no-repeat center center;
	background-size:100%;
}

.wideonly { }
.narrowonly { display:none; }

@media all and (min-height:1450px)
{
	body
	{
		background-size:auto 110%;
	}
}

@media all and (max-width:850px)
{
	body
	{
		background-color:#FFF;
		background-image:none;
	}
	img.img-only
	{
		width:24px;
		height:24px;
		display:block;
	}

	.page
	{
		position:inherit;
		margin-top:0;
		margin-left:auto;
		margin-right:auto;
		padding:5px;
		width:100%;
		max-width:850px;
		min-height:100vh;
		border:none;
	}
}


@media all and (max-width:600px)
{
	div.capimg.large
	{
		float:none;
		width:100%;
		margin:5px auto;
		max-width:425px;
	}
}

@media all and (max-width:480px)
{
	h1
	{
		font-size:225%;
		line-height:100%;
	}

	h2
	{
		font-size:175%;
		line-height:100%;
	}

	h3
	{
		font-size:150%;
		line-height:100%;
	}

	h4
	{
		font-size:125%;
		line-height:100%;
	}

	h4
	{
		font-size:115%;
		line-height:100%;
	}

	.social
	{
		width:32px;
		height:32px;
		margin:4px 4px 0;
	}

	.lefthalf,.righthalf
	{
		display:block;
		width:100%;
		padding:0;
	}

	div.capimg,div.capimg.large
	{
		float:none;
		width:100%;
		margin:5px auto;
	}

	div.capimg.medium
	{
		float:none;
		width:75%;
		margin:5px auto;
	}

	.wideonly
	{
		display:none;
	}
	.narrowonly
	{
		display:inherit;
	}
}