/* Earth,grayish-white(4blacksky) = #DEE0DF = rgb(222,224,223) */
/* Planet,almost-white(4bluesky) = #EAEAEF = rgb(234,234,239) */
/* dull-steel-medium-blue = #68688C = rgb(104,104,140) */
/* medium-brown = #BF6239 = rgb(191,98,57) */
/* steel-blue = #4682b4 */
/* darkest sky blue in f9r-dev1 pic = #4c719e */
/* sky blue in f9r-dev1 pic parallel to explosion = #6d8db3 */

html{
 height: 100%;
}
body{
 margin: 0;
 padding: 0;
 height:100%;

 /*background: url(../images/titlebar.jpg);*/
 /*background-size: 4244px 228px;*/
 
 /*background: url(../images/titlebar_earth.jpg);*/
 /*background-size: 100% 228px;*/
 /*background-repeat: no-repeat;*/
 /*background-color: #EAEAEF;*//*#DEE0DF Earth,grayish-white*//*#EAEAEF almostwhite*/

 /*background: url(../images/background_credit_spacex.jpg),
        url(../images/bgb.jpg),
        #323953;*/
 
 /*background: url(../images/background_credit_News_Channel_25.jpg), #4c719e;*/
 /*background-repeat: no-repeat;*/
 /*background-position: top center;*/
 /*background-attachment: fixed;*/

 background-color: #59759B;/*#DEE0DF Earth,grayish-white*//*#EAEAEF almostwhite*/
}
#areaall {
min-height: 100%;
position: relative;
}
#areacore {
padding: 0px;
padding-bottom: 80px; /* Height of the footer element */
}
#areafooter {
width: 100%;
height: 80px;
position: absolute;
bottom: 0;
left: 0;
/*background:#ee5;*/
}

a {
 color: #14005C; /*#14005C; navy-blue*/
 text-decoration: none;
}
a:hover {
 text-decoration: underline; 
}

a.tb {
 color: inherit;
 text-decoration: none; 
}
a.tb:hover {
 transition-property: text-shadow;
 transition-duration: .25s;
 text-shadow: 0 0 0.2em #FCE862, 0 0 0.2em #FCE862, 0 0 0.2em #FCE862, 0 0 0.2em #FCE862;
}
div.tb {
 position: relative;
 /*height: 228px;*//*for exhaust background*/
 height: 56px;/*for earth background*/
 /*width: 4244px;*/
 width: 100%;
 margin: 0px 0px 0px 0px;/*test for remove extra space*/
 z-index: 1;
}
/*div.tb#text {   z-index: 100;   }*/
img.tb {
 position: absolute;
 height: 228px;
 width: 4244px;
}
div.tbu {
 position: relative;
 /*height: 65px;*//*CRS-7*/
 width: 100%;
 margin: 0px 0px 0px 0px;/*test for remove extra space*/
 text-align: center;/*aligns img to center horizontal*/
}
img.tbu {
 /*position: absolute;*/
 height: 65px;/*CRS-7*/
 /*width: 900px;*/
 /*margin: auto;*/
 width: 50em; 
}
h1.tb {
 /*position: absolute;*/
 /*padding-top: 30px;*//*for exhaust background*/
 padding-top: 0px;/*for earth background*/
 padding-bottom: 0px;
 margin-top: 0px;/*removes extra space at top*/
  
 font-size: 56px; /*68px*/
 /*letter-spacing: 3px;*/
 color: white; /*#4682b4;steel-blue*/ /*#BF6239; medium-brown*/ /*amberyellow #FFAA00*/ /*#68688C;dull-steel-medium-blue*/
 font-family: arial; /*"Comic Sans MS", cursive, sans-serif*/ /*arial*/
 letter-spacing: 10px;
 /*font-style: italic;*/
 /*font-weight:900;*/
 opacity: 1.0; /*0.8;*/

 /*font-weight:bold;*/
 /*text-shadow:1px 1px 2px red;*/
 /*text-shadow:1px 1px 1px #000, 3px 3px 5px blue;*/
 /*text-shadow: 1px 1px 6px #68688C, -1px 1px 6px #68688C, -1px -1px 6px #68688C, 1px -1px 6px #68688C;*/

 /*display: block;*/
 text-align:center;
 /*vertical-align: middle;*/
 z-index: 0;
}

/*mainmenu*/
nav.mm {
 /*font-family: arial;*/
 /*font-family: verdana;*/
 /*font-size: 22px;*/
 /*color: #F57878;*/ /*palered*/
 color: white;
 display: block;
 text-align:center;
 /*padding-top: 0px;*/
 margin-top: 0.65em;
 padding-top: 0.65em;
 padding-bottom: 0.65em;
}

/*mainmenu*/
a.mm {
 /*display: block;*/
 padding-left: 0.625em;
 padding-right: 0.625em;
 /*width: 120px;*/
 text-align: center;
 text-decoration: none;
 /*font-family: arial;*/
 font-family: verdana;   
 font-size: 1.37em; /*22px;*//*1.37em;*/
 /*color: #46FF46;*/ /*#BF6239; medium-brown*/   /*#D94214;maroonred*/ /*#F57878;palered*/ /*#4682b4;steel-blue*/ /*amberyellow #FFAA00*/ /*#68688C;dull-steel-medium-blue*/
 /*hovercolor:FC3B00;red*/
 border-radius: 0.625em;
 /*padding: 2px 5px 5px 5px;*/
 
 /*text-shadow: 1px 1px 2px navy, 0 0 1em royalblue, 0 0 0.2em royalblue;*/
 text-shadow: 0.05em 0.05em 0.1em navy, 0 0 1em royalblue, 0 0 0.2em royalblue;
 color: white;
}
a.mm:hover {
 transition-property: text-shadow;
 transition-duration: .25s;

 /*background: #ccc;*/
 /*text-shadow: 2px 2px #ff0000;*/
 /*color: #FCCE62;*/
 text-shadow: 0 0 0.2em #FCE862, 0 0 0.2em #FCE862, 0 0 0.2em #FCE862, 0 0 0.2em #FCE862;
 /*text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87;*/
}


footer.cr {
 text-align:center; /*left;*/
 color: black; /*#4682b4;steel-blue*/
 text-shadow: 0.05em 0.05em 0.1em #6D8DB3, 0 0 1em #6D8DB3, 0 0 0.2em #6D8DB3;
}

/*ul.mm {
 list-style-type: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
}*/

/*li.mm {
 float: left;
}*/


/* #page {width:1024px;float:left;margin-left:10px;margin-top:10px;padding-top:10px;padding-bottom:20px;box-shadow: 0px 0px 20px 3px #d3d3d3;border-radius:4px;background-color:#ffffff;} */
div.page {
 /*width:1024px;*/
 /*float:left;*/
 /*margin-left:10px;*/
 /*margin-top:10px;*/
 /*padding-top:10px;*/
 /*padding-bottom:20px;*/
 box-shadow: 0 0 1.36em 0.1em #939393; /*originalshadowcolor#d3d3d3*/
 border-radius:4px;
 background-color:#FFFFFF;
 max-width: 50em;
 min-height: 30em;
 margin: auto;
}






li.toc {
 padding-top: 2px;
 padding-bottom: 2px;
}
a.toch {
 /*font-weight: bold;*/
 color: steelblue; /*#BF6239; medium-brown*/
 /*color: #14005C;*/ /*#14005C; navy-blue*/
 text-decoration: none;
}
a.toch:hover {
 /*font-style: italic;*/
 letter-spacing: 1.5px;
}
h1.toch {
 font-weight: bold;
 color: steelblue; /*#BF6239; medium-brown*/
 text-decoration: none;
}
h2.toch {
 font-weight: bold;
 color: steelblue; /*#BF6239; medium-brown*/
 text-decoration: none;
}


a.toc {
 /*font-weight: bold;*/
 /*color: #BF6239;*/ /*#BF6239; medium-brown*/
 color: black; /*#14005C; navy-blue*/
 text-decoration: none;
}
a.toc:hover {
 /*text-decoration: underline; */
 font-weight: bold;
}
/* a.toc:before { content: "\00BB "; } */



article.norm {
 /*padding-left: 50px;*/
 /*padding-right: 50px;*/
/* max-width: 50em;*/
/* margin: auto;*/
/* padding: 10px 10px 10px 10px;*/
 padding: 0.65em 0.65em 0.65em 0.65em;
}

/*footnotes*/
div.cr {
 padding-top: 0px;
 text-align:center; /*left;*/
 color: black; /*#4682b4;steel-blue*/
 text-shadow: 1px 1px 2px #6D8DB3, 0 0 1em #6D8DB3, 0 0 0.2em #6D8DB3;
}
div.terms {
 padding-top: 10px;
 padding-bottom: 0px;
 text-align: center;
}
a.terms {
 text-decoration: none;
 /*text-shadow: 1px 1px 2px black, 0 0 1em blue, 0 0 0.2em blue;*/
 text-shadow: 1px 1px 2px #6D8DB3, 0 0 1em #6D8DB3, 0 0 0.2em #6D8DB3;
 color: white;
}
a.terms:hover {
 transition-property: text-shadow;
 transition-duration: .25s;
 text-shadow: 0 0 0.2em #FCE862, 0 0 0.2em #FCE862, 0 0 0.2em #FCE862, 0 0 0.2em #FCE862;
}
div.fn {
 font-size: 80%;
}

/* image display by hover over text hyperlink to image */
a.ipop>img.ipop {
 display: none;
}
a.ipop:hover>img.ipop {
 display: inline;
}





/*share on social media*/
div.share {
 padding: 0.5em 0.5em 0 0.5em;
 margin: 0 0 0 0;
 text-align: right;
 /*position: relative;*/
 /*float: right;*/
 /*position: absolute;*/
 /*position: right;*/
}
img.share {
 height: 1.5em;
}



/*article header*/
a.ah {
 color: inherit;
 text-decoration: none;
}
a.ah:hover {
 /*text-shadow: 2px 2px #ccc;*/
 transition-property: text-shadow;
 transition-duration: .25s;
 text-shadow: 0 0 0.2em #FCE862, 0 0 0.2em #FCE862, 0 0 0.2em #FCE862, 0 0 0.2em #FCE862;
}
h1.ah {
 padding: 0em 0em 0em 0em;
 margin: 0em 0em 0em 0em;
 /*padding-top: 0em;*/
 text-align: center;
 color: steelblue; /*chocolate;*/ /*#68688C;dull-steel-medium-blue*/ /*#6A467A dark-dull-purple*/
}
h3.ah {
 color: chocolate; /*#BF6239; medium-brown*/
 /*#824707; brown-tom*/
 /*#FF7F0F; medium-dark-orange*/
  /*#FF9B0F; pale-orange*/ /*#FC3D12 soft-red*/ /*#ED4C40 pale-red*/
 border-bottom: thin dotted chocolate; /*#BF6239; medium-brown*/
}

a.more {
 color: #14005C; /*#14005C; navy-blue*/
 text-decoration: none;
}
a.more:hover {
 text-decoration: underline; 
}
div.more {
 /*margin-top: 5px;*/
 display:inline-block;
}



/* ## Software Projects specific ## */
h2.sw_list {
 padding-top: 0;/*30px*/
 text-align: left;
 color: steelblue; /*#68688C;dull-steel-medium-blue*/ /*#6A467A dark-dull-purple*/
}

ol.sw {
 /*padding: 0px 0px 0px 0px;*/
 /*padding-left: 15px;*/
 padding-left: 1em;
}
li.sw {
 padding-top: 2px;
 padding-bottom: 10px;
}

code.sw {
 display:block;
 margin:0.5em;
 margin-top:1em;
 padding:1em;
 border:1px solid #aaa;
 color: #12522A; /*#12522A;dark-green*/
 background-color:#f8f8f8;
}
code.sw:before {
 content:"Terminal Window";
 display:block;
 margin-top:-1.5em;
 margin-bottom:0.5em;
 background-color:#fff;
 width:10em;
 text-align:center;
 color:#666;
 border:1px solid #aaa;
}
code.sql {
 display:block;
 margin:0.5em;
 margin-top:1em;
 padding:1em;
 border:1px solid #aaa;
 color: #12522A; /*#12522A;dark-green*/
 background-color:#f8f8f8;
}
code.sql:before {
 content:"Terminal Window (psql)";
 display:block;
 margin-top:-1.5em;
 margin-bottom:0.5em;
 background-color:#fff;
 width:14em;
 text-align:center;
 color:#666;
 border:1px solid #aaa;
}
/*pre.ed:before {
 content:"Text Editor";
 display:block;
 margin-top:-0.5em;
 margin-bottom:0.5em;
 background-color:#fff;
 width:8em;
 text-align:center;
 color:#666;
}*/
pre.ed {
 color: #933;
}
code.ed {
 overflow-x: auto;
 /*display:block;*/
 display:block;
 margin:0.5em;
 padding:1em;
 border:1px solid #aaa;
 background-color:#ffffe7;/*#ffd;yellow-ish*/
 color:#000; /*#520;brown-ish*/ /*#550;brown-ish*//*#333;very-dark-grey*//*#999;dark-grey*//*#12522A;dark-green*/
}
/*code.ed:before {
 content:"Text Editor";
 display:block;
 margin-top:-1.5em;
 margin-bottom:0.5em;
 background-color:#fff;
 width:8em;
 text-align:center;
 color:#666;
}*/

/* ## ACM Programming contest specific ## */
a.icpc_h {
 text-decoration: none;
}
a.icpc_h:hover {
 /*text-decoration: underline;*/
 /*text-decoration-color: #D94214;*/
 text-shadow: 2px 2px #ccc;
}
h1.icpc {
 text-align: center;
}
h2.icpc {
 text-align: center;
}
h2.icpc_list {
 padding-top: 30px;
 text-align: center;
 color: steelblue; /*#68688C;dull-steel-medium-blue*/ /*#6A467A dark-dull-purple*/
}


/* ## About/resume ## */
table.prop {
 color: #000;
 border: 1px solid #ddd;
}
table.prop th {
 color: #fff;
 background: #555;
 padding: 5px 5px 5px 5px;
}
table.prop tr:nth-child(even) {
 background: #ccc;
}
table.prop tr:nth-child(odd) {
 background: #eee;
}
table.prop td {
 color: #000;
 /*background: #fff;*/
 padding: 8px 8px 8px 8px;
 vertical-align: text-top;
}

h2.about {
 padding-top: 30px;
 text-align: center;
 color: steelblue; /*#68688C;dull-steel-medium-blue*/
}


/* moved launch code for propulsion.html to launch_pure_css.css created by launch_pure_css.php */
