body {
  padding:50px;
  font:16px/1.5 Palatino, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:400;
}

h1, h2, h3, h4, h5, h6 {
  font:14px/1.5 Palatino, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color:#990000;/* #610B0B; */
  margin:0 0 20px;
}

h2, h3, h4, h5, h6 {
  font-style:italic;
}

p, ul, ol, table, pre, dl {
  margin:20px 0 20px 20px;
}

h1, h2, h3 {
  line-height:1.1;
}

h1 {
    width: 20%;
    float: left;
    position: fixed;
    font-size: 36px;
}

h2 {
  font-size:24px;
}

h3 {
  font-size:18px;
  font-style:normal;
}

a:link {
    color:#08298A;
    text-decoration:none;
}

a:visited {
    color:#084B8A;
    text-decoration:none;
}

a:hover {
   color:#610B0B;
   text-decoration:underline overline;
}

th, td {
  text-align:left;
  padding:5px 10px;
  border-bottom:1px solid #e5e5e5;
}

dt {
  color:#990000;
  font-weight:normal;
}

th {
  color:#444;
}

img {
  /* width:640px; */
  float:left;
  margin: 10px 15px 10px 5px;
  /* border: .5px solid #D0D0D0;/\* #08298A; *\/ */
}

strong {
  color:#222;
  font-weight:700;
}


small {
  font-size:11px;
}

hr {
  border:0;
  background:#e5e5e5;
  height:1px;
  margin:0 0 20px;
}

.header {
  width: 20%;
  float: left;
  position: fixed;
  top: 150px;
  text-align: center;
}

.outline-2 {
  width:75%;
  float:right;
  padding-bottom:50px;
}

.outline-text-2 {
    overflow: hidden;
    margin: 10px;
}


/* https://github.com/orderedlist/minimal/blob/master/stylesheets/styles.css */
@media print, screen and (max-width: 960px) {
  
  h1, .header, .outline-2 {
    float:none;
    position:static;
    width:100%;
  }
  
  .header {
    padding-right:320px;
  }
  
  .header a small {
    display:inline;
  }  
}

@media print, screen and (max-width: 720px) {
  body {
    word-wrap:break-word;
  }
  
  .header {
    padding:0;
  }
  
  .header ul, header p.view {
    position:static;
  }
}

@media print, screen and (max-width: 480px) {
  body {
    padding:15px;
  }
  
  .header ul {
      list-style-type:none;
      padding:0px;
      /* position:static; */
      /* padding-left:5px; */
  }
}

@media print {
  body {
    padding:0.4in;
    font-size:12pt;
    color:#444;
  }
}

/* Font Icons from IcoMoon */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?ocw641');
	src:url('fonts/icomoon.eot?#iefixocw641') format('embedded-opentype'),
		url('fonts/icomoon.woff?ocw641') format('woff'),
		url('fonts/icomoon.ttf?ocw641') format('truetype'),
		url('fonts/icomoon.svg?ocw641#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-size: 120%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-mail:before {
	content: "\e600";
}
.icon-google:before {
	content: "\e601";
}
.icon-twitter:before {
	content: "\e602";
}
.icon-github:before {
	content: "\e603";
}
.icon-wordpress:before {
	content: "\e604";
}
.icon-linkedin:before {
	content: "\e605";
}
.icon-stackoverflow:before {
	content: "\e606";
}