/* Style by class ********************************************************** */

.horizontal { 
	display:flex;
	flex-basis:100%;
	align-items:center; 
}

.two-column { 
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	flex-basis:100%;
	padding:0;
	border:0; 
}

.left-column { 
	flex:4 1; 
	order:1;
	padding:0.5rem;
	min-width:20rem; 
}

.right-column { 
	flex:3 1;
	order:2; 
	padding:0.5rem; 
	min-width:20rem; 
}


/* Style by tag types ****************************************************** */

header { 
	font-family:Arial,Helvetica,sans-serif;
	/* font-size:1.3rem; */
	/* background-image: url("http://das2.org/cat_resource/eyecandy.png"); */
	/* background-image: url("https://das2.org/spectrogram.gif"); */
	/* background-repeat: no-repeat; */
	/* background-color: #001d4f;*/
	/* background-position: center;*/
	/* color: #ffffff; */
}

header img {margin-left:auto; margin-right:auto;}

header p { max-width:50rem; font-size:1.2;}

header h1 { font-size: 1.5rem; text-align: center;}

h2 { 
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.3rem;
	font-weight:normal;
	background:#DCDCDC;
	padding:0.5rem; 
}

body { 
	background-color:#FFFFFF;
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
}

img { border:0; }

p { 
	margin-left:auto; 
	margin-right:auto;
	max-width: 40rem; 
}

ul { 
	margin-left:auto;
	margin-right:auto;
	max-width: 40rem; 
}

/* Style by class and tag ************************************************** */

blockquote.code{ 
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 75%; 
	background-color: #d8e4fd;
	overflow:auto;
	width:auto;
	/*border:solid #b0b0b0;*/
	/*border-width:.1em; */
	padding:.3em 1em;
	border-radius: 1em;
	
	line-height: 150%;
	/* color: #eeeeee; */
	margin-top: 1rem;
	margin-bottom: 1rem;
	margin-left: 1rem;
	margin-right: 1rem;
}

span.code_key { color: #007020; font-weight: bold }
span.code_mod { color: #0e84b5; font-weight: bold }
span.code_txt { color: #4070a0; font-weight: bold }
span.code_tok { color: #666666; font-weight: bold }

img.center { display: block; margin-left: auto; margin-right: auto; }