/*
Theme Name: Warped Texture 2016
Description: CSS styling for WarpedTexture.com, August 2016
Author: J. Clark | http://www.jeffalexander.com/
Tags: Website
*/

/* === CSS Reset === */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,

time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* === General Styles === */
body, div, span {
/*	color: #;*/
	color: #dddddd;
	background-color: #451d00;
	font-family: "Lato", "Times New Roman", Times, sans-serif;
}
a {color: #af5211; text-decoration: none;}
a:visited {color: #a68665;}
a:hover {color: #af5211;}
h1, h2 {
	font-family: serif;
	font-weight: bold;
	color: #dddddd;
}
h1 {font-size: 3em; font-family: "Sorts Mill Goudy"}
h2 {font-size: 2em; font-family: "Sorts Mill Goudy"}
h3 {font-size: 1.5em; font-family: "Sorts Mill Goudy"}
h4 {font-size: 1.1em; font-family: "Sorts Mill Goudy"}
p {line-height: 1.5; margin: 10px;}
li {line-height: 1.5;}
figure {
	text-align: center;
	line-height: 1.5;
	padding: 20px;
}

/* === Sticky Footer === */
html {height: 100%;}
body {
	min-height: 100%;
	display: flex;
	flex-direction: column;
}
.container {flex: 1; padding: 0px;}
footer {padding: 1px;} /* seems to need 1px padding or else... V-scrollbar */


/* === Header === */
header {
	background-image: url("../images/3165592.jpg");
	padding: 20px;
	text-shadow:
		-2px 2px 20px #000000,
		-4px 2px 10px #6633ff,
		0px 0px 5px #333333,
		3px 3px 0px #333333;
}
.byline {
	color: #dddddd;
	font: italic bold 1.2em/1 serif;
	background: none;
	padding-left: 27px;
}
.credit {
	margin: -20px 0px 0px 56px;
	background: none;
}


/* === Header Menu Navigation === */
#nav-menu {display:none;}


/* Sidebar/Content adjustments */
#main {}
#nav-sidebar {width: 200px;}
#content {margin-left: 220px;}


/* === Sidebar Navigation === */
#nav-sidebar {
	background-color: #321500;
	background: linear-gradient(#111111, #321500 12px);
	float: left;
	padding: 6px;
}
#nav-sidebar ul {
	background-color: #321500;
	border: 1px solid #451d00;
}
#nav-sidebar li {
	color: #af5211;
	text-align: right;
	line-height: 1.5;
}
#nav-sidebar li div {
	background-color: #2b1200;
	padding: 10px;
}
#nav-sidebar li a {
	display: block;
	background-color: #321500;
	padding: 10px;
}
#nav-sidebar a:hover {background-color: #2b1200;}

/* === Content === */
#content {
	padding: 20px;
}
#content h1 {
	text-align: center;
	padding: 15px;
}
#content p {}
#content ul {list-style-type: disc;padding-left: 3em;}

.framed-image {
	border: 1px solid #a68665;
	padding: 3px;
	margin: 12px;
	border-color: rgba(255,255,255,0.13);
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}


/* === Footer === */
footer{
	color: #a68665;
	text-align: center;
	padding: 10px;
}

/* === External Fonts === */
/* https://fonts.googleapis.com/css?family=Lato%7CSorts+Mill+Goudy */
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Sorts Mill Goudy';
  font-style: normal;
  font-weight: 400;
  src: local('Sorts Mill Goudy Regular'), local('SortsMillGoudy-Regular'), url(https://fonts.gstatic.com/s/sortsmillgoudy/v7/JzRrPKdwEnE8F1TDmDLMUuN9vRcsMjgFHd22vmwSFwo.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sorts Mill Goudy';
  font-style: normal;
  font-weight: 400;
  src: local('Sorts Mill Goudy Regular'), local('SortsMillGoudy-Regular'), url(https://fonts.gstatic.com/s/sortsmillgoudy/v7/JzRrPKdwEnE8F1TDmDLMUkcS2wtQEKbbfqvoID0J0-E.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}