body {
	text-align: left;
	font-family: Tahoma, Geneva, sans-serif;
}
#ocean {
	margin: 1.5em 1em;
}
#ship {
	min-width: 20em;
	border: 0px dashed red;
	background-color: white;
}
#bow {
   clear: both;
}
header {
	text-align: center;
   /* width: 49.5em; */
   width: 20em;
	border: 0px dashed blue;
}
header h1,
header h3 {
	display: none;
}
header img {
	height: 5.5em;
}
nav {
	margin: 0em 1em 1em 1em;
	padding: 0;
}
nav ul {
	margin: 0;
	padding: 0;
}
nav li {
	display: inline;
	font-size: 16pt;
	font-weight: bold;
	margin: 0 0.5em;
	padding: 0;
}
nav a,
nav a:visited {
	text-decoration: none;
	color: black;
}
footer {
	text-align: center;
	font-size: 7pt;
   margin: 3em 0em;
   padding-top: 2em;
   clear: both;
}
#cargo footer a,
#cargo footer a:visited {
	color: silver;
	text-decoration: none;
}
#cargo footer img#footer-copyleft {
	width: 1em;
}
nav li, h1, h2, h3, h4 {
	font-family: 'Michroma', Tahoma, Geneva, sans-serif;
}
#port {
   clear: left;
}
#port, #starboard, #cargo {
	min-height: 20em;
	float: left;
	margin: 0;
	padding: 0;
}
section {
	border: 0px silver inset;
}
section article {
	border: 2px silver inset;
	padding: 0.1em 1em;
	margin: 0.4em 0.3em;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
#stern {
	display: none;
}
#starboard {
	width: 20em;
}
#cargo {
	width: 20em;
}
section h3 {
	margin-top: 0.3em;
}
section a {
	color: #009;
}
section a:visited {
	color: #006;
}
section h3 a,
section h3 a:visited {
	color: black;
}
section h4 {
	font-size: 0.9em;
	margin: 0.8em 0 0.4em 0;
}
section ul {
	margin: 0 0 0 0.4em;
	padding: 0 0 0 0.2em;
}
section li {
	font-size: 0.9em;
	padding: 0.2em 0;
	margin: 0;
}
.morelink {
	margin: 1.0em 0.2em;
	text-align: right;
	font-size: 0.9em;
}
#starboard .morelink {
	font-size: 0.8em;
}
#cargo .feedTitle {
	display: none;
}
#cargo #creditfooter {
	float: right;
	margin: 0.2em 0;
}
#cargo #codearticle li h5,
#cargo #appsarticle li h5 {
	font-size: 1.0em;
	margin: 0.2em 0 0 0;
}
#cargo #codearticle li p,
#cargo #appsarticle li p {
	font-size: 0.9em;
}
#cargo #codearticle img {
	margin: 1em 0;
}
#cargo #appsarticle  {
   overflow: auto;
}
#cargo #appsarticle img {
	margin: 1em 0;
   width: 90px;
}
#cargo .blog-year {
	font-size: 0.8em;
}
#cargo #scaling-scala-video {
   width: 140px;
   height: 65px;
   float: right;
}
#starboard #hirearticle #eraylogoneon {
	float: right;
	/* margin: 0.6em 0; */
	/* border: 1px inset black; */
	/* height: 1.1em; */
	/* overflow: hidden; */
	padding: 0;
	/* background-repeat: no-repeat;
	background-position: center center;
	background-color: #04d;
	border-radius: 7px; */
}
#starboard #hirearticle #eraylogoneon img {
   width: 2.2em;
   margin: 0.4em -0.3em 0 0;
}
#starboard #hirearticle #linkedinlogo  {
	float: right;
	margin: 0.6em 0;
}
#starboard #hirearticle #linkedinlogo img {
	width: 3.5em;
}
#starboard #hirearticle p,
#starboard #hirearticle li {
	font-size: 0.8em;
}
#starboard #twitterarticle {
   overflow: hidden;
}
#port {
	width: 6.5em;
   padding: 0.1em 0;
   display: none;
}
#port h3 {
	font-size: 0.9em;
}
#port .morelink {
	font-size: 0.6em;
	text-align: center;
}
#port > article {
	padding: 0.2em 0;
	text-align: center;
}
#port article .shirt {
	border: 0px dashed green;
	padding: 0.5em 0;
	margin: 0;
}
#port article .shirt img {
	width: 5.5em;
	height: 6em;
	border: 0px dashed blue;
}
#port article.round-shirt img {
   border-radius: 15%;
}



#port, #anchor,
#cargo #scaling-scala-video {
   display: none;
}

#container1, #container2 {
   width: 20em;
}
#container1,
#container2 {
   float: left;
}

@media all and (min-width: 440px) {
	#cargo, #bow, #starboard, #container1, #container2 {
      width: 25em;
   }
}
@media all and (min-width: 530px) {
	#cargo, #bow, #starboard, #container1, #container2 {
      width: 30em;
   }
}
@media all and (min-width: 660px) {
	#cargo, #bow, #starboard, #container1, #container2 {
      width: 38em;
	}
}
@media all and (min-width: 730px) {
   #cargo,
   #container1,
   #container2 {
      width: 30em;
	}
   #bow {
      width: 42em;
   }
	#starboard {
      width: 12em;
	}
   #starboard #linkedinlogo img {
      display: none;
   }
   #anchor {
      display: block;
   }
   #cargo #appsarticle img {
      width: 120px;
   }
}
@media all and (min-width: 805px) {
   #bow {
      width: 47em;
   }
	#starboard {
      width: 17em;
	}
   #starboard #linkedinlogo img {
      display: block;
   }
}
@media all and (min-width: 870px) {
   #cargo,
   #container1,
   #container2 {
      width: 34em;
	}
   #cargo #appsarticle img {
      width: 150px;
   }
}
@media all and (min-width: 950px) {
   #cargo,
   #container1,
   #container2 {
      width: 38em;
	}
   #bow {
      width: 50em;
   }
   #cargo #scaling-scala-video {
      display: block;
   }
}
@media all and (min-width: 970px) {
   #cargo, #bow {
      width: 45em;
	}
   #container1 {
      width: 25em;
	}
   #container2 {
      width: 20em;
	}
	#starboard {
      width: 12em;
	}
   #starboard #linkedinlogo img {
      display: none;
   }
}
@media all and (min-width: 1040px) {
   #cargo,
   #bow {
      width: 50em;
   }
   #container1 {
      width: 30em;
   }
   #cargo #appsarticle img {
      width: 120px;
   }
}
@media all and (min-width: 1130px) {
	#starboard {
      width: 17em;
	}
   #starboard #linkedinlogo img {
      display: block;
   }
}
@media all and (min-width: 1250px) {
   #cargo,
   #bow {
      width: 58em;
	}
	#container1 {
      width: 38em;
	}
}
@media all and (min-width: 1410px) {
   #cargo,
   #bow {
      width: 68em;
	}
	#container2 {
      width: 30em;
	}
   #cargo #appsarticle img {
      width: 150px;
   }
}
@media all and (min-width: 1520px) {
   #port {
      display: block;
   }
}