/*
Theme Name: Keene-Innovations.com
Date: August 2013
Description: Keene-Innovations web site
Version: 1.0
Author: Keene-Innovations
Web Address: www.Keene-Innovations.com
*/


body {
 background-image: url('http://www.BigFourCarp.com/Keene-Innovations/images/background.jpg');
 color: #000305;
 font-size: 87.5%; /* Base font size is 14px */
 font-family: Arial, 'Licida Sans Unicode';
 line-height: 1.5;
 text-align: left;
 }
 
 a {
    text-decoration: none;
  }
 
 a:link, a:visited {
    color: #BBC17B;
  }
  
 a:hover, a:active {
   background-color: #BBC17B;
   color: #FFF;   
 } 
 
 .body {
   margin: 0 auto;
   width: 70%;
   clear: both;
 
  }

.mainHeader img {
   background:url(http://www.bigfourcarp.com/Keene-Innovations/images/Keene-Innovations_MainHeader_Small.jpg) no-repeat top center;
   width: 30%;
   height: auto;
   margin: 0% 0%;
   
 }
 
 .mainHeader nav {
   background-color: #666;
   height: 40px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   
 }
 
 .mainHeader nav ul {
    list-style: none;
    margin: 0 auto;
   
 }
 
 .mainHeader nav ul li {
   float: left;
   display: inline;
 
  }
  
  .mainHeader nav a:link, .mainHeader nav a:visited  {
   color: #FFF;
   display: inline-block;
   padding: 10px 25px;
   height: 20px;   
  }

.mainHeader nav a:hover, .mainHeader nav a:active,
.mainHeader nav .active a:link, .mainHeader nav .active a:visited {
   background-color: #BBC17B;
   text-shadow: none;
   
  }
  
.mainHeader nav li a {
  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;

}  

.mainContent {
   line-height: 25px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
    
 }
 
.content {
  width: 70%;
  float: left;
  
}

.topContent {
  background-color: #FFF;
  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
  padding: 3% 5%;
  margin-top: 2%;
   
}

.bottomContent {
  background-color: #FFF;
  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
  padding: 3% 5%; 
  margin-top: 2%;
}

.post-info {
  font-style: italic;
  color: #999;
  font-size: 85%;
    
}

.top-sidebar {
  width: 21%;
  float: left;
  background-color: #FFF; 
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   margin: 2% 0 2% 3%;
   padding: 2% 3%;
   
 }

 
 .middle-sidebar {
    width: 21%;
    float: left;
    background-color: #FFF; 
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-left: 3%;
   margin-bottom: 2%;
   padding: 2% 3%;
  
 }
 
 .bottom-sidebar {
  width: 21%;
  float: left;
  background-color: #FFF; 
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   margin-left: 3%;
   margin-bottom: 2%;
   padding: 2% 3%;

 }
 
 .mainFooter {
   width: 100%;
   float: left;
   border-radius: 5px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   background-color: #666; 
   margin-top: 2% 0;
     
  }

 .mainFooter p {
   width: 92%;
   margin: 10px auto;
   color: #FFF;
  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
  padding: 0% 0% 0% 3%;
            
  }
 

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px)
{

 .body {
   width: 90%;
   font-size: 95%;
 
  }
  
 .mainHeader img {
   width: 100%;
   margin: 0% 0%; 
  
}

.mainHeader nav {
   height: 160px;
     
 }
 
 .mainHeader nav ul {
    padding-left: 0;
   
 }
 
 .mainHeader nav ul li {
    width: 100%;
    text-align: center;
 
  }
  
  .mainHeader nav a:link, .mainHeader nav a:visited  {
   padding: 10px 25px;
   height: 20px; 
   display: block;
  
  }

 
.content {
  width: 100%;
  float: left;
  
}

.post-info {
     display: none;
    }

.topContent {
  background-color: #FFF;
  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
  padding: 3% 5%;
  margin-top: 3%;
  margin-bottom: 3%;
   
}

.bottomContent {
  margin-top: 3%;
  
}

.top-sidebar, .middle-sidebar, .bottom-sidebar {
  width: 94%;
  margin: 2% 0 2% 0%;
  padding: 2% 3%;
   
  }
 }
 
 
 
 /* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px)
{

 .body {
   margin: 0 auto;
   width: 70%;
   clear: both;
 
  }

.mainHeader img {
   width: 100%;
   height: auto;
   margin: 0% 0%;
   
 }
 
 .mainHeader nav {
 
   background-color: #666;
   height: 40px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   
 }
 
 .mainHeader nav ul {
    list-style: none;
    margin: 0 auto;
   
 }
 
 .mainHeader nav ul li {
   float: left;
   display: inline;
   color: #666666;
 
  }
  
  .mainHeader nav a:link, .mainHeader nav a:visited  {
   color: #FFF;
   display: inline-block;
   padding: 10px 25px;
   height: 20px;   
  }

.mainHeader nav a:hover, .mainHeader nav a:active,
.mainHeader nav .active a:link, .mainHeader nav .active a:visited {
   background-color: #BBC17B;
   text-shadow: none;
   
  }
  
.mainHeader nav li a {
  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;

}  

.mainContent {
   line-height: 25px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
    
 }
 
.content {
  width: 70%;
  float: left;
  
}

.topContent {
  background-color: #FFF;
  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
  padding: 3% 5%;
  margin-top: 2%;
   
}

.bottomContent {
  background-color: #FFF;
  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
  padding: 3% 5%; 
  margin-top: 2%;
}

.post-info {
  font-style: italic;
  color: #999;
  font-size: 85%;
    
}

.top-sidebar {
  width: 21%;
  float: left;
  background-color: #FFF; 
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   margin: 2% 0 2% 3%;
   padding: 2% 3%;
   
 }

 
 .middle-sidebar {
    width: 21%;
    float: left;
    background-color: #FFF; 
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-left: 3%;
   margin-bottom: 2%;
   padding: 2% 3%;
  
 }
 
 .bottom-sidebar {
  width: 21%;
  float: left;
  background-color: #FFF; 
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   margin-left: 3%;
   margin-bottom: 2%;
   padding: 2% 3%;

 }
 
 .mainFooter {
   width: 100%;
   float: left;
   border-radius: 5px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   background-color: #666; 
   margin-top: 2% 0;
        
  }

 .mainFooter p {
   width: 92%;
   margin: 10px auto;
   color: #FFF;
  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
  padding: 0% 0% 0% 3%;
  
            
  }
 }
 
  /* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px)
{

 .body {
   width: 90%;
   font-size: 95%;
 
  }
  
 .mainHeader img {
   width: 100%; 
   margin: 0% 0%;
  
}

.mainHeader nav {
   height: 160px;
     
 }
 
 .mainHeader nav ul {
    padding-left: 0;
   
 }
 
 .mainHeader nav ul li {
    width: 100%;
    text-align: center;
 
  }
  
  .mainHeader nav a:link, .mainHeader nav a:visited  {
   padding: 10px 25px;
   height: 20px; 
   display: block;
   
  }

 
.content {
  width: 100%;
  float: left;
   
}

.post-info {
     display: none;
    }

.topContent {
  background-color: #FFF;
  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
  padding: 3% 5%;
  margin-top: 3%;
  margin-bottom: 3%;
   
}

.bottomContent {
  margin-top: 3%;
  
}

.top-sidebar, .middle-sidebar, .bottom-sidebar {
  width: 94%;
  margin: 2% 0 2% 0%;
  padding: 2% 3%;
   
 }
}

 /* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)
{

 .body {
   width: 90%;
   font-size: 95%;
 
  }
  
 .mainHeader img {
   width: 100%;
   margin: 0% 0%; 
  
}

.mainHeader nav {
   height: 160px;
     
 }
 
 .mainHeader nav ul {
    padding-left: 0;
   
 }
 
 .mainHeader nav ul li {
    width: 100%;
    text-align: center;
 
  }
  
  .mainHeader nav a:link, .mainHeader nav a:visited  {
   padding: 10px 25px;
   height: 20px; 
   display: block;
  
  }

 
.content {
  width: 100%;
  float: left;
  
}

.post-info {
     display: none;
    }

.topContent {
  background-color: #FFF;
  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
  padding: 3% 5%;
  margin-top: 3%;
  margin-bottom: 3%;
   
}

.bottomContent {
  margin-top: 3%;
  
}

.top-sidebar, .middle-sidebar, .bottom-sidebar {
  width: 94%;
  margin: 2% 0 2% 0%;
  padding: 2% 3%;
   
 }
}

 
 /* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{

 .body {
   width: 90%;
   font-size: 95%;
 
  }
  
 .mainHeader img {
   width: 100%; 
   margin: 0% 0%;
  
}

.mainHeader nav {
   height: 160px;
     
 }
 
 .mainHeader nav ul {
    padding-left: 0;
   
 }
 
 .mainHeader nav ul li {
    width: 100%;
    text-align: center;
 
  }
  
  .mainHeader nav a:link, .mainHeader nav a:visited  {
   padding: 10px 25px;
   height: 20px; 
   display: block;
  
  }

 
.content {
  width: 100%;
  float: left;
  
}

.post-info {
     display: none;
    }

.topContent {
  background-color: #FFF;
  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
  padding: 3% 5%;
  margin-top: 3%;
  margin-bottom: 3%;
   
}

.bottomContent {
  margin-top: 3%;
  
}

.top-sidebar, .middle-sidebar, .bottom-sidebar {
  width: 94%;
  margin: 2% 0 2% 0%;
  padding: 2% 3%;
   
  }
 }
 
 /* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)
{

 .body {
   width: 90%;
   font-size: 95%;
 
  }
  
 .mainHeader img {
   width: 100%;
   margin: 0% 0%; 
  
}

.mainHeader nav {
   height: 160px;
     
 }
 
 .mainHeader nav ul {
    padding-left: 0;
   
 }
 
 .mainHeader nav ul li {
    width: 100%;
    text-align: center;
 
  }
  
  .mainHeader nav a:link, .mainHeader nav a:visited  {
   padding: 10px 25px;
   height: 20px; 
   display: block;
  
  }

 
.content {
  width: 100%;
  float: left;
  
}

.post-info {
     display: none;
    }

.topContent {
  background-color: #FFF;
  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
  padding: 3% 5%;
  margin-top: 3%;
  margin-bottom: 3%;
   
}

.bottomContent {
  margin-top: 3%;
  
}

.top-sidebar, .middle-sidebar, .bottom-sidebar {
  width: 94%;
  margin: 2% 0 2% 0%;
  padding: 2% 3%;
   
 }
 
}


/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.body {
   width: 90%;
   font-size: 95%;
 
  }
  
 .mainHeader img {
   width: 100%;
   margin: 0% 0%; 
  
}

.mainHeader nav {
   height: 160px;
     
 }
 
 .mainHeader nav ul {
    padding-left: 0;
   
 }
 
 .mainHeader nav ul li {
    width: 100%;
    text-align: center;
 
  }
  
  .mainHeader nav a:link, .mainHeader nav a:visited  {
   padding: 10px 25px;
   height: 20px; 
   display: block;
  
  }

 
.content {
  width: 100%;
  float: left;
  
}

.post-info {
     display: none;
    }

.topContent {
  background-color: #FFF;
  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
  padding: 3% 5%;
  margin-top: 3%;
  margin-bottom: 3%;
   
}

.bottomContent {
  margin-top: 3%;
  
}

.top-sidebar, .middle-sidebar, .bottom-sidebar {
  width: 94%;
  margin: 2% 0 2% 0%;
  padding: 2% 3%;
   
 }
}


/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
.body {
   margin: 0 auto;
   width: 70%;
   clear: both;
 
  }

.mainHeader img {
   width: 100%;
   height: auto;
   margin: 0% 0%;
   
 }
 
 .mainHeader nav {
 
   background-color: #666;
   height: 40px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   
 }
 
 .mainHeader nav ul {
    list-style: none;
    margin: 0 auto;
   
 }
 
 .mainHeader nav ul li {
   float: left;
   display: inline;
   color: #666666;
 
  }
  
  .mainHeader nav a:link, .mainHeader nav a:visited  {
   color: #FFF;
   display: inline-block;
   padding: 10px 25px;
   height: 20px;   
  }

.mainHeader nav a:hover, .mainHeader nav a:active,
.mainHeader nav .active a:link, .mainHeader nav .active a:visited {
   background-color: #BBC17B;
   text-shadow: none;
   
  }
  
.mainHeader nav li a {
  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;

}  

.mainContent {
   line-height: 25px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
    
 }
 
.content {
  width: 70%;
  float: left;
  
}

.topContent {
  background-color: #FFF;
  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
  padding: 3% 5%;
  margin-top: 2%;
   
}

.bottomContent {
  background-color: #FFF;
  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
  padding: 3% 5%; 
  margin-top: 2%;
}

.post-info {
  font-style: italic;
  color: #999;
  font-size: 85%;
    
}

.top-sidebar {
  width: 21%;
  float: left;
  background-color: #FFF; 
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   margin: 2% 0 2% 3%;
   padding: 2% 3%;
   
 }

 
 .middle-sidebar {
    width: 21%;
    float: left;
    background-color: #FFF; 
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-left: 3%;
   margin-bottom: 2%;
   padding: 2% 3%;
  
 }
 
 .bottom-sidebar {
  width: 21%;
  float: left;
  background-color: #FFF; 
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   margin-left: 3%;
   margin-bottom: 2%;
   padding: 2% 3%;

 }
 
 .mainFooter {
   width: 100%;
   float: left;
   border-radius: 5px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   background-color: #666; 
   margin-top: 2% 0;
        
  }

 .mainFooter p {
   width: 92%;
   margin: 10px auto;
   color: #FFF;
  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
  padding: 0% 0% 0% 3%;
  
            
  }
 }


/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
.body {
   width: 90%;
   font-size: 95%;
 
  }
  
 .mainHeader img {
   width: 100%;
   margin: 0% 0%; 
  
}

.mainHeader nav {
   height: 160px;
     
 }
 
 .mainHeader nav ul {
    padding-left: 0;
   
 }
 
 .mainHeader nav ul li {
    width: 100%;
    text-align: center;
 
  }
  
  .mainHeader nav a:link, .mainHeader nav a:visited  {
   padding: 10px 25px;
   height: 20px; 
   display: block;
  
  }

 
.content {
  width: 100%;
  float: left;
  
}

.post-info {
     display: none;
    }

.topContent {
  background-color: #FFF;
  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
  padding: 3% 5%;
  margin-top: 3%;
  margin-bottom: 3%;
   
}

.bottomContent {
  margin-top: 3%;
  
}

.top-sidebar, .middle-sidebar, .bottom-sidebar {
  width: 94%;
  margin: 2% 0 2% 0%;
  padding: 2% 3%;
   
 }
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
.body {
   width: 90%;
   font-size: 95%;
 
  }
  
 .mainHeader img {
   width: 100%; 
   margin: 0% 0%;
  
}

.mainHeader nav {
   height: 160px;
     
 }
 
 .mainHeader nav ul {
    padding-left: 0;
   
 }
 
 .mainHeader nav ul li {
    width: 100%;
    text-align: center;
 
  }
  
  .mainHeader nav a:link, .mainHeader nav a:visited  {
   padding: 10px 25px;
   height: 20px; 
   display: block;
  
  }

 
.content {
  width: 100%;
  float: left;
  
}

.post-info {
     display: none;
    }

.topContent {
  background-color: #FFF;
  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
  padding: 3% 5%;
  margin-top: 3%;
  margin-bottom: 3%;
   
}

.bottomContent {
  margin-top: 3%;
  
}

.top-sidebar, .middle-sidebar, .bottom-sidebar {
  width: 94%;
  margin: 2% 0 2% 0%;
  padding: 2% 3%;
   
 }
}


/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
.body {
   width: 90%;
   font-size: 95%;
 
  }
  
 .mainHeader img {
   width: 100%; 
   margin: 0% 0%;
  
}

.mainHeader nav {
   height: 160px;
     
 }
 
 .mainHeader nav ul {
    padding-left: 0;
   
 }
 
 .mainHeader nav ul li {
    width: 100%;
    text-align: center;
 
  }
  
  .mainHeader nav a:link, .mainHeader nav a:visited  {
   padding: 10px 25px;
   height: 20px; 
   display: block;
  
  }

 
.content {
  width: 100%;
  float: left;
  
}

.post-info {
     display: none;
    }

.topContent {
  background-color: #FFF;
  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
  padding: 3% 5%;
  margin-top: 3%;
  margin-bottom: 3%;
   
}

.bottomContent {
  margin-top: 3%;
  
}

.top-sidebar, .middle-sidebar, .bottom-sidebar {
  width: 94%;
  margin: 2% 0 2% 0%;
  padding: 2% 3%;
   
 }
}


/* Large screens Large Screen Resolution----------- */
@media only screen and (min-width: 801px) and (max-width: 1024px) {
.body {
   width: 70%;
   font-size: 95%;
 
  }
  
 .mainHeader img {
   width: 100%; 
   margin: 0% 0%;
  
}

.mainHeader nav {
   height: 160px;
     
 }
 
 .mainHeader nav ul {
    padding-left: 0;
   
 }
 
 .mainHeader nav ul li {
    width: 100%;
    text-align: center;
 
  }
  
  .mainHeader nav a:link, .mainHeader nav a:visited  {
   padding: 10px 25px;
   height: 20px; 
   display: block;
  
  }

 
.content {
  width: 100%;
  float: left;
  
}

.post-info {
     display: none;
    }

.topContent {
  background-color: #FFF;
  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
  padding: 3% 5%;
  margin-top: 3%;
  margin-bottom: 3%;
   
}

.bottomContent {
  margin-top: 3%;
  
}

.top-sidebar, .middle-sidebar, .bottom-sidebar {
  width: 94%;
  margin: 2% 0 2% 0%;
  padding: 2% 3%;
   
 }
}