/* Reset */

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, font, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 101%;
	font-style: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	font-family: Georgia, serif;
	line-height: 1.4;
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
	display: block;
}

table {
/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
blockquote {
	padding: 1em;
	font-size: .9em;
	background-color: #dfeadf;
	margin: 1em 0;
}

smallbr{
            display: block; /* makes it have a width */
            content: ""; /* clears default height */
            margin-top: 0.5em; /* change this to whatever height you want it */
}


a:focus {
	outline: 0;
}
a:hover,a:active {
	outline: 0;
}
a img {
	border: 0;
}

/* BORDER BOX */
* {box-sizing: border-box;}

/* CLEARFIX */
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/* PAGE CONTAINER */

.wrapper {
	padding: 35px 40px;
	background-color: rgba(255,255,255,0.6);
	position: relative;
	overflow: hidden;
}

#outerwrapper {
	padding:0 20px;
	max-width:960px;
	margin:20px auto;
}

.bigbackground {
	background-attachment: fixed;
	background-color: transparent;
	background-size: cover;
}
.ornament {
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 25px;
}
.topleft, .topright {top:-24px}
.topleft, .bottomleft {left:-24px;}
.topright, .bottomright {right:-24px;}
.bottomleft, .bottomright {bottom:-24px;}

/* HEADER */

header {
	margin-bottom: 15px;
	border-top: 1px dashed black;
	border-bottom: 1px dashed black;
}

.hwrapper {
	float:left;
	width: 100%;
	margin-right: -240px;
}

.hgroup {
	padding-right: 240px;
	margin-bottom: 1em;
}

.site-title {
	margin: .2em 0;
	font-size: 1.8em;
}

.site-description {
	margin: 0;
	font-size: 1.27em;
}

.vcard {
	text-align:right;
	float: right;
	font-size: 90%;
	line-height: 1.4;
	margin-top: 5px;
	width: 240px;
}

.skipnavigation {text-indent: -5000px}

a.accessability {color:#000;}


/* FOOTER  */

footer {
	clear:both;
	margin-top: 20px;
	border-top: 1px dashed black;
	background-color: white;
	border-bottom: 1px dashed black;
}

footer p {font-size: 80%; margin: 0; }

/* LINKS */

a {
	color: #B00;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}


/* HEADINGS */
h1,h2,h3,h4,h5,h6 {
	margin: 0 0 .5em 0;
	font-family: Georgia, serif;
	font-weight: 600;
	color: #374238;
}
h1 {font-size: 1.54em; line-height: 1; margin-top: 0.25em;}
h2 {font-size: 1.4em; line-height: 1;}
h3 {font-size: 1.27em; }
h4 {font-size: 1.16em; }
h5 {font-size: 1.05em; }
h6 {font-size: 1em; }

p {margin: 0 0 1em 0;}

/* CONTENT */

article {
	border-top: 1px dashed black;
	border-bottom: 1px dashed black;
	padding: 0 0 10px 0;
}
.listing {
	border-top: 1px dashed black;
	border-bottom: 1px dashed black;

}
.posts article {
	margin-bottom: 20px;
	border-top: 0;
	padding-top: 20px;
}
article.double-column {
	width:67.9%;
	float: left;
	margin: 0 2% 10px 0;
}
.numbered {list-style: decimal;}

article li {margin: 1em 1.5em;}

p.tyitout{white-space: pre-wrap; }

.sidebar {max-width: 30%; float:right;}

.sidebar > div {
	padding: 10px;
	background-color: white;
	margin-bottom: 1em;
	border-top: 1px dashed black;
	border-bottom: 1px dashed black;
}

.sidebar img {width: 100%; height: auto;}

.sidebar ul, .sidebar ol {list-style: none;}

.sidebar li {margin:1em 0;}

.MathJax_Display {
	background-color: #e8ecd6;
	padding: 5px 0;
}
/*
.sidebar ul, .sidebar ol {padding: 10px 10px 10px 30px;}
*/

.opaque {background-color: white; padding: 10px 20px; }

.opaquesingle {background-color: white; padding: 10px 20px;  max-width:660px; margin: 0 auto;}

.sidebar p, li {font-size: 90%;}

.centered {float: none; margin: 0 auto 10px; padding: 10px; width: 100%;}

/* NAVBAR */

#navbar {
	clear: both;
	margin: 0 0 .5em 0;
	border-top: 1px dashed #777;
	border-bottom: 1px dashed #777;
}

#navbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display:table;
    border-collapse:collapse;
    width:100%;
}

#navbar li {
	display: table-cell;
	width:20%;
    vertical-align:middle;
    position: relative;
    background-color: #cdd9cf;
}
#navbar li:hover {
	background-color: white;
}
#navbar a {
	text-decoration: none;
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}

#navbar ul ul {
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	opacity: 0;
	border-left:3px solid white;
	border-bottom: 6px solid white;
	border-right: 3px solid white;
	box-sizing: content-box;
	visibility: hidden;
	position: absolute;
	display: block;
	top: 100%;
	left: -3px;
	z-index: 9999;
	}
#navbar ul ul li {
	display: block;
	width: auto;
}
#navbar ul ul ul { left: 100%; top: 0; }

#navbar ul a { border-right: none; font-size: 100%; line-height: 1.1; padding: 8px 14px; min-height: 28px;}

#navbar ul ul a, #navbar ul ul ul a { font-size: 90%; line-height: 1.1; padding: 9px 6px 9px 14px; }

#navbar li:hover > a { text-decoration: none; }

#navbar ul li:hover > ul { opacity: 1; visibility: visible;}

/*
#navbar a:hover { background-color: #fff; }
*/

#navbar ul ul a { background-color: #cdd9cf; }
#navbar ul ul a:hover { background-color: #fff; }

hr { padding: 2px; border-left: none; border-right:0; border-top: 1px dashed #777; margin-bottom: 1em;}

#navbar ul ul a, .main-navigation, .widget-title, hr { border-bottom:1px dashed #777; }

#navbar  ul ul li:first-child a { border-top:1px dashed #777; }


/*  BLOG  */
.blogintro {
	background-color: #d8e6e2;
	padding: 1em;
	border-top: 1px dashed #777;
	border-bottom: 1px dashed #777;
}
ul.posts {
	list-style: none;
	margin: 0;
}
ul.posts > li {
	margin: 0;
}
.meta {
	font-size: 90%;
	font-weight: bold;
}

 @media screen and (max-width: 600px) {
 	#outerwrapper {
	    margin: 10px auto;
	    max-width: auto;
	    padding: 0 10px;
    }
    .wrapper {
	    background-color: rgba(255, 255, 255, 0.5);
	    padding: 10px;
	    position: relative;
	}
	.hwrapper {margin:0;float:none;}
	.hgroup {padding:0;}
    .site-title, .site-description {float:none; width:auto;}
    .site-title {font-size: 140%;}
    .skipnavigation {line-height: 0;margin-bottom: 5px;}
    .site-description {margin: 0 0 .5em;font-size: 110%;}
    .ornament {display: none;}
	article.double-column, article, .sidebar {
		width:auto;
		float:none;
		max-width: none;
		margin-right: 0;
	}
    #navbar {
		border-bottom:none;
		border-top: none;
	}
	#navbar ul {
		width: 50%;
	}
	#navbar ul {
		display: block;
	}
	#navbar ul li {
		display:block;
	}
    #navbar ul ul {
		top:-1px;
		width: 100%;
		left:100%;
		background-color: white;
	}

    #navbar ul li {
		float:none;
		clear:left;
		border-top:1px dashed #777777;
		border-bottom:1px dashed #777777;
		margin-bottom:4px;
		width:auto;
	}
    #navbar ul a {
		border-right:none;
		font-size:14px;
		line-height:14px;
		padding:4px 8px;
		margin-right:0;
		min-height: 24px;
	}
	#navbar ul ul a, #navbar ul ul ul a {
		font-size:12px;
		line-height:12px;
		padding:3px 6px;
	}
    #navbar ul ul a, .main-navigation, .widget-title, hr { border-bottom:none; }
    #navbar  ul ul li:first-child a { border-top:none; }
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }