html, body {
    background-color: white;
    background-image: url("/static/img/background.jpg");
    background-repeat:no-repeat;
    margin:0;
    padding:0;
    font-family: "DejaVu Serif", serif;
}

@font-face {
  font-family: "DejaVu Serif";
  src: url("/static/font/DejaVuSerif.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "DejaVu Serif";
  src:
      url("/static/font/DejaVuSerif-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "DejaVu Serif";
  src:
      url("/static/font/DejaVuSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "DejaVu Serif";
  src:
      url("/static/font/DejaVuSerif-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "DejaVu Sans Mono";
  src:
      url("/static/font/DejaVuSansMono.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* -----------------------------------
  HEADER
----------------------------------- */
header {
	height:75px;
	line-height:75px;
    text-align: center;
}
header .logo1 {
	color:#000000;
	font-size:210%;
	font-family:'DejaVu Serif', serif;
}
header .logo2 {
	color:#008080;
	font-size:210%;
	font-family:'DejaVu Serif', serif;
}
header .logo-link {
	text-decoration:none;
	font-weight:normal;
	color:inherit;
}

/* -----------------------------------
  NAV
----------------------------------- */
nav {
    padding-bottom: 20px;
    font-size: 2.0rem;
    text-align: center;
}

footer {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* -----------------------------------
 homepage
----------------------------------- */
div.container-wrapper {
    background-color: #ffffff;
    width:100%;
}

div.container-wrapper.dark {
    background-color: #242424;
    color: #ffffff;
}

.hiring {
    background-color:#ffffff;
    border-style: double;
    border-width: 5px;
    border-color: #242424;
    padding:10px;
}

img {
    max-width: 100%;
    height: auto;
    border: 4px groove black;
}

div.spacer {
    display: block;
    height:20px;
}

/* -----------------------------------
   skeleton overrides
----------------------------------- */

h1, h2, h3, h4, h5, h6 {
    color: #008080;
}


/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 4.0rem; }
  h2 { font-size: 3.6rem; }
  h3 { font-size: 3.0rem; }
  h4 { font-size: 2.4rem; }
  h5 { font-size: 1.8rem; }
  h6 { font-size: 1.5rem; }
}

hr {
    border-top: 1px solid #008080;
}

th, td {
    border-bottom: 1px solid #008080;
}

code, pre {
    font-family: "DejaVu Sans Mono";
    overflow: auto;
}

/*ul {
  list-style: circle; }
ol {
    list-style: decimal; }
*/
p {
    margin-bottom: 1rem;
}

/* -----------------------------------
  Projects
----------------------------------- */
div.project-container {
    background-color: #ffffff;
    border: 1px solid #008080;
    padding: 10px;
    margin-bottom:10px;
}

div.project table {
    border: 1px solid #008080;
}

div.project td {
    background-color: #ffffff;
}

/* -----------------------------------
  Tag Pages
----------------------------------- */
div.tagpage-links a {
    
}

/* -----------------------------------
  Posts
----------------------------------- */
div.post .sidebar {
    background-color: #ffffff;
    border: 1px solid #008080;
    padding: 10px;
    margin-bottom: 5px;
}

/* -----------------------------------
  Resume
----------------------------------- */

.resume li p {
    display: inline;
}


/* ---------------------------------
DivTable.com
---------------------------------- */
.divTable{
	display: table;
	width: 100%;
        margin-bottom: 2.5rem;
        border: 1px solid #008080;
        overflow: auto;
}
.divTableRow {
    display: table-row;
    overflow: auto;
}
.divTableHeading {
	background-color: #ffffff;
	display: table-header-group;
        overflow: auto;
}
.divTableCell, .divTableHead {
	display: table-cell;
	padding: 3px 10px;
        background-color: #ffffff;
        border-bottom: 1px solid #008080;
        overflow: auto;
        
}
.divTableHeading {
	background-color: #ffffff;
	display: table-header-group;
	font-weight: bold;
        overflow: auto;
}
.divTableFoot {
	background-color: #ffffff;
	display: table-footer-group;
	font-weight: bold;
        overflow: auto;
        
}
.divTableBody {
    display: table-row-group;
    overflow: auto;
}