/******************************************************************
Site Name: DG ASI2013 Theme 
Author: Digital Gear

Stylesheet: Main Stylesheet

******************************************************************/
/******************************************************************
GENERAL NORMALIZE (DONT EDIT THIS SECTION)
******************************************************************/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]),[hidden]{display:none}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;font-size:13px;line-height:1.5}body,button,input,select,textarea{font-family:sans-serif;color:#333}img{max-width:100%;height:auto;border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong,.strong{font-weight:bold}dfn,em,.em{font-style:italic}small,.small,sub,sup{font-size:75%}ins,.ins{background:#ff9;color:#000;text-decoration:none}mark,.mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}blockquote{margin:1.5em 40px}q{quotes:none}q:before,q:after{content:"";content:none}ul,ol{margin:1.5em 0;padding:0}dd{margin:0}nav ul,nav ol,.widget ol,.widget ul,.commentlist{list-style:none;list-style-image:none;margin:0}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}form,fieldset,form ul,form ol,fieldset ol,fieldset ul{margin:0;border:0}legend{border:0;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}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-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}.clearfix:before,.clearfix:after,nav[role=navigation] .menu ul:before,nav[role=navigation] .menu ul:after{content:"";display:table}.clearfix:after,nav[role=navigation] .menu ul:after{clear:both}.clearfix,nav[role=navigation] .menu ul{zoom:1}.wp-smiley{margin:0!important;max-height:1em}.attachment-thumb-50{width: 50px;height: 50px}
@media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .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; } 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; }
}
/*******************************************************************
COMMON & REUSABLE STYLES
******************************************************************/
.mobHide { display: none; }
.overflow { overflow: auto; }
.noStyle, .noStyle li { list-style-type: none; margin-left: 0; }
.dropShadow, #main img, .item, .isotope-item { 
  -webkit-box-shadow: 0 5px 7px rgba(0,0,0,0.2);
     -moz-box-shadow: 0 5px 7px rgba(0,0,0,0.2);
      -ms-box-shadow: 0 5px 7px rgba(0,0,0,0.2);
          box-shadow: 0 5px 7px rgba(0,0,0,0.2);
}
#main img.sansShadow {
  -webkit-box-shadow: none; 
     -moz-box-shadow: none;  
      -ms-box-shadow: none;
          box-shadow: none;
}
.textShadow { text-shadow: -1px 1px 0 rgba(0,0,0,0.4); }
.bottomSpace { margin-bottom: 2.5em; }
.boxPadding { 
  padding: 5%; 
  -webkit-box-sizing: border-box; 
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
.dashBorderT { border-top: 1px dashed #f0f0f0; }
.dashBorderB { border-bottom: 1px dashed #f0f0f0; }
.dashBorderGreen { 
  border-top: 1px dashed #7ea02a; 
  border-bottom: 1px dashed #7ea02a;
}
.greenBorder, img.wpp-thumbnail { 
  background: #fff;
  padding: 2px;
  border: 2px solid #7fa02b;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
      -ms-border-radius: 2px;
          border-radius: 2px;
}
.clearThumb50 { padding-left: 55px; }
.margin0, .margin0 p { margin: 0; }
.inlineList li { float: left; }
.imgContainer250 {
  max-height: 250px;
  overflow: hidden;
}
.hexigonList li { list-style-type: none; }
.hexigonList li:before {
  position: relative;
  content: "\e007";
  color: #666;
  font-size: 10px;
}
a, a:visited { 
  color: #1a8ecf;
  text-decoration:none; 
}
a:hover, a:focus { 
  color: #666;
  text-decoration:none; 
}
a:active { color: #f7931e; } /* on click */
a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); }
.darkGreyBG a, .darkGreyBG a:visited { color: #f6f5f2; }
.darkGreyBG a, .darkGreyBG a:hover { color: #1a8ecf; }
.lightGreyBG a, .lightGreyBG a:visited { color: #414769;font-size:1.5em }
.darkGreyBG a:hover, .darkGreyBG a:focus, .greyBG a, .greyBG a:visited { color: #fff; }
.lightGreyBG a:hover, .lightGreyBG a:focus { color: #666; }
.greyBG a:hover, .greyBG a:focus { color: #444; }
.grey { color: #6f6f6f; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }
.text-uppercase { text-transform: uppercase; }
mark, .search-term { background: #EBE16F; }
.help, .info, .error, .success { margin: 10px; padding: 5px 18px; border: 1px solid #cecece; }
.help { border-color: #E0C618; background: #EBE16F; }
.info { border-color: #92cae4; background: #d5edf8; }
.error { border-color: #fbc2c4; background: #fbe3e4; }
.success { border-color: #c6d880; background: #e6efc2; } 
.button, .button:visited, a.button, a.button:visited {
  zoom: 1;
  position: relative;
  height: 1em;
  text-transform: uppercase;
  color: #fff;
  background: #1a8ecf;
  font-size: 24px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  padding: 8px 5px 30px 28px;
  min-width: 100px;
  margin: 0 19px 20px 0;
  line-height: 24px;
  text-shadow: -1px 1px 0 rgba(0,0,0,0.4);
}
.button:before, a.button:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 19px 0 19px 19px;
}
.button:hover:after, a.button:hover:after {
  border-color: transparent transparent transparent #146fa2;
}
.button:hover, a.button:hover {
  color: #fff;
  background: #146fa2;
  text-decoration: none;
}
.tanBG .button:before, .tanBG .green.button:before { border-color: transparent transparent transparent #f6f5f2; }
.darkGreyBG .button:before { border-color: transparent transparent transparent #414769; }
.lightGreyBG .button:before { border-color: transparent transparent transparent #dedbd3; }
.greyBG .button:before { border-color: transparent transparent transparent #c1bfb8; }
.button:after, a.button:after {
  content: "";
  color: #1a8ecf;
  position: absolute;
  top: 0;
  right: -18.4px;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #1a8ecf;
  border-style: solid;
  border-width: 19px 0 19px 19px; 
}
/* green button */
.green.button, .green.button:visited, a.green.button, a.green.button:visited { background: #7ea02a; }
.green.button:after { border-color: transparent transparent transparent #7ea02a; color: #7ea02a; }
.green.button:hover:after { border-color: transparent transparent transparent #5e781f; }
.green.button:hover, a.green.button:hover { background: #5e781f; }
/*active button*/
.button:active:after, a.button:active:after, .green.button:active:after, a.green.button:active:after { border-color: transparent transparent transparent #f7931e; }
.button:active, a.button:active, .green.button:active, a.green.button:active { background: #f7931e; }
/* orange button */
.orange.button, a.orange.button {
  background: #f7931e;
  padding: 8px 14px 6px 5px;
}
.orange.button:before {
  content: "";
  left: -30px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 38px 38px 0;
  border-color: transparent #f7931e transparent transparent;
}
.orange.button:after {
  content: "";
  left: -30px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 0 38px 38px;
  border-color: transparent transparent #f7931e transparent;
}
.orange.button span:after {
  content: "";
  position: absolute;
  top: 0;
  right: -18.9px;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #f7931e;
  border-style: solid;
  border-width: 19px 0 19px 19px; 
}
.orange.button:hover { background: #da7908; }
.orange.button:active { background: #7ea02a; }
.orange.button:hover:before { border-color: transparent #da7908 transparent transparent; }
.orange.button:hover:after { border-color: transparent transparent #da7908 transparent; }
.orange.button:hover span:after { border-color: transparent transparent transparent #da7908; }
.orange.button:active:before { border-color: transparent #7ea02a transparent transparent; }
.orange.button:active:after { border-color: transparent transparent #7ea02a transparent; }
.orange.button:active span:after { border-color: transparent transparent transparent #7ea02a; }
/* Backgrounds and Colors */
.greenBG { background-color:#76CEE4; color: #fff; }
.tanBG, .item, .isotope-item { background: #f6f5f2; }
.tanBG h3 {  }
.darkGreyBG {
  background: #414769;
  color: #fff;
  position: relative;
}
.lightGreyBG { background: #dedbd3; }
.lightGreyBG h3 { color: #666; }
.greyBG {
  background: #c1bfb8;
  color: #fff;
}
.lightGreyTB {
  border-top: 10px solid #e0d7cc;
  border-bottom: 10px solid #e0d7cc;
}
.greyTransBG h2, .greyTransBG p {
  display: inline-block; 
  padding: 7px 19px;
  color: #fff;
  background: rgba(48,52,57,0.6);
}
.darkGreyBG h2 { color: #fff; }
/*******************************************************************
FONTS
******************************************************************/
/*
@font-face {
    font-family: 'MuseoItalic';
    src: url('../fonts/museo_slab_500italic-webfont.eot');
    src: url('../fonts/museo_slab_500italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo_slab_500italic-webfont.woff') format('woff'),
         url('../fonts/museo_slab_500italic-webfont.ttf') format('truetype'),
         url('../fonts/museo_slab_500italic-webfont.svg#museo_slab_500italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoRegular';
    src: url('../fonts/museo_slab-webfont.eot');
    src: url('../fonts/museo_slab-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo_slab-webfont.woff') format('woff'),
         url('../fonts/museo_slab-webfont.ttf') format('truetype'),
         url('../fonts/museo_slab-webfont.svg#museo_slab_500regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../fonts/League_Gothic-webfont.eot');
    src: url('../fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/League_Gothic-webfont.woff') format('woff'),
         url('../fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('../fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LatoBlack';
    src: url('../fonts/Lato-Bla-webfont.eot');
    src: url('../fonts/Lato-Bla-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-Bla-webfont.woff') format('woff'),
         url('../fonts/Lato-Bla-webfont.ttf') format('truetype'),
         url('../fonts/Lato-Bla-webfont.svg#LatoBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LatoLight';
    src: url('../fonts/Lato-Lig-webfont.eot');
    src: url('../fonts/Lato-Lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-Lig-webfont.woff') format('woff'),
         url('../fonts/Lato-Lig-webfont.ttf') format('truetype'),
         url('../fonts/Lato-Lig-webfont.svg#LatoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'ASI-Icons';
  src:url('../fonts/ASI-Icons.eot');
  src:url('../fonts/ASI-Icons.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ASI-Icons.svg#ASI-Icons') format('svg'),
    url('../fonts/ASI-Icons.woff') format('woff'),
    url('../fonts/ASI-Icons.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before, #searchsubmit {
  font-family: 'ASI-Icons';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before, [class*=" icon-"]:before, #inner-content li:before, p.tags:before, #mobileMenuBtn:before, #menu-mobile-navigation > li > a:after {
  font-family: 'ASI-Icons';
  font-style: normal;
  speak: none;
  font-weight: normal;
  line-height: 1;
  padding-right: 4%;
  text-shadow: none;
  -webkit-font-smoothing: antialiased;
}
[class^="icon-"]:hover:before, [class*=" icon-"]:hover:before { color: #444; }
.icon-search:before, #searchsubmit { content: "\e000"; }
.icon-facebook:before {
  content: "\e001";
  color: #3a5897;
}
.icon-linkedin:before {
  content: "\e002";
  color: #0773a5;
}
.icon-rss:before {
  content: "\e003";
  color: #e2942d;
}
.icon-twitter:before {
  content: "\e004";
  color: #1a8ecf;
}
.icon-vimeo:before {
  content: "\e005";
  color: #17aed7;
}
.icon-youtube:before {
  content: "\e006";
  color: #cd3824;
}
.icon-hexagon:before {
  content: "\e007";
  color: #eee;
}
.icon-tag:before {
  content: "\20";
  color: #b0d136;
}
.icon-menu:before { content: "\e0"; }
.icon-close:before { content: "\e00c"; }
.icon-arrow-down:before { content: "\e00"; }
.icon-arrow-up:before { content: "\e00d"; }
.MuseoRegular, body, ul.top-nav ul li a, #s, .secondary-nav li a, footer.darkGreyBG a, input[type="text"], #mce-EMAIL, .stream li, #menu-mobile-navigation .sub-menu a, .sidebar .commentPosts li.MuseoRegular a { font-family: 'museo-slab', serif; text-transform: none; }
.MuseoItalic { font-family: 'museo-slab', serif; }
.LeagueGothic, .button, footer.darkGreyBG .button, .top-nav, ul.secondary-nav ul li a, .magazineFeed a, .lightGreyBG a, .greyBG a, .comment .fn, .sidebar .popularPosts li a, .sidebar .recentPosts li a, .sidebar .commentPosts li a, #infscr-loading, #menu-mobile-navigation a {
  font-family: 'LeagueGothicRegular', sans-serif; 
  text-transform: uppercase;
}
.LatoBlack, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, .wpcf7 #submit, strong.tagline, #commentform #submit, .tagline strong, .commentlist .comment-reply-link, .sidebar .tabs li, #mc-embedded-subscribe, #social-stream .section-title, .stream li.dcsns-facebook .section-text a, .calFeed .calDate span, .wpcf7-submit { 
  font-family: 'LatoBlack', sans-serif;
  font-weight: 300;
}
.LatoLight, .tagline, .calFeed .calDate { font-family: 'LatoLight', sans-serif; }

/*******************************************************************
TABLE STYLES
******************************************************************/
.post-content table { width: 100%; font-size: 1em; line-height: 1.25em; border-collapse: collapse; border-spacing: 0; overflow-x: scroll; }
  .post-content thead th, .post-content thead td { margin: 0; padding: 0.4166em; vertical-align: top; border: 1px solid #babcbf; background: #fff; text-align: left; background: #414769; color:#fff; }
  .post-content th { border-bottom: 0; }
  .post-content tbody { border: 1px solid #babcbf; }
  .post-content tr { border-bottom: 1px solid #babcbf; }
  .post-content td { border-left: 1px solid #babcbf; }

/******************************************************************
PLUGIN STYLES
******************************************************************/
/**** Isotope Filtering ****/
#isotopeContainer { padding-bottom: 5em; }
.item, .isotope-item {
  z-index: 2;
  width: 98%;
  margin: 15px 1%;
}
.item h4 { font-size: 1.2em; }
.item h4 a, .item h4 a:visited { color: #666; }
.item h4 a:hover, .item h4 a:focus { text-decoration: underline; }
#main .item img, #infscr-loading img {
  width: 100%;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
      -ms-box-shadow: none;
          box-shadow: none;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

#infscr-loading {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -62px;
  font-size: 1.4em;
  text-align: center;
}
#infscr-loading img {
  width: 24px;
  height: 24px;
}
/**** Social Stream ****/
#social-stream .icon, #vimeo-social-stream .icon {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
      -ms-box-shadow: none;
          box-shadow: none;
}
#social-stream .inner img, #social-stream .stream li.dcsns-facebook .section-text img, #social-stream .stream li .section-thumb img {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
      -ms-box-shadow: none;
          box-shadow: none;
  float: none;
  border: none;
  background-size: transparent;
  padding: 0;
  margin: 0 auto;
}
.stream.isotope .section-thumb { min-height: 150px; }
.stream .section-text { white-space: pre-line; }
.stream li { background-color: #f6f5f2; }
.stream img { visibility: visible; }
/**** Flex Slider ****/
.flexslider { 
  position: relative; 
  margin-top: -4em;
}
.flex-caption h2, .flex-caption p { margin: 0; }
.flex-caption .greyTransBG {
  position: relative;
  top: -26px;
  width: 85%;
  right: 0;
}
.flex-caption .greyTransBG.offset {
  left: 14%;
  top: -20px;
}
.flex-caption .button {
  top: -26px;
  left: 45%;
}
.flex-control-nav { z-index: 99; }
/**** Accordions ****/
.accordionButton:before {
  content: "+";
  width: 1em;
  display: inline-block;
}
.accordionButton.on:before {
  content: "-";
  color: #f7931e;
}
.accordionContent p, .accordionContent h1, .accordionContent h2, .accordionContent h3, .accordionContent h4, .accordionContent h5 { margin: 0 0 1em 0; }
.accordionContent p:last-child { margin: 0; }
/**** Flickr Gallery ****/
.afg-row, .afg-pagination { clear:left; }
.afg-gallery { padding-bottom: 7em; float: left; }
.afg-cell {
  margin: 0;
  float: left;
}
/******************************************************************
BASE MOBILE STYLES
Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible.
******************************************************************/
body {
  font-size: 12px;
  line-height: 1.5;
  color: #666;
}
p { margin: 0 0 1em 0; }

/*********************
LAYOUT & GRID STYLES
*********************/
.wrap { 
  width: 90%;
  min-width: 280px;
  margin: 0 auto;
}
/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { 
  font-weight: 300;
  text-transform: uppercase; 
  /*margin: 0.6em 0 0.1em 0;*/
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { 
  text-decoration: none; 
}
h1, .h1 { 
  font-size: 2.3em; 
  line-height: 1.6em;
  color:#414769; 
}
h2, .h2 { 
  font-size: 1.9em; 
  line-height: 1.4em; 
  /*margin-bottom: 0.375em;*/
  color:#414769;  
}
h3, .h3 { 
  font-size: 1.5em;
 color:#414769; 
}
h4, .h4 { 
  font-size: 1.3em;
 color:#414769; 
}
h5, .h5 { 
  font-size: 1.1em; 
 color:#414769; 
  text-transform: uppercase; 
  letter-spacing: 2px; 
 
}
/*********************
HEADER SYTLES
*********************/
  #inner-header {
    text-align: center;
    height: 70px;
  }
  .home #inner-header { height: 94px; }
  #logo { margin: 22px 0 5px 0; }
  #logo img {
    max-width:220px;
    width: 100%;
    padding-top: 7px;
  }
  .header #searchform {
    float:right;
    min-width: 200px;
  }
  #searchform, .wpcf7-form {
    position: relative;
    margin: 10px 0;
  }
    #mc_embed_signup, p.followUs { margin-top: 1.7em; }
    #mc_embed_signup { min-width: 210px; }
    #s, .footer #email, #mce-EMAIL{
      background-color: #fff;
      vertical-align: middle;
      font-size: 0.8em;
      height: 26px;
      min-width: 160px;
      border: 0;
      padding-left: 2%;
      -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
              border-radius: 4px;
    }
    .footer #email, #mce-EMAIL {
      font-size: 1em;
      height: 34px;
      margin-right: 8px;
    }
    .post-content #mce-EMAIL {
      background: #eee;
    }
    #searchsubmit, #searchsubmit:visited, #submit, #submit:visited, #mc-embedded-subscribe {
      text-align: center;
      vertical-align: middle;
      background: #f7931e;
      color: #fff;
      border: 0;
      padding: 0 7px;
      height: 26px;
      width: 26px;
      text-shadow: none;
      -webkit-border-radius: 13px;
         -moz-border-radius: 13px;
              border-radius: 13px;
    }
    #submit, #mc-embedded-subscribe, .wpcf7-submit {
      height: 34px;
      width: 34px;
      -webkit-border-radius: 17px;
         -moz-border-radius: 17px;
              border-radius: 17px;
    }
    #searchsubmit:hover, #submit:hover, #mc-embedded-subscribe:hover, .wpcf7-submit:hover { background: #da7908; }
    #searchsubmit:active, #submit:active, #mc-embedded-subscribe:active, .wpcf7-submit:active { background: #7ea02a; }
/*********************
NAVIGATION STYLES
*********************/
  nav .secondary-nav-wrap, nav .top-nav { display: none; }
  .menu { margin: 1.1em 0; }
  #mobileMenuBtn {
    display: block;
    float: left;
    cursor: pointer;
    margin-top: 14px;
    text-align: center;
  }
  #mobileMenuBtn:before { 
    color: #fff;
    background: #1a8ecf;
    font-size: 20px;
    padding: 4px 10px;
    content: "\e0"; 
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  }
  #mobileMenuBtn.active:before {
    background: #da7908;
    content: "\e00c";
  }
  .mobile-menu {
    display: none; /* toggled in scripts.js */
    position: absolute;
    font-size: 1.7em;
    width: 100%;
    top: 45px;
    left: 0;
    z-index: 9999;
    background: rgba(77,77,77,0.9);
    -webkit-box-shadow: 0 7px 7px 0 rgba(0,0,0,0.5); 
       -moz-box-shadow: 0 7px 7px 0 rgba(0,0,0,0.5);
        -ms-box-shadow: 0 7px 7px 0 rgba(0,0,0,0.5);
            box-shadow: 0 7px 7px 0 rgba(0,0,0,0.5);
  } 
    #menu-mobile-navigation li a, #menu-mobile-navigation li a:visited {
      color: #fff;
      display: block;
      padding: 8px 0;
      margin: 0 3%;
      border-top: 1px solid #ccc;
    }
    #menu-mobile-navigation li.on { background: #fff; }
    #menu-mobile-navigation li.on a { color: #4d4d4d; }
    #menu-mobile-navigation > li:first-child > a { border-top: 0; }
    #menu-mobile-navigation > li > a:after { 
      content: "\e00";
      position: absolute;
      right: 5%;
    }
    #menu-mobile-navigation > li > a.on:after { 
      content: "\e00d";
    }
      #menu-mobile-navigation .sub-menu { display: none; } /* toggled in scripts.js */
      #menu-mobile-navigation .sub-menu a {
        font-size: 0.65em;
        text-transform: none;
        border-top: 1px solid #ccc;
        padding-left: 10px;
      }
        .menu li a {
          color: #414769;
          display: block;
          text-decoration: none;
          text-transform: uppercase;
          padding: 2px 10px;
          border-bottom: 1px solid #ccc; 
        }
            .menu ul ul li a {
              padding-left: 30px;
              text-transform: none;
            }
/*********************
POSTS & CONTENT STYLES
*********************/
#content { margin-top: 2.2em; }
.post-content { overflow: hidden; }
.post-content li { margin-bottom: 0.5em; }
#main ul, #main ol { margin-left: 20px; }
.magazineFeed ul {
  margin:0;
  padding: 0.4em 0;
}
.magazineFeed .button { margin-top: 2em; }
.videoSection { font-size: 1.2em; }
.videoSection h2 { margin-bottom: 0.1em; }
.videoSection p { margin-top: 0; }
.stream li .section-text { display: block; }
.socialList a {
  font-size: 1.3em;
  text-transform: uppercase;
  word-wrap: break-word; 
}
a.orange.button.carouselBtnClose { 
  display: none; 
  padding: 8px 20px 6px 5px;
  margin: 0 20px 0 19px;
}
a.orange.button.carouselBtnClose:before {
  border-width: 19px 19px 19px 0;
  border-color: transparent #f6f5f2 transparent transparent;
  right: -1px;
  left: auto;
}
a.orange.button.carouselBtnClose:after {
  border-width: 19px 19px 19px 0;
  border-color: transparent #f7931e transparent transparent;
  left: -18.9px;
}
a.orange.button.carouselBtnClose:hover:after { border-color: transparent #da7908 transparent transparent; }
a.orange.button.carouselBtnClose:active:after { border-color: transparent #7ea02a transparent transparent; }
.carouselWrap h3 {
  color: #666;
  margin: 0.2em 0;
  font-size: 1.5em;
}
.carouselContent { overflow: auto; }
.carouselCaption { overflow: hidden; }
.carouselCaption p { margin: 1em 0 3em 0; }
.carouselContent .boxPadding { padding-top: 40px; }
.carouselCaption img {
  display: block;
  margin: 0 auto;
}
.magazineFeed h2 {
  margin-bottom: 0;
  padding-bottom: 0.375em;
}
.magazineFeed li a { font-size: 1.4em; }
.magazineFeed li p { margin: 0; }
p.tags:before {
  content: "\e034";
  color: #b0d136;
  padding-right: 5px;
  font-size: 1.4em;
}
.search-title { margin: 2em 0 0.3em 0; }
#crumbs { margin: 1em 0; }
.calFeed { margin: 0.6em 0; }
.calFeed .sixcol { margin-bottom: 1.5em; }
.calFeed h4, .calFeed p { margin: 0; }
.calFeed h4 { font-size: 1.5em; }
.calFeed p { font-size: 0.85em;
             color:black;
}
.calFeed .calDate {
  text-align: center;
  width: 4em;
  height: 3.8em;
  padding-top: 0.2em;
  background: white;
  float: left;
  margin-right: 10px;
  margin-top: 6px;
  line-height: 1.6em;
}
.calFeed .calDate span {
  display: block;
  font-size: 2em;
}
.calFeed .calExcerpt { min-height: 2em; }
    .meta { color: #999; }
      .post-content blockquote {
        background: #f2f2f2;
        width: 65%;
        margin: 2em auto;
        padding: 5px 10%;
        position: relative;
        overflow: hidden;
      }
      .post-content blockquote:before, .post-content blockquote:after {
        font-family: Georgia, serif;
        position: absolute;
        font-size: 5em;
        color: #b0d136;
      }
      .post-content blockquote:before {
        content: "“";
        top: -0.3em;
        left: 5px;
      }
      .post-content blockquote:after {
        content: "”";
        right: 5px;
        bottom: -0.8em;
      }
      .post-content dd {
        margin-left: 0;
        font-size: 0.9em;
        color: #787878;
        margin-bottom: 1.5em;
      }
      .post-content img { 
        margin: 0 0 1.5em 0; 
        max-width: 100%; 
      }
      .post-content video, .post-content object { max-width: 100%; }
      .post-content pre, .post-content code {
        background: #eee;
        border: 1px solid #cecece;
        padding: 10px;
      }
      .wp-caption {
        background: #eee;
        padding: 5px;
      }
      .wp-caption img {
        margin-bottom: 0;
        width: 100%;
      }
      .wp-caption p.wp-caption-text {
        font-size: 0.85em;
        margin: 4px 0 7px;
        text-align: center;
      }
/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.js .page-navigation { display: none; }
.page-navigation { font-size: 1.3em; }
.page-navigation, .wp-prev-next { margin: 1.1em 0 2.2em; } 
    .bones_page_navi li { 
      float: left; 
      margin-left: 10px; 
    } 
      .bones_page_navi li a { 
        padding: 3px 6px; 
        display: block; 
        text-decoration: none; 
        position: relative; 
      }
        .bones_page_navi li a:hover { 
          color: #3F6B80; 
          text-decoration: underline; 
        }
    .bones_page_navi li.bpn-current { 
      padding: 3px 6px; 
      border-bottom: 2px solid #3F6B80; 
      position: relative; 
    } 
    .bones_page_navi li.bpn-prev-link a, .bones_page_navi li.bpn-next-link a { padding: 0; }
    .bones_page_navi li.bpn-prev-link a:hover, .bones_page_navi li.bpn-next-link a:hover, .bones_page_navi li.bpn-first-page-link a:hover, .bones_page_navi li.bpn-last-page-link a:hover { background: none; } 
    .bones_page_navi li.bpn-next-link { font-weight: 700; } 
      .wp-prev-next .prev-link { float: left; }
      .wp-prev-next .next-link { float: right; }
/******************************************************************
COMMENT STYLES
******************************************************************/
#commentform #submit, .wpcf7-submit { 
  text-transform: uppercase; 
  padding: 0;
  width: 100%;
  margin-top: 1.8em;
  font-size: 1.2em;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
      -ms-border-radius: 5px;
          border-radius: 5px;
}
  .commentlist li { 
    position: relative; 
    clear: both; 
    overflow: hidden;
    list-style-type: none; 
    margin-bottom: 1.5em; 
    padding: 0.7335em 10px; 
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
        -ms-border-radius: 5px;
            border-radius: 5px;
  }
    .commentlist li[class*=depth-] { margin-top: 1.1em; }
      .commentlist li.depth-1 { 
        margin-left: 0; 
        margin-top: 0; 
      }
        .commentlist li:not(.depth-1) { 
          margin-right: -10px; 
          margin-left: -10px;
          margin-top: 0; 
          padding-bottom: 0; 
        }
      .commentlist li:last-child { margin-bottom: 0; }
      .commentlist .odd { background: #eee; }
      .commentlist .even { 
        background: #fefefe; 
        -webkit-border-radius: 5px 0 0 5px;
           -moz-border-radius: 5px 0 0 5px;
            -ms-border-radius: 5px 0 0 5px;
                border-radius: 5px 0 0 5px;
      }
      .commentlist .vcard { margin-left: 50px; }
        .commentlist .vcard cite.fn { 
          font-style: normal; 
          font-size: 1.6em;
        }
        .commentlist .vcard time { float: right; }
          .commentlist .vcard time a { 
            color: #999; 
            text-decoration: none; 
          }
            .commentlist .vcard time a:hover { text-decoration: underline; }
        .commentlist .vcard img.avatar { 
          position: absolute; 
          left: 10px; 
          padding: 2px; 
          border: 1px solid #cecece; 
          background: #fff; 
        }
      .commentlist li .comment_content { margin-left: 50px; }
        .commentlist li .comment_content p { 
          margin: 0.7335em 0 1.5em; 
          font-size: 1em; 
          line-height: 1.5em; 
        }
        .commentlist li ul { margin: 0; }   
        .commentlist .comment-reply-link, .wpcf7-submit { 
          text-decoration: none; 
          float: right;  
          background: #f7931e; 
          padding: 3px 5px; 
          color: #fff; 
          margin-bottom: 10px;
          text-transform: uppercase;
          -webkit-border-radius: 5px;
             -moz-border-radius: 5px;
              -ms-border-radius: 5px;
                  border-radius: 5px; 
        }
        .wpcf7-submit { 
          float: none;
          border: 0;
        }
          .commentlist a.comment-reply-link:hover { background: #da7908; }
          .commentlist a.comment-reply-link:active { background: #7ea02a; }
/******************************************************************
COMMENT FORM STYLES
******************************************************************/
.respond-form { 
  margin: 1.5em 10px; 
  padding-bottom: 2.2em; 
}
  #comment-form-title { color: #7ea02a; }
  .comment-form-elements p { margin: 2em 0 0.1em 0; }
  .respond-form form[method=post] { margin: 0.75em 0; }
    .respond-form form[method=post] li { 
      list-style-type: none; 
      clear: both; 
      margin-bottom: 0.7335em; 
    }
      .respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url], .respond-form textarea, .darkForm #searchform #s, .wpcf7-text, .wpcf7-textarea, .wpcf7-quiz, .wpcf7-captchar { 
        padding: 3px 6px; 
        background: #eee; 
        line-height: 1.5em; 
        border: 0;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
            -ms-border-radius: 5px;
                border-radius: 5px;
      }
      .respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url] { 
        max-width: 400px; 
        width: 90%;
        height: 36px; 
      }
      #allowed_tags { margin: 1.5em 10px 0.7335em 0; }
      .respond-form textarea { 
        resize: none; 
        width: 98.5%; 
        height: 221px; 
      }
      .wpcf7-text, .wpcf7-textarea {
        width: 98.5%;
      }
      .darkForm #searchform #s { width: 50%; }
  /* form validation */
  .respond-form input:invalid, .respond-form textarea:invalid { 
    outline: none; 
    border-color: #fbc2c4; 
    background-color: #f6e7eb;
    -webkit-box-shadow: none; 
       -moz-box-shadow: none;  
        -ms-box-shadow: none;
            box-shadow: none;  
  }   
/*********************
SIDEBARS & ASIDES
*********************/
  .sidebarNav li ul.children { display: none; }
  .sidebarNav li.current_page_item ul.children, .sidebarNav li.current_page_ancestor ul.children, .sidebarNav li.current_page_parent ul.children { display: block; }  
  .sidebar .current-cat a { color: #666; cursor: default; }
  .sidebar ul, .sidebar ol { margin: 0 0 0 20px; }
  .sidebar .wpp-thumbnail { float: left; max-width: 50px; }
  .sidebar .popularPosts li { list-style-type: none; }
/*   .sidebar .popularPosts ul, .sidebar .recentPosts ul { padding: 0 0 15px 55px; } */
.sidebar .recentPosts ul { padding: 0 0 15px 55px; }	
  .sidebar .popularPosts ul {padding: 10px 0; margin: 5px 0;}
  .sidebar h4.greenBG {
    background-color: #414769;
    padding: 4px 4%;
    margin: 0;
    font-size: 1.2em;
  }
  .sidebar .tanBG h4.greenBG {
    background-color: #414769;
    padding: 15px 4%;
    font-size: 1.3em;
  }
  .sidebar .tanBG ul a { font-size: 1.2em; }
  .sidebar li.current_page_item > a {
    color: #666;
    cursor: default;
  }
  .sidebar .hexigonList .children li:before { color: #888; }
  .sidebar .magazineFeed ul { margin: 0; }
  .sidebar .cat-item, .sidebar .archives { font-size: 1.2em; }
  .sidebar .popularPosts li, .sidebar .recentPosts li, .sidebar .commentPosts li {
    font-size: 0.8em;
    line-height: 1.2em;
  }
  .sidebar .popularPosts li a, .sidebar .recentPosts li a, .sidebar .commentPosts li a { font-size: 1.6em; }
  .popularPosts ul:before, .popularPosts ul:after {
    content: "";
    display: table;
  }
  .popularPosts ul:after { clear: both; }
  .sidebar .commentPosts ul { margin: 1.5em 0 0 0; }
  .sidebar .commentPosts li.MuseoRegular a { font-size: 1em; }
  .sidebar ul.tabs { 
    margin: 0; 
    float: left;
    background-color: #98b443;
    border-bottom: 5px solid #7EA02A;
    width: 100%; 
    margin-bottom: 0.7em;
  }
  .sidebar ul.tabs li {
    background-color: #98b443;
    padding: 15px 3%;
    font-size: 1em;
    margin: 0;
    float: left;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
  }
  .sidebar ul.tabs li.active {
    background-color: #7EA02A;
  }
  .page-template-page-events-php .sidebarCal { display: none; }
/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  margin-top: 2.5em;
  -webkit-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.3);
     -moz-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.3);
      -ms-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.3);
          box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.3);
}
  .followUs, .footer #mc_embed_signup { text-align: center; }
  .followUs span { 
    display: block; 
    font-size: 1.3em;
  }
  .tagline { font-size: 1.5em; margin: 1em 0 0 0; }
  .footer-links { margin-top: 1em; }
      .footer-links li { border-top: 1px solid #777; }
      .footer-links li:first-child { border: 0; }
        .footer-links li a { 
          display: block;
          color:#fff; 
          text-decoration:none;
          padding: 8px 0;
        }
          .footer-links li a:hover {color:#ddd9c1;} 
  .attribution { margin: 0 0 1em 0; }
/*******************
END ALL, SAY ALL STYLES
*******************/
.hide, a.hide { display:none; opacity: 0; }
/******************************************************************
LARGE MOBILE PHONES 
They will be visible to anyone who resizes their browser from 
the smallest size to the next break point.
******************************************************************/
@media only screen and (min-width: 481px) {
  .post-content blockquote:before, .post-content blockquote:after {
    font-size: 6em;
  }
} /* end of media query */
/******************************************************************
DESKTOP & iPAD
This is your standard iPad size or average tablet size. It's also
a decent size for desktop users. This is your bread and butter 
styles when it comes to multi column layouts.
******************************************************************/
@media only screen and (min-width: 768px) {
.mobHide {
  display: block;
}
.bottomSpaceScr { margin-bottom: 2.5em; }
/******************************************************************
PLUGIN OVERRIDE STYLES
******************************************************************/
.flexslider { margin-top: 0; }
.flex-caption {
  position: absolute;
  top: 0;
  width: 100%;
}
.flex-caption .greyTransBG {
  width: 100%;
  max-width: 60%;
  left: 1%;
  right: auto;
  top: 6em;
}
.flex-caption .greyTransBG.offset {
  left: 13%;
  top: 6.6em;
}
.flex-caption .button {
  left: 31%;
  top: 3em;
}
/******************************************************************
WORDPRESS BODY CLASSES
want to style a page via body class? go ahead
******************************************************************/
body { font-size: 12px; }
/*********************
LAYOUT & GRID STYLES
*********************/
.wrap { max-width: 1140px; }
  .onecol    { width: 5.801104972%;  }       /* 4.85%;  } /* grid_1  */
  .twocol    { width: 14.364640883%; }       /* 13.45%; } /* grid_2  */
  .threecol  { width: 22.928176794%; }       /* 22.05%; } /* grid_3  */
  .fourcol   { width: 31.491712705%; }       /* 30.75%; } /* grid_4  */
  .fivecol   { width: 40.055248616%; }       /* 39.45%; } /* grid_5  */
  .sixcol    { width: 48.618784527%; }       /* 48%;    } /* grid_6  */
  .sevencol  { width: 57.182320438000005%; } /* 56.75%; } /* grid_7  */
  .eightcol  { width: 65.74585634900001%; }  /* 65.4%;  } /* grid_8  */
  .ninecol   { width: 74.30939226%; }        /* 74.05%; } /* grid_9  */
  .tencol    { width: 82.87292817100001%; }  /* 82.7%;  } /* grid_10 */
  .elevencol { width: 91.436464082%; }       /* 91.35%; } /* grid_11 */
  .twelvecol { width: 99.999999993%; }       /* 100%;   } /* grid_12 */
  .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol { 
    position: relative;
    float: left; 
    margin-right: 2.762430939%;
  }
  .last {
    float: right;
    margin-right: 0;
  }
  .right { float: right; }
  .left { float: left; }
  /* carousel grid overide */
  .carouselBlock .fourcol, .carouselBlock .eightcol { margin: 0 0.9208103141666667%; }
  .carouselBlock .eightcol { width: 64.74585634900001%; }
/*********************
HEADER SYTLES
*********************/
  #inner-header, .home #inner-header {
    text-align: left;
    height: auto;
  }
  #logo { max-width: 28%; }
  #logo img {  max-width:410px; padding-top: 0; }
  body.home #inner-header { min-height: 400px; }
/*********************
NAVIGATION STYLES
*********************/
  .mobile-menu, #mobileMenuBtn { display: none !important; }
  nav .secondary-nav-wrap, nav .top-nav { display: block; }
  .top-nav { margin-top: 40px; }
  .menu { margin: 0; }
      .menu li {
        float: left;
        position: relative;
        z-index: 999;
      }
        .menu li a {
          font-size: 2.2em;
          border-bottom: 0;
        }
        .secondary-nav > li a {
          font-size: 1.2em;
          text-transform: capitalize;
          color: #76CEE4;
          padding: 15px 10px;
        }
        .secondary-nav > li:hover a, .secondary-nav > li:focus a {
          background: transparent;
          color: #76CEE4;
        }
        .secondary-nav > li:hover > a:before, .secondary-nav > li:focus > a:before {
          content: "";
          position: absolute;
          bottom: -2px;
          left: 50%;
          margin-left: -14px;
          width: 0;
          height: 0;
          border-color: transparent transparent #fff transparent;
          border-style: solid;
          border-width: 0 14px 14px 14px;
        }
        .secondary-nav .sub-menu li a {
          padding: 5px 0;
          font-size: 1.5em;
          color: #414769;
          text-transform: uppercase;
        }
          .menu > ul.top-nav > li:hover > a, .menu > ul.top-nav > li:focus > a {
            background-color: #fff;
            color: #4d4d4d;
          }
          .menu ul li ul {
            width: 200px;
            border-top: 0;
            position: absolute;
            display: none;
            z-index: 8999;
            -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.3); 
               -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.3); 
                -ms-box-shadow: 0 5px 5px rgba(0,0,0,0.3);
                    box-shadow: 0 5px 5px rgba(0,0,0,0.3);
          }
            .menu ul li:hover ul, .menu ul li:focus ul {
              top: auto;
              display: block;
            }
            .menu ul li.dropLeft:hover ul, .menu ul li.dropLeft:focus ul { right: 0; }
            .menu ul ul li { background-color: #fff; }
            .menu ul ul li:hover, .menu ul ul li:focus { background-color: #dadada; }
            .menu ul ul li a {
              color: #414769;
              font-size: 1.1em;
              padding: 10px 0;
              margin: 0 10px;
              border-right: 0;
              display: block;
              width: 180px;
              border-top: 1px solid #ccc;
              text-transform:capitalize;

            }
              .menu ul ul li:first-child a { border-top: none; }
              .menu ul ul li:last-child a { border-bottom: 0; }
/*********************
POSTS & CONTENT STYLES
*********************/
#content {
  position: relative;
  z-index: 1;
}
body.home #content { margin-top: -25em; }
    #post-not-found { margin-bottom: 20em; }
      .post-content blockquote:before, .post-content blockquote:after {
        font-size: 6em;
      }
      .alignleft, img.alignleft { 
        margin:0 2.5% 1.5em 0; 
        display:inline; 
        float:left; 
      }
      .alignright, img.alignright { 
        margin:0 0 1.5em 2.5%; 
        display:inline; 
        float:right; 
      }
      .aligncenter, img.aligncenter { 
        margin:1.5em auto; 
        display:block; 
        clear:both; 
      }
  .boardInfo { margin-bottom: 8% }
  .boardInfo img { width: 22%; }
  .boardInfo.taller { margin-bottom: 15%; }
  .carouselCaption {
    min-height: 535px;
  }
  a.carouselBtnOpen { 
    position: absolute;
    bottom: 10px;
    display: block;
    left: 50%;
    margin-left: -80px;
  }
/******************************************************************
COMMENT STYLES
******************************************************************/
    .commentlist li[class*=depth-] { padding-left: 20px; }
    .commentlist .vcard img.avatar { max-width: 40px; }
/*********************
SIDEBARS & ASIDES
*********************/
.sidebar {  margin-top: 2.2em; }
#searchform { min-width: 200px; }
/*********************
FOOTER STYLES
*********************/
    #mc_embed_signup { min-width: 280px; }
    #mce-EMAIL{ min-width: 220px; }
    .followUs, .footer #mc_embed_signup { text-align: left; }
    .followUs span {
      display: inline;
      position: relative;
      bottom: 4px;
    }
  .footer-links { 
    max-width: 440px;
    margin-top: 1.4em; 
  }
    .footer-links ul {}
      .footer-links li {
        float: right;
        padding: 2px 5px;
        border: 0;
      }
        .footer-links li a {
          display: inline;
          padding: 0;
        }
} /* end of media query */
/******************************************************************
AVERAGE VIEWING SIZE 
This is the average viewing window. So Desktops, Laptops, and 
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
******************************************************************/
@media only screen and (min-width: 1030px) {
  body { font-size: 14px; }
  body.home #content { margin-top: -19.7em; }
  .wrap { max-width: 1140px; }
  .socialList a { font-size: 1.7em; }
  .post-content blockquote:before, .post-content blockquote:after { font-size: 10em; }
  .isotope-item {
    width: 270px;
    margin: 15px;
  }
  #mc_embed_signup { min-width: 440px; }
  #mce-EMAIL{ min-width: 380px; }
  .followUs span {
    font-size: 1.5em;
    margin-left: 5px;
    bottom: 3px;
  }
  .sidebar ul.tabs li { padding: 15px 4%; }
} /* end of media query */
/******************************************************************
SUPER LARGE MONITORS STYLES 
This is for super wide monitors for the l33t people. If you 
worked in a good base in the previous styles, this should work
pretty seamlessly.
******************************************************************/
@media only screen and (min-width: 1240px) {
  .wrap { max-width: 1240px; }
  .flex-caption .greyTransBG {
    max-width: 40%;
    top: 13.8em;
  }
  .flex-caption .greyTransBG.offset { top: 14.3em; }
  .flex-caption .button {
    left: 33%;
    top: 8em;
  }
  .socialList a { font-size: 2em; }
  .item, .isotope-item { width: 320px; }
  .followUs span { font-size: 1.7em; }
} /* end of media query */
/******************************************************************
WICKED LARGE MONITOR STYLES 
******************************************************************/
@media only screen and (min-width: 1375px) {
  .item, .isotope-item { width: 370px; }
  .flex-caption .greyTransBG { top: 17.8em; }
  .flex-caption .greyTransBG.offset { top: 18.3em; }
  .flex-caption .button {
    left: 33%;
    top: 10.35em;
  }
} /* end of media query */