/*
 This is made by John Renner
 */

 body {
 background-image: url('');
 color: #000305;
font-size: 175%; /* Base font size is 14px */
font-family: Arial, 'Lucida Sans Unicode';
line-height: 1.25;
text-align: left;
 }
a {
text-decoration: none;
} /* h1 text color */
 a:link, a:visited {
   color: #2c317a;
}
 a:hover, a:active {
   background-color: ##878484;
   color: #FFF;
 }

 .body {
margin: 0 auto;
width: 93%;

background-color: #FFF

 }
.mainheader img {
max-width: 100%;
margin: 0 auto;
width: 100%;
height: auto;
margin: 2% 0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.mainheader nav{
  background-color: #ada7a6;
  height: 60px;
  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;
  padding-right: 6px;
}
/* main nav text color */
.mainheader nav a:link, .mainheader nav a:visited {
  color: #FFF;
  display: inline-block;
  padding: 10px 25px;
height: auto;


}
/* color of block around nav */
.mainheader nav a:hover, .mainheader nav a:active,
.mainheader nav .active a:link, .mainheader nav .active a:visited {
  background-color:  #2c317a;
  text-shadow: none;

}
.mainheader nav ul 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;

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

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

}

.post-info {
  display: none;
}
.container {
    display: table;
    font-size: 100%
    line-height:normal;
    }
.row  {
    display: table-row;

    }
    .left, .right, .middle {
        display: table-cell;
        padding-right: 30px;
        padding-bottom: 30px
        width: 1000%
        }

.left p, .right p, .middle p {
    margin: 2px 2px;
   }

.topcontent ul {
  width: 33%;
  float: left;
  background-color: #FFF;
  border: none;
  padding: none;

}

.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: 80%;
}
.sidebar {
  width: 27%;
  float: right;
  background-color: #FFF;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 2% 0 1% 3%;

}
.top-sidebar {
  background-color: #FFF;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 2% 0 1%;
  padding: 2% 2%;
}
.middle-sidebar {
  background-color: #FFF;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 2% 0 2% 3%;
  padding: 2% 2%;
}
.bottom-sidebar {
  background-color: #FFF;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 2% 0 2% 3%;
  padding: 2% 2%;
}
.mainfooter {
  width: 95%;
  float: left;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #ada7a6;
  margin: 1% 1%;
}

.mainfooter p {
  width: 98%;
  font-size: 70%;
  float: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #FFF;
  margin: 1% 1%;
color: ##5eff49;
}


@media only screen and (min-device-width: 120px) and (max-device-width: 619px)
{
   .body {
max-width: 100%;
    height: auto;
  width: 100%;
font-size: 250%
   }
  .mainheader img {
max-width: 100%;
    height: auto;
  width: 100%;
  height: auto;
  }
/* height of background for nav smallest screens */
  .mainheader nav{
    height: 320px;
  }
  .mainheader nav{
    background-color:  #ada7a6;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  }
  .mainheader nav ul {
padding-left: 0;
background-color: #ada7a6
 }
  .mainheader nav ul li {
width: 100%;
  font-size-adjust: auto;
text-align: center;
  }
  .mainheader nav a:link, .mainheader nav a:visited {
    padding: 10px 25px;
  height: 25%;
  display: block;
  }
  .maincontent {
    line-height: 30px
  }
  .content {
    width: 100%;
    float: left;
    margin-top: 2%;
  }

  .topcontent {
    background-color: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

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

  }

  .mainfooter{
    width: 98%;
    float: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #ada7a6;
    margin: 1% 1%;
  }
  .mainfooter p {  width: 92%;
    float: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #ada7a6;
    margin: 1% 1%;
  color: #FFF;
  }
  @media only screen and (min-device-width: 620px) and (max-device-width: 1024px)
  {
     .body {
max-width: 100%;
    height: auto;
    width: 100%;
  font-size: 200%
  background-color: #ada7a6

     }
    .mainheader img {
    width: 100%;
max-width: 100%;
    height: auto;
    }

    .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;
    }
    .maincontent {
      line-height: 30px
    }
    .content {
      width: 100%;
      float: left;
      margin-top: 2%;
    }
  .post-info {
    display: none;
  }
    .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%;
    }
    .sidebar {
      width: 100%;
      float: left;
      background-color: #FFF;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      margin: 0% 1% 0% 0%;

    }
    .mainfooter{
      width: 100%;
      float: left;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      background-color: #ada7a6;
      margin: 2% 3%;
    }
    .mainfooter p {  width: 92%;
      float: left;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      background-color: #ada7a6;
      margin: 2% 3%;
    color: #FFF;
    }



}