/* Skeleton V1.1 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 8/17/2011 */

/* ----- >>> rwd update by blueviking.com around 2015.06.01 <<< ----- */

/* =============================================== BASE STYLES =============================================== */

html { -webkit-text-size-adjust:none; }  /* Removes webkit font resizing */ 
body { max-width:100%; width:100%; font-size:16px; padding:0; }
img { max-width:100%; height:auto; }

/* =============================================== STANDARD OVERRIDES =============================================== */

.headtop, header { width:100%; }
.cat_textbox_small, .cat_listbox_small { width:59px; }

.fchar, .fchar2 { display:inline; float:left; }
.fchar { width:30%; }
.fchar h2 { margin:10px 0 0; }
.fchar2 { width:65%; padding-left:5%; max-width:540px; margin-top:10px; }
.portfolio-page hr { margin:20px; max-width:350px; }

#slider-container, #sidebar-page, #footer-container, .header-container, #main-shadow-1, .page-title { width:95%; }
#featured-section { padding:30px 0; }
#featured-section.fshome { padding:10px 0; color:#050505; text-align:center; }
#featured-section h2 { font-size:25px; text-shadow: 1px 1px 1px #EFD8A2; line-height:30px; }

.grid4column { width:25%; margin-right:0; }
h1 { line-height:30px; margin-bottom:20px; }
h1 span { line-height:22px; }
h3 { text-align:center; }

.sf-menu { width:100%; }
.sf-menu a { padding:23px 0; text-align:center; }
.sub-menu a { text-align:left; }
.aligncenter { padding:0 4px; }

#navH { width:11%; }
#navT { width:25%; }
#navA { width:19%; }
#navN { width:26%; }
#navC { width:18%; }

.headtop { height:120px; background:url('../images/bg-headtop.jpg') repeat-x; background-position:0px -40px; margin:0 auto; }
.headbox { max-width:1140px; width:96%; margin:0 auto; }
#logo, header nav { display:inline; float:left; } 
#logo { width:32%; }
#logo img { height:120px; width:246px; min-width:246px; padding:0px; }
header nav { width:68%; /* top:60px; */ padding-left:0; }

.container { padding:20px; }
.sidebar-main-content { width:70%; }
#sidebar { width:30%; }

input.cat_textbox, textarea.cat_listbox, select.cat_dropdown, select.cat_listbox { width:92%; }
.form input, .webform input { margin-right:0; }
table.webform td { line-height:17px; }
.form label, .webform label { font-size:13px; }

.flex-control-nav { bottom:-31px; }

#footer-container .container { padding:20px 0; margin:0; width:100%; }
footer .grid4column { width:24%; margin-right:0; padding:0; display:inline; }
footer .grid2column { width:50%; margin-right:0; padding:0 1%; display:inline; }
footer .lastcolumn { text-align:right; padding-top:13px; }
#footersearch { display:block; text-align:center; margin-top:15px; clear:both; }
#footersearch .cat_textbox_small { width:150px; }

#slider-container, #main-shadow-1, #sidebar-page, #footer-container { max-width:1140px; }
#slider-container { padding: 0px 0px 60px 0px; }

/* =============================================== NEW STYLES =============================================== */

#icons { float:right; height:60px; }
#icons a { padding:14px; display:block; float:left; }
.portfolio-post p { padding:0 8px; }
.portfolio-post a.button { font-size:14px; }

/* =============================================== 960px to 1140px =============================================== */

@media only screen and (min-width:959px) and (max-width:1140px) { 

  #slider-container, #sidebar-page, #footer-container, .header-container, #main-shadow-1, .page-title { } /* Default Width */

  /* Default Grid */
  .grid2column { width:446px; }
  .grid3column { width:289px; }
  .grid3columnbig { width:602px; }
  #sidebar-page .grid2column { width:300px; }
  #sidebar-page .grid3column { width:192px; }
  #sidebar-page .grid3columnbig { width:408px; }
  #sidebar-page .grid4column { width:138px; }
  #sidebar-page .grid4columnbig { width:462px; }

  /* Misc Adjustments */
  .page-title h2 { width:620px; }
  .page-title.no-search h2 { width:900px; }

  footer #flickr-footer ul li img { width:60px; height:60px; }
  #jtwt_picture { float:left;  padding:0px 10px 40px 0; }

 }


/* =============================================== 768px to 959px =============================================== */

@media only screen and (min-width:768px) and (max-width:959px) { 

  /* Default Width */
  #slider-container, #sidebar-page, #footer-container, .header-container, #main-shadow-1 { width:94% }

  /* Default Grid */
  .grid2column { width:350px; }
  .grid3column { width:225px; }
  .grid3columnbig { width:474px; }
/*.grid4column { width:163px; }
.grid4columnbig { width:537px; }*/
#sidebar-page .grid2column { width:218px; }
#sidebar-page .grid3column { width:137px; }
#sidebar-page .grid3columnbig { width:298px; }
#sidebar-page .grid4column { width:97px; }
#sidebar-page .grid4columnbig { width:339px; }

/* Misc Fixes */
.page-title h2, .page-title.no-search h2 { width:auto; white-space:normal; }
body .page-title h2:after { display:none; }
#sidebar #flickr-footer ul li img { width:62px; height:62px; }
footer #flickr-footer ul li img { width:60px; height:60px; }
#jtwt_picture { float:left;  padding:0px 10px 55px 0; }

 }


/* =============================================== 767px or less =============================================== */

@media only screen and (max-width:767px) { 

  /* Default Width */
  #slider-container, #sidebar-page, #footer-container, .header-container, #main-shadow-1, .page-title  {  width:92%; }

  .sidebar-main-content { 
    width:97%; 
 }

  #main-shadow-1-sidebar { 
    left:9px; 
 }

  /* Default Grid */
  .grid2column, .grid3column, .grid3columnbig, #sidebar-page .grid2column, #sidebar-page .grid3column, #sidebar-page .grid3columnbig, #sidebar-page .grid4column, #sidebar-page .grid4columnbig { width:100%; margin-bottom:10px; }

  /* Misc Fixes */
  .page-title h2, .page-title.no-search h2 { width:auto; white-space:normal;  margin:0 auto;  text-align:center;  float:none; padding:0px; }
  body .page-title h2:after { display:none !important; }
  .flex-caption { width:96%; padding:2%;  font-size:12px; line-height:16px; }
  .page-title #s { float:none; margin:7px auto 0px auto; display:block; }
  #sidebar { width:100%; background:#fff; margin-top:20px; -moz-box-shadow:2px 2px 3px rgba(0,0,0,.15); -webkit-box-shadow:2px 2px 3px rgba(0,0,0,.15); box-shadow: 2px 2px 3px rgba(0,0,0,.15); }
  #sidebar-container { background:transparent; -moz-box-shadow:2px 2px 3px rgba(0,0,0,0); -webkit-box-shadow:2px 2px 3px rgba(0,0,0,0); box-shadow: 2px 2px 3px rgba(0,0,0,0); }
  .flex-direction-nav li .next, .flex-direction-nav li .prev { display:none; }

  /* Centering of Items in Header/Footer */
  body header h1#logo { float:none; margin:0 auto; text-align:center; position:static; background:transparent; -moz-box-shadow:2px 2px 3px rgba(0,0,0,0); -webkit-box-shadow:2px 2px 3px rgba(0,0,0,0); box-shadow: 2px 2px 3px rgba(0,0,0,0); }
  ul.social-icons-header { float:none; margin:0px auto; display:block; text-align:center; }
  ul.social-icons-header li { float:none; }
  ul.social-icons-header li a { display:inline-block; float:none; }

  /* Select Menu */
  nav ul { display:none; }  
  nav select option { font-size:12px; background:#fff; color:#888; }
  header nav { float:none; text-align:center; z-index:0; padding:5px 0; top:14px; width:60%; }

  #logo { width:40%; }

  nav select { text-transform:none; display:block; margin:0 auto; width:270px; min-width:150px; max-width:100%; -webkit-appearance:none; -moz-appearance:normal; appearance:normal; 
    -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; 
    -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.1); box-shadow:0px 1px 3px rgba(0, 0, 0, 0.1); 
    -webkit-padding-end:20px; -webkit-padding-start:2px; -webkit-user-select:none; -moz-user-select:none; 
    background-image:url('../images/select-arrow.png'),  -webkit-linear-gradient(#FAFAFA, #f9f9f9 40%, #e8e8e8); 
    background-position:center right; background-repeat:no-repeat; 
    font-size:13px; 
    border:1px solid #aaaaaa; 
    color:#555555; 
    padding:7px 5px 7px 10px; 
 }

  input#contactname, input#email { width:200px; }
  textarea#message { width:230px; }
  input.submit-button { margin-left:0px; }

  /* EXTRA */
  .fchar, .fchar2 { display:block; width:100%; padding:0; }
  .portfolio-page hr { margin:10px; }

  footer .grid4column { width:28%; margin-right:0; }
  footer .grid2column { width:42%; margin-right:0; padding:0 1%; }
 }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
  /* IE10/11 Specific Override Still Necessary Only Unfortunately */
  header nav { top:50px; }
}


/* =============================================== Grid from 4 to 3 to 2 to 1  and other minor changes=============================================== */

@media only screen and (max-width:960px) { .sf-menu a { font-size:13px; } }
@media only screen and (max-width:876px) { .grid4column { width:33%; } }
@media only screen and (max-width:776px) { .grid4column { width:50%; } }

@media only screen and (max-width:560px) { 

  #featured-section { padding:25px 0; }

  .grid4column { width:100%; } 
  .headbox { height:120px; }
  .headtop { height:125px; background:url('../images/bg-headtop.jpg') repeat-x; background-position:-280px -64px; margin:0 auto; }
  #logo img { height:73px; width:150px; min-width:150px; padding:0px; }

  #icons a { width:16px; padding:10px; }
  #icons a img { width:16px; }

  header nav { 
    background:white; 
    clear:both; 
    width:100%; 
    top:5px; 
    padding:0; */
 }

  nav select { clear:both; }
  .container { padding:14px; }

  h2.grey-header-bar { 
    white-space:normal; 
    line-height:25px; 
    margin-bottom:0; 
 }

  footer .grid4column, footer .grid2column { display:block; width:100%; text-align:center; }

 } 

@media only screen and (max-width :480px) { 
  #recaptcha_challenge_image { margin:0 !important; width:100% !important; }
  #recaptcha_response_field { margin:0 !important; width:100% !important; }
  .recaptchatable #recaptcha_image { margin:0 !important; width:100% !important; }
  .recaptchatable .recaptcha_r1_c1, 
  .recaptchatable .recaptcha_r3_c1, 
  .recaptchatable .recaptcha_r3_c2, 
  .recaptchatable .recaptcha_r7_c1, 
  .recaptchatable .recaptcha_r8_c1, 
  .recaptchatable .recaptcha_r3_c3, 
  .recaptchatable .recaptcha_r2_c1, 
  .recaptchatable .recaptcha_r4_c1, 
  .recaptchatable .recaptcha_r4_c2, 
  .recaptchatable .recaptcha_r4_c4, 
  .recaptchatable .recaptcha_image_cell { 
    margin:0 !important; width:100% !important; background:none !important; 
 }
  #main-shadow-3-sidebar #recaptcha_area, #main-shadow-3-sidebar #recaptcha_table { width:100% !important; }
  .recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r1_c1 { width:0 !important; }
 }