/* base
----------------------------------------------- */

@font-face {
	src: url('BitstreamCharterRoman.ttf') format('truetype');
	font-family: 'BitstreamCharter-Roman';
}

body {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color: #000;
	background-color: #fff;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAAHElEQVQIHWP48+fP9+/f////zwCkgBwQC4ghAACODRqkCkEF0QAAAABJRU5ErkJggg%3D%3D);/*url(/images/brilliant.png);*/
}

body.flipped-upside-down {
	-webkit-transform: rotate(180deg); /* Happy April Fools! */
}

blockquote, h3, p, li, a.topLink, pre {
	font-size: 0.9em;
	line-height: 1.65em;
}

li {
	font-size: 1em;
	font-family: Palatino, Verdana;
}

p {
	font-family: Georgia;
	font-size: 1.1em;
	margin-top: 1em;
	margin-bottom: 1em;
}

body p .emphasis-hover {
	border-bottom: 1px dotted darkgoldenrod;
}

body blockquote .emphasis-hover {
	border-bottom: none;
}

blockquote {
	position: relative;
	
	margin-right: 0em;
	margin-left: 2em;
	margin-top: 1em;
	margin-bottom: 1em;

	padding-left: 0.8em;
	
	border-left: 2px solid gray;
	
	color: rgba(0, 0, 70, 1);
}

blockquote p {
	font-family: "Palatino Linotype", Palatino, Georgia;
}

blockquote p .emphasis-hover.partner-emphasis-activated {
	transition: background 0.25s ease;
	
	background: #FFFFE6;/*rgba(0, 181, 249, 0.65);*/
	display: inline;
	padding: 0.5em 0.4em;
	margin: -0.5em -0.4em;
	border-radius: 10px;
	
	border: 0.5px dotted yellowgreen;
}

h1, h2, h3 {
	margin: 0 0 0 0;
	padding: 0 0px;
	font-weight: normal;
}

h1, h2 {
	font-family: Georgia, Times, serif;
}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.1em;
	font-weight: bold;
	font-family: Palatino;
}

hr {
	margin: 2em auto;
	width: 370px;
	height: 1px;
	color: #7a7e7d;
	background-color: #7a7e7d;
	border: none;
}

small, .small {
	font-size: 0.9em;
}

a {
	text-decoration: none;
	color: #000;
	border-bottom: 1px rgb(120, 120, 120) solid;
}

a:active {
	color: #1E1E64;
	border-bottom-color: #1E1E64;
}

.entry-content p a:visited {
	color: #5A5078;
	border-color: #5A5078;
}

a img {
	border: none;
}


/* layout
----------------------------------------------- */

#container {

}

#head {
	text-align: center;
	font: 3em Georgia, Times, serif;
	
	margin-top: 0.5em;
	margin-bottom: 1.3em;
}

#site-name {
	margin-top: 15px;
	margin-bottom: 2px;
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 0em;
	
	font-size: 1.1em;
	color: #323232;
}

#site-name a:active {
	color: #323232;
}

#head a {
	border: none;
}

#head .navigation {
	margin-top: -0.1em;
	font-size: 0.45em;
}

#head .navigation ul {
	margin: 0px;
	padding: 0px;
	
	list-style-type: none;
}

#head .navigation ul li {
	display: inline;

	color: #6E6E6E;
}

#head .navigation ul li:not(:last-child):after {
	content: " | ";
	color: #E6E6E6;
}

#head .navigation ul li a {
	color: #6E6E6E;
}

#head .navigation ul li a:hover {
	color: #000;
}

#content {
	margin-left: 10%;
	margin-right: 10%;
}

.hfeed {
	max-width: 900px;

	margin: 0px auto;
	
	position: relative; /* stops text from spanning page width */
}

.hfeed article .featured-content {
	margin-top: 5em;
}

.hfeed article {
	padding-top: 5em;
	padding-bottom: 5em;
	
	border-bottom: 1px solid rgb(230, 230, 200);

	text-align: justify;
}

.hfeed article.includes-featured-content, #error-page .hfeed article {
	padding-bottom: 0em;

	border-bottom: none;
}

.hfeed article:first-of-type {
    padding-top: 0em;
}

#foot {
	clear: both;
	text-align: center;
	height: 5em;
}

.divider {
	border-bottom: 1px solid rgb(230, 230, 200);
	margin: 1em 0;
	text-align: center;
}

/* articles
----------------------------------------------- */

.directory {
	list-style-type: circle;
}

.author {
	font-style: normal;
	font-size: 0.8em;
}

.published, .posted {
	font-size: 0.85em;
	margin-top: 1px;
	color: gray;
	
	margin-bottom: 1.5em;
}

#About .published, #About .posted {
	display: none; /* at least right now, dates don't make sense on a 'static' about page */
}

#content article > :last-child {
	margin-bottom: 0em;
}

.entry-title {
	padding-bottom: 0em;

	margin-bottom: -3px;

	text-align: left;
	
	font: 1.7em 'BitstreamCharter-Roman', Georgia, Times, serif;
	letter-spacing: -1px;
	line-height: 1.15em;
	
	border: none;
}

.entry-title a {
	border: none;
}

a.article-cite-link {
	font-size: 1.1em;
}

.article-poster-content, .entry-content img, .entry-content iframe, .entry-content video {
	min-height: 150px;
	min-width: 300px;
	
	max-height: 700px;
	max-width: 100%;
	
	clear: both;
	display: block;
	margin: 20px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid gray;
	box-shadow: 2px 2px 20px rgb(240, 240, 240);
	
	background-color: white;
}

sup.footnote {
	line-height: 1.1em;
	font-weight: lighter;
}

sup.footnote a {
	font-family: monospace;
	border: none;
}

p.footnote {
	font-family: Palatino;
	font-size: 0.9em;
	text-align: left;
	line-height: 1.3em;	
}

p.footnote:first-line {
	text-align: right;
}

p.footnote.footnote-focused {
	background-color: #FFFFE6;
	border-radius: 10px;
}

#prev-next-container {
	margin-top: 4em;
}

#prev-next-container a {
	padding-top: 1em;
	border-bottom: none;
	
	font-family: 'BitstreamCharter-Roman';
}

#front #prev-next-container a {
	font-size: 1.2em;
}

#prev-next-container a:nth-child(odd) {
	float: left;
	
	padding-right: 1em;
}

#prev-next-container a:nth-child(even) {
	float: right;
	
	padding-left: 1em;
}

/* code
----------------------------------------------- */

code, pre {
	font-family: monospace
}

code {
	font-size: 1.2em;
}

code.comment {
	color: green;
}

code.value {
	color: purple;
}

pre {
	line-height: 1.3em !important;
	color: rgb(0,0,90) !important;
	overflow: scroll;
}

pre code {
	font-size: 1.1em;
}

/* special handling for individual Article pages
----------------------------------------------- */

#Articles .hfeed article .featured-content {
	margin-top: 4em;
}

#Articles #prev-next-container {
	margin-top: 3em;
}

/* special handling for Archive 
----------------------------------------------- */
#Archive #content {
	font-family: 'BitstreamCharter-Roman', "Georgia", "Times", Tahoma, serif;
	line-height: 1.8em;
	padding-bottom: 2em;
	text-align: left;
}

#Archive .hfeed {
	max-width: 800px;
}

#Archive #content h2 {
	padding: 0px;
	margin-bottom: 0.5em;
	border-bottom: 1px dotted #2c3b4e;
	font-family: 'BitstreamCharter-Roman', Georgia, Times, serif;
	font-size: 1.5em;
	font-weight: normal;
	text-align: left;
	margin-top: 2em;
}

#Archive #content h2:first-child {
	margin-top: 0em;
}

#Archive #content a.archive-title {
	display: block;
	
	margin-left: 25px;
	margin-bottom: 0.1em;
	padding-bottom: 2px;	
	
	border-bottom: none;
	
	text-align: left;
	font-size: 1.2em;
}

/* tables */

.entry-content > table {
	margin-left: 10px;
}

table, th, td {
	border: 1px solid rgb(230, 230, 230);
	border-collapse: collapse;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	
	text-align: left;
	
	font-family: Palatino, Verdana;
	font-size: 1.1em;
}

table th {
	font-size: 1.15em;
	padding-top: 7px;
	padding-bottom: 6px;
	background-color: rgba(232, 232, 232, 0.25);
}

table tr:nth-child(odd) {
	background-color: #FBFBFB;
}

table tr:nth-child(even) {
	background-color: #FEFFFF;
}

table, th, td {
	border: 1px solid rgb(230, 230, 230);
	border-collapse: collapse;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	
	text-align: left;
	
	font-family: Palatino, Verdana;
	font-size: 1.1em;
}

table th {
	font-size: 1.15em;
	padding-top: 7px;
	padding-bottom: 6px;
	background-color: rgba(232, 232, 232, 0.25);
}

table tr:nth-child(odd) {
	background-color: #FBFBFB;
}

/* Lists */

ul, ol {
	margin: 0.5em 0px;
}

/* Mobile */

@media screen and (max-width : 670px), screen and (max-device-width : 670px) {
	#content {
		margin-left: 5%;
		margin-right: 5%;
	}
	#content .entry-title {
		font-size: 1.6em;
	}
	
	.archive .archivePost {
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
	}
	
	#content .featured-content p {
		margin-bottom: 0.4em !important;
		padding-bottom: 0px !important;
	}
	
	#content .featured-content .featured-content-footer-link {
		display: none;
	}
	
	.article-poster-content {
		min-height: 0px !important;
		min-width: 0px !important;
	}
}

@media screen and (max-width : 400px), screen and (max-device-width : 400px) and (orientation : portrait)  {
	#head {
		font-size: 11vw;
	}
	
	#content .featured-content {
		padding-right: 0em;
	}
	
	#content .featured-content img {
		float: none !important;
		margin: 0.5em auto !important;
	}
	
	#content .featured-content p {
		text-align: center;
	}
} 

@media screen and (min-width : 800px) {
	#head {
		margin-top: 0.8em;
	}
} 

@media only screen  and (min-device-width : 1024px) and (max-device-width : 1366px) {
	.hfeed {
		max-width: 1000px;
	}
	
	p {
		font-size: 1.2em;
	}
}

/* Search fields */
input[type=text], input[type=search] {
	margin: 3px;
	background: rgba(10,10,10,0.02);
	padding: 10px;
	border-radius: 10px;
	border-color: whitesmoke;
	border-width: 1px;
	border-style: solid;
	padding-left: 5px;
	padding-right: 5px;
	width: 256px;
	font-size: 1em; 
	outline: none;
}

input[type=text]:hover, input[type=search]:hover, input[type=text]:focus, input[type=search]:focus  {
	border-color: #D0D0D0;
}

/* Featured Content Box */

#content .featured-content {
	display: block;
	width: 100%;
	
	position: relative;
	overflow: auto;
	
	text-align: justify;
	
	border-bottom: 1px solid rgb(230, 230, 200);
}

#content .featured-content.featured-content-loaded { /* hide some styling until featured content is populated */
	padding-top: 5px;
	padding-bottom: 5px;
	
	border-top: 1px solid rgb(230, 230, 200); /* note should match border-bottom above */
}

#content .featured-content img {
	max-height: 6em;
	min-height: 0px;
	min-width: 0px;

	margin: 0px;
	
	float: left;

	margin-right: 0.8em;

	box-shadow: none;
	border: none;
	
	background-color: gray;
	cursor: pointer;
}

#content .featured-content p {
	overflow: auto;
	margin: 0px;
	font-size: 1em;
	padding-bottom: 2em;
}

a.featured-content-footer-link {
	height: 1em;
	
	display: block;
	position: absolute;
	
	bottom: 0.4em;
	right: 0.1em;

	margin: 0px;
	padding: 4px;
	
	border: none;
	background-color: rgba(254, 254, 254, 0.5);
	
	font-size: 0.8em;
	font-family: Palatino;
}

/* emphasis hover */

.emphasis-hover {

}

/* visibility on other sites */

.visible-when-not-viewed-on-website {
	display: none;
}