/*
Theme Name: steveBlank
Theme URI:
Description: WordPress theme
Author: Steve Fraser
Author URI:
Version: 0.1
Tags:


*/

/*** GLOBAL : GENERAL STYLE DEFAULTS ================================================================== ***/

p img { max-width: 100%; }


/*** PAGE LAYOUT ====================================================================================== ***/

/* Styles that affect the entire layout of the page */




/*** HEADER : OTHER =================================================================================== ***/



/*** CONTENT : POSTS AND PAGES ======================================================================== ***/

/* Entry and Page Titles */
h1.entry-title 										{ }
h2.entry-title 										{
  font-family: 'Orbitron', Helvetica, sans-serif;
  color: #444;
  font-size: 1.8em;
}
h2.entry-title a 									{ }
h1.page-title 										{ }

/* Media Alignment */

/* Style for right-aligned images in posts:; */
.alignright 											{ padding: 8px 0 8px 8px; float: right; }

/* Style for left-aligned images in posts:; */
.alignleft												{ padding: 8px 8px 8px 0; float: left; }

/* Entry Content */

/* Style that affects actual entry/post content:; */
.entry-content 										{ }
.entry-content a 									{ }
.entry-content a:hover 						{ }
.entry-content h1, h2, h3, h4, h5 { }
.entry-content ol li 							{ }

/* Style for the entry utility, which sits below a post and provides info like categories, tags, feeds, and an edit link (for authors) */
.entry-utility 										{ }

/* Style for the entry metadata (author, etc.) */
.entry-meta 											{ }

/* Style for the skip link */
.skip-link												{ /*position: absolute; left: -9000px;*/ }

/* Style for the navigation links (next/previous post) on a given post */
.navigation												{  }


/*** CONTENT : COMMENTS ***/

/* Style that affects the DIV containing all the comments */
div#comments 											{ }

/* H3 header style for comments */
.comments h3 											{ }

/* Comments are displayed as ordered lists by default, so you want to style that list so it looks the way you want */
.comments ol 											{ }

/* Style each list item in the comments ordered list */
.comments ol li 									{ }

/* Style for the user avatar beside each comment */
.comments img 										{ float: left; margin: 0 12px 8px 0; }

/* Style that applies to each individual comment in a series of comments */
.comments .comment 				{ }

/* A style that refers to the children (as in, responses to) any given comment */
.children ul li 					{ }

/* Style for the "Reply" link on a comment */
.comment-reply-link 			{ }

/* Style for metadata for a comment */
.comment-meta 		 				{ }

/* DIV that contains the comment response form */
div#respond 							{ }

/* H3 header for the comment response form */
div#respond h3 						{ }


/*** CONTENT : SIDEBAR ==================================================================================== ***/

/* Primary Widget Area DIV */
div#primary 							{ }

/* Secondary Widget Area DIV */
div#secondary 						{ }

/* Class that applies to BOTH widget areas */
.widget-area 							{ }

/* Class that applies to each item in each widget area (an unordered list class) */
.xoxo 										{ }


/*** FOOTER ============================================================================================== ***/
div#FOOTER 								{ float: left; clear: both; }


/*** YOUR CSS ============================================================================================ ***/

body 										{ background: url('img/diamondGrey.jpg') repeat;}

#loadingDivHome {
  background: #fff url(http://loadinggif.com/images/image-selection/3.gif) no-repeat center center;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  /*margin: -25px 0 0 -25px;*/
}

.Outer				 					{ background: #FFF; -moz-box-shadow: 0px -7px 7px 8px #666; -webkit-box-shadow: 0px -7px 7px 8px #666; box-shadow: 0px -7px 7px 8px #666;}
.mainContainer .row			{ padding: 1em;}
.fbIcon 								{ display: inline-block; float: right; color: #fff; width: 100px; margin-top: 5px; }
.topLogo 								{ float: left;}
.mlb 	{
	width: 100%;
	height: 350px;
	background: url('img/mlbBG.jpg') repeat-x top;
	float: right;
	text-align: center;
	color: #fff;
	margin-top: 15%;
}
.mlbSlogan {
  font-family: 'Orbitron', Helvetica, sans-serif;
  font-size: 1.85em;
  line-height: 1.5em;
  margin: 0.2em 0;
}
.mlbLogo    {
  margin: 1em auto 0 auto;
  width: 70%;
}
.mlbLogo img {
  max-width: 100%;
}
.mlbSocial  {

}
.HomeSlider 	{
	-moz-box-shadow:    3px 3px 8px 1px #999;
  -webkit-box-shadow: 3px 3px 8px 1px #999;
  box-shadow:         3px 3px 8px 1px #999;
  padding: 7px 7px 1px 7px;
}
.headerImage {
  -moz-box-shadow:    3px 3px 8px 1px #999;
  -webkit-box-shadow: 3px 3px 8px 1px #999;
  box-shadow:         3px 3px 8px 1px #999;
  width: 95%;
  max-height: 200px;
  margin: 0 auto 3em;
}
.headerImage img {
  max-width: 100%;
}
h1.homeH1 {
  font-family: 'Orbitron', Helvetica, sans-serif;
  color: #00246a;
  font-size: 3em;
  border-bottom: 2px solid #00246a;
  /*display: inline-block;*/
  margin: 1em auto;
}
h1.homeH1:before {
  content: " ";
  display: block;
  width: 50px;
  height: 80px;
  position: absolute;
  right: 9px;
  bottom: -40px;
  background: URL('img/headingTriangle.png') no-repeat;
}
h2.postH2 {
  font-family: 'Orbitron', Helvetica, sans-serif;
  color: #444;
  font-size: 1.8em;
  margin: 0 auto;
  border-bottom: 1px solid #444;
}
.hbusBox  {
  position: relative;
  width: 90%;
  max-height: 220px;
  -moz-box-shadow:    3px 3px 8px 1px #999;
  -webkit-box-shadow: 3px 3px 8px 1px #999;
  box-shadow:         3px 3px 8px 1px #999;
  overflow: hidden;
  margin-top: 2em;
}
.hbusBox img {
  max-width: 100%;
  /*position: absolute;*/
}
.hbusFloatDiv {
  height: 100%;
  position: absolute;
  top: 70%;
  padding: 1em;
  font-family: 'Orbitron', Helvetica, sans-serif;
  color: #fff;
  background: #212121;
  background: rgba(0,0,0,0.7)
}
.hbusFloatDiv h2 {
  font-size: 1.4em;
  line-height: 1.2em;
  font-family: 'Orbitron', Helvetica, sans-serif;
  color: #fff;
}
.hbusMore a {
  float: right;
  color: #d75904;
  text-decoration: none;
}
.hbusMore a:visited {
  color: #d75904;
}
.hbusMore a:hover {
  color: #fff;
}
.hmailBox {
  margin-top: 2em;
}
.hmailBox h2 {
  font-family: 'Orbitron', Helvetica, sans-serif;
  font-size: 1.5em;
  color: #444;
  border-bottom: 2px solid #444;
  max-width: 90%;
}
.hmailForm input[type='text'] {
  font-family: 'Orbitron', Helvetica, sans-serif;
  border: inset 1px #e3e3e3;
  padding: 0.7em 1em;
  float: left;
  margin-top: 2px;
  margin-right: 1em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -khtml-border-radius: 5px;
}
.hmailForm button {
  color: #fff;
  border: solid 2px #304e84;
  background: url('img/buttonBG1.jpg') repeat-x;
  text-shadow: none;
}
.hnewsBox   {
  background: url('img/mlbBG.jpg') repeat-x;
  color: #fff;
  padding: 1em;
  height: 150px;
  overflow: hidden;
  margin-bottom: 2em;
  -moz-box-shadow:    3px 3px 8px 1px #999;
  -webkit-box-shadow: 3px 3px 8px 1px #999;
  box-shadow:         3px 3px 8px 1px #999;
}
.hnewsBox h3 a {
  color: #fff;
  font-family: 'Orbitron', Helvetica, sans-serif;
  font-size: 1em;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.hnewsBox ul {
  margin-left: 1.5em;
}
.hnewsBox ul li {
  margin-bottom: 0.5em;
}
.hnewsBox ul li a {
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.hnewsBox ul li a:hover, .hnewsBox h3 a:hover {
  color: #eab80b;
}
.hjunkThumb {
  float: left;
  margin: 0 1.5em;
}
.hjunkDetails {
  color: #fff;
  text-align: left;
}
.hjunkDetails h5 {
  color: #fff;
  font-family: 'Orbitron', Helvetica, sans-serif;
}
.homeList li a {
  text-decoration: none;
}
.junkItem {
  margin: 0 0 2em 0;
}
.junkItem .postH2 {
  margin-bottom: 1em;
}
.jjMainImage img {
  width: 50%;
  float: left;
  margin-right: 0.5em;
}
.jjMainPrice {
  font-family: 'Orbitron', Helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: 400;
}
.jjMainPrice span {
  color: #2a6108;
}
.jjMainImage img {
  max-width: 210px;
}
.jj_post_image_border img {
  max-width: 90%;
  padding: 8px;
  border: 1px solid #e4e4e4;
  margin-bottom: 1em;
}
.jjPagi {
  margin-bottom: 2em;
  color: #444;
  font-size: 1.2em;
  text-align: center;
}
.deSidebar {
  border-left: 2px solid #989898;
  padding-left: 1em;
  margin-bottom: 3em;
}
.deSidebar .postH2 {
  margin-bottom: 1em;
}
.junkNews {
  margin-bottom: 1.5em;
}
.post_navigation {
  border-top: solid 1px #e3e3e3;
  padding-top: 1em;
  margin-top: 2em;
  margin-bottom: 3em;
  text-align: center;
}
.post_navigation a {
  text-decoration: none;
}
.post_navigation a:hover {
  text-decoration: underline;
}
.jj_sidebar_image {

}
.jj_sidebar_image img {
  max-width: 35%;
  padding: 4px;
  border: 1px solid #e4e4e4;
  float: left;
  margin-right: 4px;
}
.jj_sidebar_title {
  font-weight: bold;
}
.jj_sidebar_text {
  line-height: 1.5em;
  max-height: 3em;
  text-overflow: ellipsis;
  overflow: hidden;
}
.jj_sidebar_text p {
  margin-bottom: 0;
}
.sidebar-readMore {
  margin-bottom: 0.5em;
  float: right;
  font-size: 0.9em;
}
.sms-menu li a.page-menu-active {
  color: #eab80b;
}
.sms-menu {
  width: 100%;
  background: url('img/menuBG-blue.jpg') repeat-x top left;
  text-align: left;
  color: #fff;
  margin-bottom: 2em;
  max-height: 68px;
}
.sms-menu ul {
  padding: 1em 0;
  margin-left: 1em;
}
.sms-menu ul li {
 display: inline-block;
 border-right: 1px solid #fff;
 padding-right: 0.5em;
 margin: 0.2em 0;
}
.sms-menu ul li a {
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.sms-menu ul li a:hover {
  color: #eab80b;
}
.sms-menu ul li a {
  text-decoration: none;
}
.sms-menu li.sms-menu-last {
  border-right: none;
}
.headerImageDE {
  position: relative;
  margin: 1em auto 2em;
  width: 98%;
  height: 200px;
  background: url('img/headers/welding1.jpg') no-repeat top left;
  -moz-box-shadow:    3px 3px 8px 1px #999;
  -webkit-box-shadow: 3px 3px 8px 1px #999;
  box-shadow:         3px 3px 8px 1px #999;
}
.headerImageCR {
  position: relative;
  margin: 1em auto 2em;
  width: 98%;
  height: 200px;
  background: url('img/headers/cranes-header1.jpg') no-repeat top left;
  -moz-box-shadow:    3px 3px 8px 1px #999;
  -webkit-box-shadow: 3px 3px 8px 1px #999;
  box-shadow:         3px 3px 8px 1px #999;
}
.headerImageSMS {
  position: relative;
  margin: 1em auto 2em;
  width: 98%;
  height: 200px;
  background: url('img/headers/sms-header1.jpg') no-repeat top left;
  -moz-box-shadow:    3px 3px 8px 1px #999;
  -webkit-box-shadow: 3px 3px 8px 1px #999;
  box-shadow:         3px 3px 8px 1px #999;
}
.headerImageDR {
  position: relative;
  margin: 1em auto 2em;
  width: 98%;
  height: 200px;
  background: url('img/headers/recycling-header1.jpg') no-repeat top left;
  -moz-box-shadow:    3px 3px 8px 1px #999;
  -webkit-box-shadow: 3px 3px 8px 1px #999;
  box-shadow:         3px 3px 8px 1px #999;
}
.headerTitle { position: absolute;
  bottom: 5%;
  left: 2%;
  background: #000;
  background: rgba(0,0,0,0.6);
  padding: 0.5em 1.5em;
  color: #fff;
  font-size: 1.8em;
  font-family: 'Orbitron', Helvetica, sans-serif;
  max-width: 70%;
  line-height: 1.8em
}
.entry-content p img, .jjMainList p a img {
  max-width: 90%;
  padding: 8px;
  border: 1px solid #e4e4e4;
  margin-bottom: 1em;
}





/* NEW ADDED CSS ========================================================== */

.page-template-page-contact-php .gform_wrapper select,
.page-template-page-contact-php .gform_wrapper select option {
  font-size: 1.1em;
  padding: 3px 8px;
  -moz-border-radius: 0 !IMPORTANT;
  -webkit-border-radius: 0 !IMPORTANT;
  border-radius: 0 !IMPORTANT;
  -khtml-border-radius: 0 !IMPORTANT;
}

.page-template-page-contact-php .gform_wrapper .top_label input.medium,
.page-template-page-contact-php .gform_wrapper .top_label textarea {
  padding: 8px 15px;
  font-size: 1.1em;
  color: #167BDA;
 }

button.readMore {
  float: right;
  margin: 1em 1em 3em 0;
}
.gallery-outer a {
  display: inline-block;
  width: 120px;
  height: 90px;
  overflow: hidden;
  position: relative;
  margin-right: 7px;
}
img.small-thumb {
  max-width: 100%;
  /*position: absolute;*/
  top: 0;
}
.gallery-outer {
  margin: 1em 0;
}
.gallery-outer h5 {
  font-family: 'Orbitron', Helvetica, sans-serif;
  color: #444;
  margin: 2em 0 1em;
}
.page-content p img {
  height: auto;
}
.page-content ul {
  list-style: disc inside;
  margin-left: 2em;
}
.page-template-blank-page-php h4 {
  font-family: 'Orbitron', Helvetica, sans-serif;
  color: #444;
  margin: 2em 0 1em;
}


ul.products-list {
  list-style: inside none;
}
ul.products-list li {
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 2em;
  display: block;
}
ul.products-list li:last-child {
  border: none;
}
ul.products-list h3 {
  font-family: 'Orbitron', Helvetica, sans-serif;
  color: #444;
  margin: 0.2em 0 1em;
}
ul.products-list img {
  display: block;
  margin-bottom: 1em;
}
img.products-image {
  max-width: 100%;
  margin-bottom: 1em;
}
a.readMore {
  float: right;
}



ul.people-list {
  list-style: inside none;
}
ul.people-list li {
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 2em;
  display: block;
}
ul.people-list li:last-child {
  border: none;
}
ul.people-list h3 {
  font-family: 'Orbitron', Helvetica, sans-serif;
  color: #444;
  margin: 0.2em 0 0;
}
ul.people-list h5 {
  font-family: 'Orbitron', Helvetica, sans-serif;
  color: #444;
}
img.people-image {
  width: 180px;
  margin-bottom: 3em;
  float: left;
  margin-right: 1em;
}





/* MEDIA QUERIES ============================================================================================== */



  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {

    ul.products-list img {
      width: 100%;
      float: none;
    }


  }

  /* Min width 768px (devices and browsers) */
  @media only screen and (min-width: 768px) {

    ul.products-list img {
      width: 180px;
      float: left;
      margin-right: 15px;
    }


  }