/* custom css - Mike Beato  */

/* wrapper  */
#wrapper { padding-bottom: 0; }
/* #wrapper { padding-left: 0;  padding-right: 0;} */

/*  center the top logo  */
#logo {
	width:100% !important;
	text-align:center !important
}
/* Tagline - styling and display=block  */
#logo .site-description {
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size:16px;
  font-style: italic;
  line-height: 1.2;
  padding-top:20px;
  display: block;
  padding-left:15px;
}

/*  Hyperlinks   */
/* 1.2 Hyperlinks */
a:link,
a:visited {
  color: #007AC3;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  color: black;
}




@media screen and (min-width:768px){
/*  Main Navigation changes   */
  #navigation {
    margin-bottom:2.3em;
    background: -webkit-gradient(linear, left top, left bottom, from( #dddddd), to(#eeeeee));
    background: -webkit-linear-gradient(#dddddd, #eeeeee);
    background: -moz-linear-gradient(center top, #dddddd 0%, #eeeeee 100%);
    background: -moz-gradient(center top, #dddddd 0%, #eeeeee 100%);
  }

  #navigation ul.nav li a {
    padding:.5em 2.2em;
  }

  /*  center navigation  */
  #navigation {
    position: relative;
  }
  #main-nav {
    clear: left;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    left: 50%;
    text-align: center;
  }
  .nav li {
    display: block;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    right: 50%;
  }
  .nav li:hover, .nav li.hover {
    position: relative;
  }
  .nav li ul li {
    left: 0;
    text-align: left;
  }
  /*  center navigation - end */

/*  header widget  */
.header-widget { 
    width: 400px; 
    margin: 0;
    float: right;
    text-align: right;
    font-family: Helvetica, Arial, sans-serif;
    font-size:1.3em;
    font-weight: bold;
}
.header-widget .widget { 
    margin-bottom: 0;
}
.header-widget h3 { 
    margin-bottom: 5px;
    border: none;
}
.widget p, .widget .textwidget {
  font: normal 1.0em/1.5em Arial, sans-serif;
  color: #555555;
}


}




/*  -------------------------------------------- */
/*  style individual menu items                  */
/*  -------------------------------------------- */
@media screen and (min-width:768px){
  /*  home  */
    #navigation ul.nav li.menu-home a { 
      background-color: #4a83b8;  /* blue  */
      color: #FFFFFF;
      border-left:1px solid #ffffff;
    }
    #navigation ul.nav li.menu-home a:hover {
      background: #82b1d5;  /* light blue */
    }
    /*  about us  */
    #navigation ul.nav li.menu-aboutus a { 
      background-color: #b40842;  /* red  */
      color: #FFFFFF;
    }
    #navigation ul.nav li.menu-aboutus a:hover {
      background: #d31b7a;  /* light red */
    }
    /*  products  */
    #navigation ul.nav li.menu-products a { 
      background-color: #e89b55;  /* orange  */
      color: #FFFFFF;
    }
    #navigation ul.nav li.menu-products a:hover {
      background: #f2c28c;  /* light orange */
    }
    /*  finished hardware  */
    #navigation ul.nav li.menu-finishhardware a { 
      background-color: #a9a292;  /* gray  */
      color: #FFFFFF;
    }
    #navigation ul.nav li.menu-finishhardware a:hover {
      background: #ccc9bc;  /* light gray */
    }
    /*  fabrication  */
    #navigation ul.nav li.menu-fabrication a { 
      background-color: #536952;  /* green  */
      color: #FFFFFF;
    }
    #navigation ul.nav li.menu-fabrication a:hover {
      background: #8A9D89;  /* light green */
    }
    /*  services  */
    #navigation ul.nav li.menu-services a { 
      background-color: #6b699a;  /* purple  */
      color: #FFFFFF;
    }
    #navigation ul.nav li.menu-services a:hover {
      background: #9f9dc2;  /* light purple */
    }
    /*  contact us  */
    #navigation ul.nav li.menu-contactus a { 
      background-color: #b8834f;  /* brown  */
      color: #FFFFFF;
    }
    #navigation ul.nav li.menu-contactus a:hover {
      background: #d5b186;  /* light brown */
    }
  /*  -------------------------------------------- */
}

ul.nav li.current_page_item a,
ul.nav li.current_page_parent a,
ul.nav li.current-menu-ancestor a,
ul.nav li.current-cat a,
ul.nav li.current-menu-item a {
  background: #ffffff;
  color: #007AC3;
}
ul.nav ul li.current_page_item a,
ul.nav ul li.current_page_parent a,
ul.nav ul li.current-menu-ancestor a,
ul.nav ul li.current-cat a,
ul.nav ul li.current-menu-item a {
  color: #007AC3!important;
}

/*  Drop-down menus - make wider to accommodate longer names  */
ul.nav ul {
	width: 185%;
}

/* Headers   */
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
  line-height: 1.0;
}

/* Page margin indents */
#main {
  margin-left:20px;
  margin-right:20px;
}
.home #main {
  margin:0;  /* don't indent home page  */
}


/*  Home page   */
.home #navigation {
  margin-bottom:0.5em;
}
.home h2.title {
  display:none;
}
.home .entry img, img.thumbnail, #portfolio .group.portfolio-img img {
  border:none;
  padding:0;
}
.home .entry p {
  padding-left:0;
  padding-right: 0;
  margin-bottom: 0.7em;
}
.home .threecol-one {
  width:11%;
}
.home .threecol-two {
  width:80%;
  font-size:16px;
  line-height:1.5;
}
.home .threecol-two p {
  font-size:16px;
  line-height:1.5;
}

/* 'Services' page tweaks  */
.page-id-292 .entry .fivecol-one img {
  border:0;
}
.page-id-292 .entry .fivecol-one p {
  margin-bottom:4px;
  line-height: 1.3;
  font-size:0.9em;
  color:#133662;
}
/*.page-id-292 .entry .fivecol-three {
  border-right: 1px solid #ccc;
}*/

/*  Adjust post indents  */
.post {
  margin-left:20px;
}

/*  Adjust the main image spacing  */
.post .fourcol-three {
  /*padding-top:10px;*/
  padding-top:0;
  padding-bottom:0;
  margin-bottom: 0;
  text-align: left;
}
/*  previous and next links  */
.post .fourcol-three a {
  font-size:0.9em;
}

/*  Glow around the main image  */
.entry .fourcol-three img {
  -webkit-box-shadow: 0px 0px 12px 1px rgba(150, 150, 150, .75);
  -moz-box-shadow: 0px 0px 12px 1px rgba(150, 150, 150, .75);
  box-shadow: 0px 0px 12px 1px rgba(150, 150, 150, .75);
  padding:0 !important;
}

/*  Page Title   */
.post .title, .page .title, .post .title a:link, .post .title a:visited, .page .title a:link, .page .title a:visited {
  letter-spacing: -1px;
  color:#222222;
}

/*  manufacturers bullet links   */
.entry ul li a:link, a:visited {
  color:#222222;
}

/*  Style the contact map  */
#googlemap {
  border: 1px solid #CCCCCC;
  padding:4px;
  margin-top:5px;
}

/* Hide all boxes at bottom of posts  */
#post-author { display:none; }
#connect { display:none; }
#comments { display:none; }
#respond { display:none; }

/*  previous/next link spacing  */
.post, .search .page {
    margin: 0 0 10px;
}


#footer-widgets {
  text-align:center;
  text-transform: uppercase;
  color:#AAA;  
}
/*#footer-widgets .widget p, .widget .textwidget {
  font-family: 'Open Sans Condensed', sans-serif ;
  font-size:15px;
}*/

/* hide WooThemes footer   */
/* move copyright notice from left to right */
#footer { display:none; }
#footer #credit { display:none; }
#footer #copyright { float:right; }


/*  bottom notification bar  */
#notificationbar {
    border-top: 2px solid #2D77C2  !important;  /*  logo blue  */
    border-top: 2px solid #968c7e  !important;  /*  background gray */
    border-top: none !important;
    bottom: 0;
}




/*  Tweak column spacing for Contact Us page   */
.page-id-224 .twocol-one {
	width: 52%;
}
.page-id-224 .twocol-one.last {
	width: 44%;
}



/*------------------------------------------------------------------------- 
--------------------------------------------------------------------------- 
  Media Queries                                                            
--------------------------------------------------------------------------- 
--------------------------------------------------------------------------- */

/* on wide-screens, adjust the left/right spacing of the previous/next links  */
.post-entries { 
  margin-left:25%;
  padding:0;
  padding-left:50px;
  padding-right:20px;
  font-size: 0.8em;
  text-transform: uppercase;
}
/*.post-entries .nav-prev {
  float:right !important;
  margin-right:15px;
}*/

@media only screen and (max-width : 900px) {
    #notificationbar .nbar_topwrap .nbar_msg { 
        font-size: 11px !important;
        line-height: 1.0 !important;
    }
    #notificationbar { padding:4px !important; }
}
@media only screen and (max-width : 767px) {

    /*  adjust top/bottom spacing for navigation area  */
    #navigation {
      padding-bottom: 15px !important;
      padding-top: 15px !important;
    }

    /* on narrow-screens, revert left/right spacing to default  */
    .post-entries { margin-left:0; padding:0;}

    #notificationbar  { 
        display:none !important;
    }
}