/*
Theme Name: GMiller.net 3.0
Theme URI: http://www.gmiller.net
Description: Custom theme for gmiller.net
Author: Greg Miller
Author URI: http://www.gmiller.net
Version: 3.0 
. 
This theme is not for re-use, not to be redistributed.
This theme is only for http://www.gmiller.net/
All other uses will be prosecuted.
. 
*/
@font-face {
  font-family: 'headerFont';
  src: url("fonts/Base_02.ttf"); }
img {
  border: none; }

html {
  overflow: -moz-scrollbars-vertical;
  overflow: scroll; }

body {
  min-width: 1140px;
  background: #EFF4F7;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  color: #000; }
  body, body td, body th {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px; }
  body a {
    color: #0087A8;
    text-decoration: none; }
  body a:visited {
    color: #0087A8; }
  body a:active {
    color: #15AFC7; }
  body a:hover {
    color: #15AFC7;
    text-decoration: underline; }
  body #tblMain {
    margin-top: 0;
    width: 100%;
    border-collapse: collapse;
    border: 0px none;
    color: #000; }
  body .contactSocialIcon {
    margin-right: 4px;
    -moz-opacity: 0.90;
    -khtml-opacity: 0.90;
    opacity: 0.90;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
    body .contactSocialIcon:hover {
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  body .mobile_only {
    display: none; }
  body .searchBar {
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    background: #39CCDC;
    -webkit-box-shadow: inset 3px 2px 8px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: inset 3px 2px 8px 0px rgba(0, 0, 0, 0.26);
    box-shadow: inset 3px 2px 8px 0px rgba(0, 0, 0, 0.26);
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border: 2px solid white; }
    body .searchBar #txtSearch {
      background: transparent;
      border: 0px none;
      float: left;
      margin: 5px 0px 5px 8px;
      color: #835CDD; }
      body .searchBar #txtSearch::-webkit-input-placeholder {
        color: #E1F9E6; }
      body .searchBar #txtSearch:-moz-placeholder {
        color: #E1F9E6; }
      body .searchBar #txtSearch::-moz-placeholder {
        color: #E1F9E6; }
      body .searchBar #txtSearch:-ms-input-placeholder {
        color: #E1F9E6; }
    body .searchBar button {
      position: absolute;
      top: 0px;
      right: 0px;
      border: 0px none;
      border-radius: 0px 9px 9px 0px;
      -moz-border-radius: 0px 9px 9px 0px;
      -webkit-border-radius: 0px 9px 9px 0px;
      background: #E1EEF5 url("img/css_sprite_sheet.png") -503px -270px no-repeat; }
      body .searchBar button:hover {
        background: #8068B6 url("img/css_sprite_sheet.png") -503px -309px no-repeat; }
  body #dHeader {
    position: relative;
    width: 100%;
    height: 77px;
    overflow: visible;
    background: url("img/css_sprite_sheet.png") 0px -5px repeat-x white;
    border-bottom: white 3px solid; }
    body #dHeader #cmdHamburger {
      display: none; }
    body #dHeader #divGmillerLogo {
      position: absolute;
      top: 6px;
      left: 13px;
      width: 224px;
      height: 68px;
      background: url("img/css_sprite_sheet.png") -333px -122px no-repeat; }
    body #dHeader #divPageTitleBox {
      position: absolute;
      bottom: -4px;
      left: 250px;
      height: 26px;
      padding: 10px 20px;
      background: #EFF4F7;
      font-size: 20px;
      color: #835CDD;
      border-radius: 12px 12px 0px 0px;
      -moz-border-radius: 12px 12px 0px 0px;
      -webkit-border-radius: 12px 12px 0px 0px; }
    body #dHeader #divSearchBar {
      position: absolute;
      top: 22px;
      right: 28px;
      width: 245px;
      height: 29px; }
      body #dHeader #divSearchBar #txtSearch {
        width: 195px;
        height: 21px;
        margin: 5px 0px 5px 8px; }
      body #dHeader #divSearchBar button {
        height: 29px;
        width: 40px; }
  body #clmnLeft {
    width: 250px; }
    body #clmnLeft a:hover {
      text-decoration: none; }
    body #clmnLeft #divLeftColumn {
      min-width: 250px;
      width: 250px; }
      body #clmnLeft #divLeftColumn .leftColumnBox {
        background: #E1EEF5;
        padding: 8px 10px 5px;
        font-size: 20px;
        border-bottom: 1px solid white; }
        body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnHeader {
          font-style: italic;
          color: #15AFC7; }
        body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink {
          padding: 3px 10px;
          height: 35px;
          color: #687D89; }
          body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink span {
            position: relative;
            top: 4px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink #linkIcon_01 {
            background-position: 0px -196px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink #linkIcon_02 {
            background-position: -35px -196px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink #linkIcon_03 {
            background-position: -70px -196px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink #linkIcon_04 {
            background-position: -105px -196px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink #linkIcon_05 {
            background-position: -140px -196px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink #linkIcon_06 {
            background-position: -175px -196px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink #linkIcon_07 {
            background-position: -210px -196px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink #linkIcon_08 {
            background-position: -245px -196px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink #linkIcon_09 {
            background-position: -280px -196px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink #linkIcon_10 {
            background-position: -315px -196px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink #linkIcon_11 {
            background-position: -350px -196px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink #linkIcon_12 {
            background-position: -385px -196px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink #linkIcon_13 {
            background-position: -420px -196px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink #linkIcon_14 {
            background-position: -455px -196px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink #linkIcon_15 {
            background-position: -490px -196px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink:hover {
            background: url("img/css_sprite_sheet.png") -5px -125px no-repeat !important;
            color: white;
            background-y: -196px; }
            body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink:hover #linkIcon_01 {
              background-position: 0px -234px; }
            body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink:hover #linkIcon_02 {
              background-position: -35px -234px; }
            body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink:hover #linkIcon_03 {
              background-position: -70px -234px; }
            body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink:hover #linkIcon_04 {
              background-position: -105px -234px; }
            body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink:hover #linkIcon_05 {
              background-position: -140px -234px; }
            body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink:hover #linkIcon_06 {
              background-position: -175px -234px; }
            body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink:hover #linkIcon_07 {
              background-position: -210px -234px; }
            body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink:hover #linkIcon_08 {
              background-position: -245px -234px; }
            body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink:hover #linkIcon_09 {
              background-position: -280px -234px; }
            body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink:hover #linkIcon_10 {
              background-position: -315px -234px; }
            body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink:hover #linkIcon_11 {
              background-position: -350px -234px; }
            body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink:hover #linkIcon_12 {
              background-position: -385px -234px; }
            body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink:hover #linkIcon_13 {
              background-position: -420px -234px; }
            body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink:hover #linkIcon_14 {
              background-position: -455px -234px; }
            body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink:hover #linkIcon_15 {
              background-position: -490px -234px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink .leftColumnLinkIcon {
            width: 35px;
            height: 35px;
            float: left;
            margin: 0px 10px 0px 0px;
            background: url("img/css_sprite_sheet.png"); }
        body #clmnLeft #divLeftColumn .leftColumnBox.socialLinks span {
          color: #15AFC7;
          font-size: 16px; }
        body #clmnLeft #divLeftColumn .leftColumnBox.socialLinks .divSocialIcon {
          display: inline-block;
          width: 36px;
          height: 36px;
          margin-right: 2.5px;
          background: url("img/css_sprite_sheet.png"); }
          body #clmnLeft #divLeftColumn .leftColumnBox.socialLinks .divSocialIcon#divSocialIcon_facebook {
            background-position: 0px -272px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.socialLinks .divSocialIcon#divSocialIcon_facebook:hover {
            background-position: 0px -311px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.socialLinks .divSocialIcon#divSocialIcon_twitter {
            background-position: -36px -272px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.socialLinks .divSocialIcon#divSocialIcon_twitter:hover {
            background-position: -36px -311px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.socialLinks .divSocialIcon#divSocialIcon_youtube {
            background-position: -72px -272px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.socialLinks .divSocialIcon#divSocialIcon_youtube:hover {
            background-position: -72px -311px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.socialLinks .divSocialIcon#divSocialIcon_flickr {
            background-position: -108px -272px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.socialLinks .divSocialIcon#divSocialIcon_flickr:hover {
            background-position: -108px -311px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.socialLinks .divSocialIcon#divSocialIcon_linkedin {
            background-position: -144px -272px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.socialLinks .divSocialIcon#divSocialIcon_linkedin:hover {
            background-position: -144px -311px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.socialLinks .divSocialIcon#divSocialIcon_instagram {
            background-position: -180px -272px; }
          body #clmnLeft #divLeftColumn .leftColumnBox.socialLinks .divSocialIcon#divSocialIcon_instagram:hover {
            background-position: -180px -311px; }
  body #divMainContentArea {
    padding: 10px; }
    body #divMainContentArea .speachBubble {
      position: relative;
      background: white;
      border: 1px solid #777;
      padding: 6px;
      border-radius: 12px;
      -moz-border-radius: 12px;
      -webkit-border-radius: 12px; }
    body #divMainContentArea .sectionHeader {
      font-family: 'headerFont', 'Tahoma', sans-serif;
      font-size: 30px;
      color: #15AFC7;
      margin: 0px none; }
    body #divMainContentArea .contentBox {
      background: white;
      border: 1px dashed #A9DD5C;
      padding: 8px; }
      body #divMainContentArea .contentBox.thumbbox:hover, body #divMainContentArea .contentBox.smallThumb:hover {
        border: 1px solid #A9DD5C !important;
        -webkit-box-shadow: 0px 0px 8px 0px rgba(141, 217, 28, 0.89);
        -moz-box-shadow: 0px 0px 8px 0px rgba(141, 217, 28, 0.89);
        box-shadow: 0px 0px 8px 0px rgba(141, 217, 28, 0.89); }
    body #divMainContentArea .contentBox_clear {
      padding: 8px; }
    body #divMainContentArea .thumbBox {
      position: relative;
      width: 227px;
      height: 170px;
      display: inline-block;
      float: left;
      padding: 8px 8px 8px 185px;
      margin-bottom: 10px;
      margin-right: 10px;
      overflow: hidden;
      font-size: 12px;
      background: white;
      border: 1px dashed #A9DD5C; }
      body #divMainContentArea .thumbBox:hover {
        border: 1px solid #A9DD5C !important;
        -webkit-box-shadow: 0px 0px 8px 0px rgba(141, 217, 28, 0.89);
        -moz-box-shadow: 0px 0px 8px 0px rgba(141, 217, 28, 0.89);
        box-shadow: 0px 0px 8px 0px rgba(141, 217, 28, 0.89); }
      body #divMainContentArea .thumbBox a {
        color: #7EBA60 !important; }
      body #divMainContentArea .thumbBox h2 {
        position: relative;
        top: -4px;
        margin: 0px 0px 2px 0px;
        padding: 0px;
        font-size: 18px;
        color: #7EBA60; }
      body #divMainContentArea .thumbBox img {
        margin-right: 7px;
        top: 8px;
        left: 8px;
        position: absolute; }
      body #divMainContentArea .thumbBox .thumbExcerpt p {
        position: relative;
        top: -4px;
        padding: 0px;
        margin: 0px; }
    body #divMainContentArea .post {
      padding: 0px !important; }
      body #divMainContentArea .post.fixedWidthPost {
        width: 716px; }
      body #divMainContentArea .post .postBody {
        padding: 0px 8px 8px 8px; }
        body #divMainContentArea .post .postBody .postTitle {
          background: white;
          padding: 2px 10px; }
          body #divMainContentArea .post .postBody .postTitle h2 {
            margin: 0px; }
        body #divMainContentArea .post .postBody .singleThumbnail {
          width: 170px;
          height: 170px;
          float: right;
          margin-left: 10px;
          margin-bottom: 6px; }
        body #divMainContentArea .post .postBody blockquote {
          overflow: auto;
          margin: 0px 20px;
          padding: 12px !important;
          background: white;
          color: #777;
          font-size: .75em;
          font-style: italic; }
          body #divMainContentArea .post .postBody blockquote p {
            margin: 0px; }
        body #divMainContentArea .post .postBody .divTags {
          font-size: 12px;
          padding: 8px;
          text-align: left; }
          body #divMainContentArea .post .postBody .divTags a {
            display: inline-block;
            margin: 1px 2px;
            padding: 1px 7px;
            background: #15AFC7;
            color: white;
            border-radius: 12px;
            -moz-border-radius: 12px;
            -webkit-border-radius: 12px; }
            body #divMainContentArea .post .postBody .divTags a:hover {
              background: #835CDD;
              text-decoration: none; }
  body.mobile_mode {
    min-width: 0px;
    width: 100%; }
    body.mobile_mode .mobile_only {
      display: block; }
    body.mobile_mode .divHomeRow {
      width: 930px;
      font-size: 22px; }
      body.mobile_mode .divHomeRow h2 {
        font-size: 45px; }
      body.mobile_mode .divHomeRow .smallThumb {
        width: 205px;
        min-height: 288px;
        border-width: 2px; }
        body.mobile_mode .divHomeRow .smallThumb:nth-child(6), body.mobile_mode .divHomeRow .smallThumb:nth-child(7) {
          display: none; }
        body.mobile_mode .divHomeRow .smallThumb img {
          width: 205px;
          height: 205px; }
        body.mobile_mode .divHomeRow .smallThumb h4 {
          font-size: 30px;
          line-height: 33px; }
    body.mobile_mode #tblMain {
      margin-top: 140px;
      width: 980px;
      table-layout: fixed; }
      body.mobile_mode #tblMain #clmnLeft {
        width: 0%;
        overflow: hidden;
        transition: All 0.5s ease-in;
        -webkit-transition: All 0.5s ease-in;
        -moz-transition: All 0.5s ease-in;
        -o-transition: All 0.5s ease-in; }
      body.mobile_mode #tblMain #clmnRight {
        width: 100%;
        overflow: hidden;
        transition: All 0.5s ease-in;
        -webkit-transition: All 0.5s ease-in;
        -moz-transition: All 0.5s ease-in;
        -o-transition: All 0.5s ease-in; }
    body.mobile_mode #dHeader {
      position: fixed;
      top: 0px;
      left: 0px;
      right: 0px;
      z-index: 9001;
      background-size: 200%;
      height: 140px;
      border-bottom: white 10px solid; }
      body.mobile_mode #dHeader #cmdHamburger {
        display: block;
        position: absolute;
        top: 15px;
        right: 15px; }
      body.mobile_mode #dHeader #divGmillerLogo {
        position: absolute;
        top: 38px;
        left: 15px;
        width: 224px;
        height: 68px;
        background: url("img/css_sprite_sheet_mobile.png") -333px -122px no-repeat; }
      body.mobile_mode #dHeader #divPageTitleBox {
        bottom: -11px;
        left: 187px;
        height: 61px;
        max-width: 600px;
        padding: 9px 25px 20px;
        font-size: 47px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        border-radius: 24px 24px 0px 0px;
        -moz-border-radius: 24px 24px 0px 0px;
        -webkit-border-radius: 24px 24px 0px 0px; }
      body.mobile_mode #dHeader #divSearchBar {
        display: none; }
    body.mobile_mode #divMainContentArea {
      width: 950px; }
      body.mobile_mode #divMainContentArea .thumbBox {
        width: 652px;
        height: 290px;
        padding: 0px 10px 00px 290px;
        margin-right: 0px;
        margin-bottom: 20px;
        font-size: 29px;
        border-width: 2px; }
        body.mobile_mode #divMainContentArea .thumbBox h2 {
          font-size: 40px;
          margin: 0px; }
          body.mobile_mode #divMainContentArea .thumbBox h2 a {
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 650px !important;
            display: inline-block;
            overflow: hidden; }
        body.mobile_mode #divMainContentArea .thumbBox img {
          width: 270px;
          height: 270px; }
        body.mobile_mode #divMainContentArea .thumbBox .thumbExcerpt p {
          top: -10px; }
      body.mobile_mode #divMainContentArea .post {
        font-size: 20px; }
        body.mobile_mode #divMainContentArea .post.fixedWidthPost {
          width: 950px; }
        body.mobile_mode #divMainContentArea .post .postBody .singleThumbnail {
          width: 170px;
          height: 170px;
          float: right;
          margin-left: 10px;
          margin-bottom: 6px; }
        body.mobile_mode #divMainContentArea .post .postBody .divTags {
          font-size: 30px;
          padding: 8px;
          text-align: left; }
          body.mobile_mode #divMainContentArea .post .postBody .divTags a {
            display: inline-block;
            margin: 3px 5px;
            padding: 0px 14px 8px;
            font-weight: bold;
            border-radius: 24px;
            -moz-border-radius: 24px;
            -webkit-border-radius: 24px; }
    body.mobile_mode #clmnLeft #divLeftColumn {
      width: 980px; }
    body.mobile_mode #clmnLeft #divLeftColumn .leftColumnBox {
      position: relative;
      height: 135px;
      font-size: 80px;
      border-bottom: 4px solid white; }
      body.mobile_mode #clmnLeft #divLeftColumn .leftColumnBox.leftColumnHeader {
        padding-left: 8px;
        height: 110px; }
      body.mobile_mode #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink:hover {
        background: url("img/css_sprite_sheet.png") -5px -125px no-repeat !important;
        background-position-y: -420px !important;
        background-size: 200% !important; }
      body.mobile_mode #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink .leftColumnLinkIcon {
        position: absolute;
        left: 90px;
        top: 54px;
        -webkit-transform: scale(2.5);
        -moz-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5);
        transform: scale(2.5); }
      body.mobile_mode #clmnLeft #divLeftColumn .leftColumnBox.leftColumnLink span {
        position: absolute;
        left: 180px;
        top: 17px; }
      body.mobile_mode #clmnLeft #divLeftColumn .leftColumnBox.socialLinks {
        height: 280px; }
        body.mobile_mode #clmnLeft #divLeftColumn .leftColumnBox.socialLinks span {
          font-size: 80px; }
        body.mobile_mode #clmnLeft #divLeftColumn .leftColumnBox.socialLinks .divSocialIcon {
          margin: 62px;
          -webkit-transform: scale(4);
          -moz-transform: scale(4);
          -ms-transform: scale(4);
          -o-transform: scale(4);
          transform: scale(4); }
      body.mobile_mode #clmnLeft #divLeftColumn .leftColumnBox.searchArea #divSideSearchBar {
        margin-top: 10px;
        box-sizing: border-box;
        position: absolute;
        width: 97%;
        height: 110px;
        -webkit-box-shadow: inset 6px 5px 31px 0px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: inset 6px 5px 31px 0pxx rgba(0, 0, 0, 0.26);
        box-shadow: inset 6px 5px 31px 0px rgba(0, 0, 0, 0.26);
        border-radius: 47px;
        -moz-border-radius: 47px;
        -webkit-border-radius: 47px;
        border: 9px solid white; }
        body.mobile_mode #clmnLeft #divLeftColumn .leftColumnBox.searchArea #divSideSearchBar #txtSearch {
          width: 80%;
          height: 90px;
          margin: 0px 0px 5px 8px;
          font-size: 40px;
          padding-left: 30px; }
        body.mobile_mode #clmnLeft #divLeftColumn .leftColumnBox.searchArea #divSideSearchBar button {
          height: 110px;
          width: 175px;
          top: -2px;
          right: -2px;
          background: #E1EEF5 url("img/css_sprite_sheet.png") -1444px -782px no-repeat;
          background-size: 965%; }
          body.mobile_mode #clmnLeft #divLeftColumn .leftColumnBox.searchArea #divSideSearchBar button:hover {
            background: #8068B6 url("img/css_sprite_sheet.png") -1444px -895px no-repeat;
            background-size: 965%; }
    body.mobile_mode.menu_open #tblMain #clmnLeft {
      width: 100%;
      overflow: hidden; }
    body.mobile_mode.menu_open #tblMain #clmnRight {
      width: 0%;
      overflow: hidden; }

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