@charset "UTF-8";
/* CSS Document */

/* The purpose of this document is to define the LAYOUT of the template. */

/*********************************/  
/** LAYOUT Related CLASSES *******/
/*********************************/  

.inside {
   padding: 2%;
   }

.clearfloat {
   width: 100%;
   height: 1px;
   clear: both;
   }
   
/******************************************/
/*** DIV Elements of the BANNER ***********/
/*****************************************/

#headwrap {
   background-image: url('http://www.joshsneed.com/templates/josh_sneed/images/banner.jpg');
   background-repeat: no-repeat;
   width: 1012px;
   height: 292px;
   margin: 0px auto 0 auto;
   }

#top1 {
  position: absolute;
  width: 286px;
  height: 75px;
  margin: 21px 0 0 690px;
  overflow: hidden;
  }

#top2 {
  position: absolute;
  width: 286px;
  height: 75px;
  margin: 105px 0 0 690px;
  overflow: hidden;
  }

#top3 {
  position: absolute;
  width: 286px;
  height: 75px;
  margin: 190px 0 0 690px;
  overflow: hidden;
  }


#social {
   background-image: url('http://www.joshsneed.com/templates/josh_sneed/images/social.jpg');
   background-repeat: no-repeat;
   height: 55px;
   width: 1012px;
   margin:auto;
   }

#email {
   height: 12px;
   width: 305px;
   margin: 0px 0px 0 670px;
   }

#email form {
   margin: -30px 0 0 120px;
   }

#email img {
   margin: 9px 0 0 3px;
   }

#menu {
   background-image: url('http://www.joshsneed.com/templates/josh_sneed/images/menu.jpg');
   height: 44px;
   width: 1012px;
   margin:auto;
   }

/******************************************/
/*** DIV Elements of the LAYOUT ***********/
/*****************************************/

#wrapper {
   width: 1012px;
   margin: auto;
   margin-top: 15px;
   padding-bottom: 10px;
   }

#wrapper2 {
   width: 989px;
   margin: auto;
   padding: 10px;
   background: url('http://www.joshsneed.com/templates/josh_sneed/images/mainback.jpg') repeat;
   background-color: #634221;
   }
   
#middle {
   background-color: #fff;
   text-align: left;
   width: 630px;
   overflow: hidden;
   margin-left: 10px;
   float: left;
   }

#middletop {
     background: url('http://www.joshsneed.com/templates/josh_sneed/images/maintop.gif') no-repeat;
     height: 84px;
     }

#middlemiddle {
     background: url('http://www.joshsneed.com/templates/josh_sneed/images/mainback.gif') repeat;
     }

#mainmiddle {
   width: 600px;
   margin: auto;
   margin-top: -45px;
   }

#middlebottom {
     background: url('http://www.joshsneed.com/templates/josh_sneed/images/mainbottom.gif') no-repeat;
     height: 22px;
     margin-left: -1px;
     margin-top: -25px;
     }

#right {
   width: 340px;
   float: right;
   }

#left {
   width: 160px;
   float: left;
   overflow: hidden;
   background: url('http://www.joshsneed.com/templates/josh_sneed/images/modbrown.jpg') repeat;
   background-color: #634221;
   }

/*********************************/   
/* Footer and Copyright Sections */
/*********************************/  

#footerwrap {
   width: 100%;
   margin: auto;
   background-image: url('http://www.awkwardsilencecomedy.com/templates/Mr_Clean/images/footer.jpg');
   border-top: 15px solid #ccc;
   margin-top: 20px;
   }

#footer {
   width: 1012px;
   height: 65px;
   margin: 15px auto 0px auto;
   padding: 5px 0px;
   background: url('http://www.joshsneed.com/templates/josh_sneed/images/green.gif') repeat;
   background-color: #634221;
   }

#footer .moduletable {
   background: url('http://www.joshsneed.com/templates/josh_sneed/images/conbrown.jpg') repeat;
   }

#footerleft {
   width: 55%;
   float: left;
   margin-left: 50px;
   }

#footerright {
   width: 23%;
   float: right;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   }

#footer h3 {
   color: #ffffcc;
   font-family: 'Impact', Arial, sans serif;
   font-size: 14pt;
   margin: 0px;
   }

#footer h6 {
   color: #ffffcc;
   font-family: 'Arial', sans serif;
   font-size: 11pt;
   margin: 0px 0px 0px 0px;
   padding: 0px;
   }

#footer a {
   color: #fff999;
   text-decoration: none;
   }
   
#footer a:hover {
   color: #ccc999;
   }
   
#footerbottom {
   width: 100%;
   height: 23px;
   clear: both;
   padding: 5px 0px 5px 0px;
   }

#footerbottom .menu li{
  float: left;
  list-style: none;
  font-size: 10pt;
  margin: -5px  20px  0px 20px;
  }

#footerbottom ul{
  margin-left: 50px;
  }

#copyright {
   width: 100%;
   padding-top: 5px;
   }

#copyright p {
  text-align: center;
  margin-top: 5px;
  font-family: 'Arial', sans serif;
  font-size: 10pt;
  color: #ccc;
  }

#copyright a {
   text-decoration: none;
   font-size: 9pt;
   color: #ffff99;
   font-weight: bolder;
   }