/* Apply to all platforms. */ 
html { 
font-family:Verdana,serif; 
color:#fffffe; 
background-color:#0f0e17; 
}

body { 
font-family:Verdana,serif; 
color:#fffffe; 
background-color:#0f0e17; 
} 

header { 
color:#fffffe; 
background-color:#0f0e17; 
border-radius:6px; 
padding:0px 15px; 
overflow: auto; 
font-style: italic; 
}
 
#content { padding:0px 15px; font-style: italic; } 

li { padding:5px 2px; }

.footer { color: #fffffe; padding:35px 15px 15px 15px; } 

.post-info { border-bottom:1px solid #cccccc; }

h1, h2, h3, h4 { font-weight:lighter; } 

h1 { padding:0px; }

/* a { color:#b8c1ec; } */
a { color:#aeb8ea; }

.p-name { color:#ffd700; }

.p-job-title { display:table }

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

a:hover, h1 a:hover { 
color:#0f0e17; 
background-color:#aeb8ea; 
text-decoration:none; 
}

.e-content p { line-height:1.75; }

.home-link { float:left; } 

.pull-right { float:right; }

/* DEAD 2019-12-04
.archives-link { float:right;} */

hr.invisible-bar { 
color:#0f0e17; 
background-color:#0f0e17; 
height:1px; 
border:0 none;
}

/* mobile first layouts and designs... */ 
.container { margin:1em; border:1px solid #ffd700; } 

/* ...then apply begin to apply to larger displays. */
@media screen and (min-width: 35.5em) { 
	.container { 
	margin:1em 5em; 
	background: url("../img/butterfly-75w.png") #0f0e17 bottom right no-repeat;
	} 

	header { padding:0px 15px; } 

	.p-job-title { display:inline; padding-left:50px; } 
}

@media screen and (min-width: 48em) { 
	.container { 
	margin:2em 5em; 
	background: url("../img/butterfly-75w.png") #0f0e17 bottom right no-repeat; 
	} 
}

@media screen and (min-width: 64em) { 
	.container { 
	margin:2em 10em; 
	background: url("../img/butterfly-250w.png") #0f0e17 bottom right no-repeat; 
	} 
}

@media screen and (min-width: 80em) { 
	.container { 
	margin:2em 10em; 
	background: url("../img/butterfly-250w.png") #0f0e17 bottom right no-repeat; 
	} 
}