@import "/fonts/Heuristica/Heuristica.css";
@import "/fonts/Computer Modern/Typewriter/cmun-typewriter.css";
@import "/fonts/Computer Modern/Typewriter Light/cmun-typewriter-light.css";

#header {
	text-align: left;
	border-bottom: 1px solid #333333;
}

#header h1 a {
	color: #336699;
	text-decoration: none;
}

#header h1 {
	color: #336699;
	font-size: 16px;
	font-weight: bold;
}

#stories {
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
    /* Have to disable this if we want the text to flow around our sidebar */
	/* padding-right: 12.5em; */
	max-width: 50em;
	min-width: 10em;

	font-family: "Heuristica", sans-serif;
	font-size: 1.1em;
	line-height: 1.3em;
}

#stories h2 a:visited {
	color: #336699;
}

#stories a:link {
	color: #0669B2;
	text-decoration: none;
}

#stories a:visited {
	/* 0099CC */
	color: #044476;
	background-color: transparent;
}

#stories a:active[href] {
	color: #67087B;
	background-color: transparent;
}

#footer {
	margin-top: 2em;
	text-align: center;
}

#stories p {
	margin: 0.5em 1em 1em 1em;
}

#stories p code {
	font-family: "Computer Modern Typewriter", monospace;
}

#stories img {
	margin: 0.5em 1em 1em 1em;
    border: none;
}

h2.story {
	margin-bottom: 0em;
}

div.story_header {
	margin-bottom: 1em;
	text-align: center;
}

span.dateheader {
	padding-top: 0em;
	margin-top: 0em;

	font-size: 14px;
	font-weight: bold;
	color: #336699;
}

div.story_footer {
	text-align: center;
	font-size: 95%;

	margin-top: 1.5em;
	margin-bottom: 3em;
	border-top: 1px solid #757575;
}

p.story_footer {
	margin-top: 0.5em;
}

/* seemore plugin */
div.seemore {
	width: 100%;
	text-align: left;
	font-size: 95%;

	/* Should match the <p> tag's left margin */
	margin-left: 1em;

	/* Should match the story footer's top margin */
	margin-top: 1.5em;
	margin-bottom: 1em;
}

a.seemore {
	color: #333333;
}

#stories pre {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1.5em;
	margin-right: 1.5em;

	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;

	background-color: #E6E6E6;
	border-style: solid;
	border-width: thin;
	border-radius: 0.25em;

	/* Reset font defaults */
	line-height: initial;
	font-size: initial;

	/* width: 99%; */
	/* 	display: inline-block */
	white-space: pre-wrap;
	/*
	font-family: "Computer Modern Typewriter", monospace;
	line-height: 1em;*/
}

/* Use CMU Modern Typewriter (Light) on high DPI screens */
/*
@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min--moz-device-pixel-ratio: 1.25),
only screen and ( -o-min-device-pixel-ratio: 1.25/1),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx)
{
	#stories pre {
		font-family: "Computer Modern Typewriter", monospace;
		font-weight: lighter;
	}
}
*/

#stories blockquote {
	margin-top: 0em;
	font-style: italic;
	padding-left: 0em;
	margin-bottom: 1em;
	color: #333333;
}

#stories h1, #stories h2:not(.story), #stories h3, #stories h4, #stories h5, #stories h6 {
	background-color: transparent;
	margin: 0.5em 0 0.75em 0;
	font-weight: bold;
}

#stories h3 {
	color: #536275;
}

#stories h4, #stories h5, #stories h6 {
	color: #595959;
}

#stories h1 {
	border-bottom: 1px solid #B4B4B4;
}

#stories ul { 
	list-style-position: outside;
	list-style-type: square;
	line-height: 1.25em;
	margin-top: 0.5em
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 1.5em;
	padding: 0;
	padding-left: 1.0em;
}

#stories ul > li {
	margin-bottom: 0.15em;
}

#stories ul > li > ul {
	list-style-type: disc;
	margin: 0.0em 0 0 0em;
}

#stories li {
	margin-left: 1em;
}