/**
* Colors
*/
/**
* Typography
*/
/**
* Forms
*/
/* OPACITY */
/* BACKGROUND GRADIENT */
/* BACKGROUND SIZE */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SIZING */
/* COLUMNS */
/* FLEX */
/* FLIP */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSITION */
/* WRAP */
.sr-only {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

.reset {
  margin: 0;
  padding: 0;
  border: 0; }

.layout-center {
  margin: 0 auto; }

.clear {
  clear: both; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

.bold {
  font-weight: bold; }

.italic {
  font-style: italic; }

.underline {
  border-bottom: 1px solid; }

.highlight {
  background: #ffc; }

.nopadding {
  padding: 0; }

.noindent {
  margin-left: 0;
  padding-left: 0; }

.nobullet {
  list-style: none; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.hide {
  display: none; }

.show {
  display: block; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

.wrap {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word; }

.no_wrap {
  white-space: nowrap; }

.skiplink {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

.skiplink:hover, .skiplink:focus {
  clip: auto;
  height: auto;
  overflow: visible;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #FEFEFE;
  color: #474777;
  margin: .3em 3em;
  padding: .3em 2em;
  border: 1px solid #226898; }

.scale {
  max-width: 50%;
  max-height: 50%;
  height: auto;
  width: auto; }

.scale25 {
  max-width: 25%;
  max-height: 25%;
  height: auto;
  width: auto; }

.scale55 {
  max-width: 55%;
  max-height: 55%;
  height: auto;
  width: auto; }

.scale75 {
  max-width: 75%;
  max-height: 75%;
  height: auto;
  width: auto; }

.scale100 {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto; }

.pad1 {
  padding: 1em; }

.pad2 {
  padding: 2em; }

.pad3 {
  padding: 3em; }

.pad4 {
  padding: 4em; }

html, body {
  font-family: Calibri, Candara, Geneva, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  line-height: 150%; }

ul {
  list-style-type: square; }

ol, ul {
  margin-left: .75em;
  margin-top: 0;
  margin-bottom: 10.5px; }

ul ul, ol ul, ul ol, ol ol {
  margin-bottom: 0; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

a {
  background: transparent; }

abbr[title] {
  border-bottom: 1px dotted;
  cursor: help;
  border-bottom: 1px dotted #b4bcc2; }

b,
strong {
  font-weight: bold; }

small {
  font-size: 80%; }

code pre, pre code {
  color: #000;
  font-family: 'Source Code Pro', 'courier new', sans-serif;
  word-wrap: break-word; }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.grid {
  margin: 0 0 0.2em 0; }
  .grid:after {
    /* Or @extend clearfix */
    content: "";
    display: table;
    clear: both; }

[class*='col-'] {
  float: left;
  padding-right: 0.2em; }
  .grid [class*='col-']:last-of-type {
    padding-right: 0; }

.col-2-3 {
  width: 66.66%;
  max-width: 66.66%; }

.col-1-3 {
  width: 33.33%;
  max-width: 33.33%; }

.col-1-2 {
  width: 50%;
  max-width: 50%; }

.col-1 {
  width: 100%;
  max-width: 100%; }

.col-3-4 {
  width: 75%;
  max-width: 75%; }

.col-1-4 {
  width: 25%;
  max-width: 25%; }

.col-1-5 {
  width: 20%;
  max-width: 20%; }

.col-1-8 {
  width: 12.5%;
  max-width: 12.5%; }

.col-1-10 {
  width: 10%;
  max-width: 10%; }

.module {
  padding: 0.2em; }

/* Opt-in outside padding */
.grid-pad {
  padding: 0.2em 0 0.2em 0.2em; }
  .grid-pad [class*='col-']:last-of-type {
    padding-right: 0.2em; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 480px) {
  /* Styles */ }
/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
  /* Styles */ }
/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
  /* Styles */ }
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* Styles */ }
/* iPads (landscape) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  /* Styles */ }
/* iPads (portrait) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  /* Styles */ }
/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
  /* Styles */ }
/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
  /* Styles */ }
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }
form div {
  margin: .5em;
  clear: both; }

form label span {
  display: block; }

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

optgroup {
  font-weight: bold; }

label.inline span, li input[type="checkbox"], li label, li input[type="radio"] {
  display: inline; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="password"],
input[type="time"],
input[type="tel"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
input[type="search"],
input[type="range"],
input[type="number"],
textarea,
.cke_chrome {
  width: 300px; }

form textarea, .cke_chrome {
  height: 10em; }

form textarea {
  resize: vertical;
  overflow: auto; }

/* '<input type="radio">' elements */
div.form_radio {
  clear: both;
  padding-top: 5px; }

/* '<input type="checkbox">' elements */
input[type="checkbox"], input[type="radio"] {
  clear: both;
  padding-top: 5px; }

input[type="radio"], label.inline {
  display: inline; }

legend {
  font-weight: bold;
  margin: 0;
  border: 0;
  padding: 0;
  display: block;
  width: 100%;
  margin-bottom: 21px;
  font-size: 22.5px;
  line-height: inherit;
  color: #2c3e50;
  border-bottom: 1px solid #e5e5e5; }

/* The fieldset element */
fieldset {
  padding: 0 5px 5px 5px;
  border: 1px solid #c0c0c0;
  margin: 0; }

/* Basically just the "*" that indicates required fields */
.reqd {
  vertical-align: top;
  color: red;
  font-weight: bold;
  font-size: medium;
  margin-left: 4px; }

/* Properties for the warning messages displayed during form validation */
.warn_msg, #warn_box, .warn {
  border: 1px solid #ccc;
  background-color: #eee;
  padding: 5px;
  font-weight: bold;
  color: red; }

.warn_img {
  border: 0;
  margin-right: 5px; }

#warn_list {
  list-style-type: square;
  color: #000; }

.error {
  border: 1px solid red; }

/* Class applied to form elements when an error happens */
.element_error_class {
  border: 1px solid red;
  color: red; }

/* the styling for the side-by-side form elements, i.e. "yes/no" radio buttons */
span.sidexside {
  margin-right: 20px; }

input[type="submit"][value="OK"], input[type="button"][value="Cancel"], input[type="submit"][value="Edit..."]
input[type="submit"][value="Delete"]
input[type="submit"][value="&lt;&lt; Back"] {
  height: 22px;
  width: 70px;
  padding-bottom: 2px; }

legend a {
  cursor: help; }

input:focus, textarea:focus, select:focus, input:hover, textarea:hover, select:hover {
  border: 2px solid #226898; }

.dateSet label, .dateSet select {
  display: inline; }

.dateSet label {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

#commentform {
  background-color: #eee;
  border: 1px solid #003;
  padding: 1em; }

#commentform label {
  display: block; }

#commentform label span {
  display: inline; }

.wpforms-container form {
  padding-right: 3em; }
  .wpforms-container form label {
    font-size: 1.2em;
    display: block;
    margin-bottom: 1em; }
  .wpforms-container form input, .wpforms-container form textarea {
    width: 100%; }
  .wpforms-container form input[type="submit"] {
    background-color: #226898;
    border: 0;
    width: auto;
    padding: .5em 1em;
    color: #fff;
    border: 1px solid #226898; }
  .wpforms-container form input[type="submit"]:hover, .wpforms-container form input[type="submit"]:focus {
    background-color: #fff;
    color: #226898; }

table {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0; }
  table caption {
    font-weight: bold;
    font-size: 1em; }
  table th, table td {
    padding: .25em;
    border: 1px solid #2C3E50 !important; }
  table thead th {
    background-color: #95A5A6;
    color: #000; }
  table tbody tr:nth-child(odd) {
    background-color: #eee; }
  table tbody th {
    text-align: left; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

img {
  vertical-align: middle;
  border: 0; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {
  cursor: pointer; }

[tabindex="0"]:focus, [tabindex="0"]:hover, a:focus, a:hover, *:focus {
  outline: 1px dotted;
  cursor: pointer; }

* {
  letter-spacing: 0;
  font-kerning: none;
  font-variant-ligatures: none;
  word-wrap: break-word; }

html, body, #wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: #EFEFEF; }

#global_nav {
  width: 100%;
  background-color: #003;
  color: #fff;
  text-align: right;
  padding-right: 2em;
  height: 3em;
  line-height: 3em;
  font-kerning: normal; }
  #global_nav ul {
    list-style-type: none;
    display: inline; }
    #global_nav ul li {
      list-style-type: none;
      display: inline;
      margin-left: 1em; }
      #global_nav ul li a {
        color: #fff;
        text-decoration: none; }
    #global_nav ul a {
      color: #fff;
      text-decoration: none; }

header {
  padding-left: 2em;
  padding-top: 2em;
  padding-bottom: 2em;
  background-color: #fff;
  color: #36393B; }
  header #header_about {
    text-transform: uppercase; }
    header #header_about h1 {
      margin: 0 0 .2em 0;
      padding: 0;
      font-size: 2.5em; }
    header #header_about div span {
      font-weight: bold; }
    header #header_about ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      display: block; }
      header #header_about ul li {
        list-style-type: none;
        display: inline; }
      header #header_about ul li:not(:last-child):after {
        content: " | "; }
  header #header_contact_info dl {
    margin: 0;
    padding: 0; }
    header #header_contact_info dl dt {
      float: left;
      font-weight: bold;
      margin-right: .5em; }
    header #header_contact_info dl dt::after {
      content: ": "; }
    header #header_contact_info dl dd {
      margin-bottom: .5em;
      font-style: oblique; }
    header #header_contact_info dl dd::after {
      content: " ";
      display: block;
      clear: left; }

/**
 *     The wrapper around main content
 */
main #primary_content {
  padding: 0 2em 0 2em; }
  main #primary_content a {
    text-decoration: none;
    border-bottom: 1px dotted #226898; }
  main #primary_content .entry-title a {
    text-decoration: none; }
  main #primary_content #contact_me ul li {
    font-size: 1.5em;
    margin-bottom: .5em; }
  main #primary_content #contact_me form {
    padding-right: 3em; }
    main #primary_content #contact_me form label {
      font-size: 1.2em;
      display: block;
      margin-bottom: 1em; }
    main #primary_content #contact_me form input, main #primary_content #contact_me form textarea {
      width: 100%; }
    main #primary_content #contact_me form input[type="submit"] {
      background-color: #226898;
      border: 0;
      width: auto;
      padding: .5em 1em;
      color: #fff;
      border: 1px solid #226898; }
    main #primary_content #contact_me form input[type="submit"]:hover, main #primary_content #contact_me form input[type="submit"]:focus {
      background-color: #fff;
      color: #226898; }
  main #primary_content #what_i_do {
    margin-top: .1em; }
    main #primary_content #what_i_do a {
      text-decoration: none;
      border-bottom: 1px dotted #fff;
      color: #fff; }
    main #primary_content #what_i_do a:hover, main #primary_content #what_i_do a:focus {
      border-bottom: 1px solid #fff; }
  main #primary_content #what_i_do div.inner:not(:last-child) {
    margin: .1em .1em .2em 0; }
  main #primary_content #what_i_do div.inner:last-child {
    margin: .1em 0 .2em 0; }
  main #primary_content #what_i_do div.inner {
    background-color: #003;
    padding: 1em;
    color: #fff; }
    main #primary_content #what_i_do div.inner h2, main #primary_content #what_i_do div.inner p {
      font-weight: normal;
      margin: 0;
      padding: 0; }
  main #primary_content #kudos h2 a {
    text-decoration: none;
    color: #000; }
  main #primary_content #kudos h2 a:hover, main #primary_content #kudos h2 a:focus {
    text-decoration: underline;
    color: #003; }
  main #primary_content #kudos blockquote {
    font-size: 1.2em;
    letter-spacing: 0; }
    main #primary_content #kudos blockquote cite {
      display: inline-block;
      margin-top: 1em; }
  main #primary_content h1, main #primary_content h2, main #primary_content h3, main #primary_content h4, main #primary_content h5, main #primary_content h6 {
    margin-bottom: .1em; }

/**
 *     The wrapper around footer content
 */
footer {
  background-color: #003;
  color: #fff;
  padding: 1.5em 0; }
  footer #tenon_footer_logo {
    width: 100px;
    height: auto;
    margin-left: 2em; }
  footer h2 {
    margin: 0 0 .5em 0;
    padding: 0;
    font-weight: normal; }
  footer #footer_contact_info dl {
    margin: 0;
    padding: 0; }
    footer #footer_contact_info dl dt {
      float: left;
      font-weight: bold;
      margin-right: .5em; }
    footer #footer_contact_info dl dt::after {
      content: ": "; }
    footer #footer_contact_info dl dd {
      margin-bottom: .5em;
      font-style: oblique; }
      footer #footer_contact_info dl dd a {
        text-decoration: none;
        color: #fff; }
    footer #footer_contact_info dl dd::after {
      content: " ";
      display: block;
      clear: left; }
  footer #footer_network ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline; }
    footer #footer_network ul li {
      display: inline;
      list-style-type: none;
      margin: 0;
      padding: 0; }
      footer #footer_network ul li a {
        font-size: 2em;
        color: #fff;
        text-decoration: none; }

/**
 *
 *  Teh page title, dur. Typically the first h1 in the content, but sometimes h2s in lists of blog entries
 *
 */
/**
 *
 * typically info placed as part of the title
 * such as search terms
 *
 */
#sidebar {
  margin-top: 2em; }
  #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
    margin-bottom: .1em; }
  #sidebar ul, #sidebar li {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none; }

/**
 *
 * sidebar
 *
 */
#sidebar .searchform input[type="search"] {
  width: 60%; }

.post {
  padding-bottom: 1em;
  border-bottom: 1px solid #95A5A6;
  margin-bottom: 1em; }

.sticky {
  background-color: #003;
  padding: 0 2em 1em 2em;
  margin: 0 .5em 0 .5em; }

/**
 *
 * widget wrapper
 */
/**
 *
 * list of widgets
 */
ul.sid {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse; }

ul.sid li {
  margin-bottom: 1em; }

.widget-container ul {
  list-style-type: none;
  padding: 0;
  margin-bottom: .5em; }

.widget-container ul li {
  margin: 0;
  padding: 0;
  border: 0; }

.widget-container .widget_search {
  border: none; }

/**
 *
 * the text label for the search form field
 */
.searchform label span {
  display: inline;
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

.searchform input[type="search"] {
  width: 15em;
  display: inline; }

/**
 *
 * entry title. could be an H1 or could be an H2 depending on context
 */
/**
 *
 * entry content
 */
.entry-footer, .entry-meta {
  font-size: small;
  padding: .2em;
  border: 1px solid #eee;
  margin-bottom: .5em; }

.entry-footer a {
  font-size: small; }

/**
 *
 * message saying no results
 *
 */
/**
 *
 * the navigation links below an entry
 *
 */
#nav-below {
  margin: 1em;
  padding-bottom: 1em; }

/**
 *
 * older/ newer; next/ previous links
 *
 */
.nav-previous {
  float: left; }

.nav-next {
  float: right; }

.meta-nav.previous {
  content: " &larr; "; }

.meta-nav.next {
  content: " &rarr; "; }

/**
 *
 * DIV that holds a page link
 *
 */
/**
 *
 * DIV that holds an edit link
 *
 */
/**
 *
 * Entry summary DIV
 *
 */
/**
 *
 * wraps comments
 *
 */
/**
 *
 * holds no-password message
 *
 */
/**
 *
 * comments list
 *
 */
#comments-list ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 1em 0;
  border-bottom: 1px solid #003; }

.meta-sep:after {
  content: " | "; }

.excerpt {
  border-bottom: 1px solid #003;
  padding-bottom: 1em;
  margin-bottom: 1em; }

/*# sourceMappingURL=style.css.map */