html{

    background-color:#e6e9e9;
}

#logo{

    margin-left:40px;
    margin-top:20px;
    margin-bottom:20px;
}
}
.frontpage{

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #545454;
    font-size:87.5%;
    line-height:1.5;
    text-align:left;

}

.frontpage{

    margin:0 auto;
    width:70%;
    clear:both;

}

a {

    text-decoration: none;

}

a:link, a:visited{

    color:#CF5C3F;

}

a:hover, a:active{

    background-color:#fff;
    color:#CF5C3F;

}

.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 ul li a:link, .mainHeader nav ul li 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: #CF5C3F;
    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;

}

.content{

    width:70%;
    float:left;

}

.Topcontent{

    height: 400px;
    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% 1%;
    margin-top: 2%;

}

.Top-sidebar{

    width:21%;
    float:left;
    background-color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-left:3%;
    padding:2% 3% 0 3%;
    margin-bottom:2%;
    margin-top:1.5%;

}


.post-info{

    font-style: italic;
    color:#999;
    font-size: 90%;

}

.Middle-sidebar{

    width:21%;
    float:left;
    background-color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-left:3%;
    padding:2% 3%;
    margin-bottom:2%;

}

.Bottom-sidebar{

    width:21%;
    float:left;
    background-color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-left:3%;
    padding:2% 3%;
    margin-bottom:2%;
    margin-top:1.5%;

}

.mainFooter{

    width:100%;
    float:left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color:#666;
    margin-top:2%;
    margin-bottom:2%;
    height:130px;

}

.mainFooter p{

    width: 92%;
    margin:10px auto;
    color:#fff;
    margin-top:24px;

}

.subFooter {
  width:100%;
  float:center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color:#666;
  margin-top:2%;
  margin-bottom:2%;
  height:10px;
}

h3 {

  color: #CF5C3F;

}


@media only screen and (min-width: 150px) and (max-width: 680px) {

    .frontpage{

        width:98%;
        font-size: 95%;

    }

    .mainHeader nav{

        height:160px;

    }

    .mainHeader nav ul{

        padding-left:0;

    }

    .mainHeader nav ul li{

        width:100%;
        text-align:center;

    }

    .mainHeader nav ul li a:link, .mainHeader nav ul li a:visited{

        padding: 10px 25px;
        height:20px;
        display: block;

    }

    .mainContent {

        line-height: 25px

    }

    .content{

        width:100%;
        float:left;
        margin-top:2%;

    }

    .post-info{

        display:none;

    }

    .Topcontent{

        margin-bottom:3%;

    }

    .Bottomcontent{

        margin-top: 3%;
        margin-bottom: 2%;

    }

    .Top-sidebar{

        width:94%;
        margin:2% 0 2% 0;
        padding:2% 3%;

    }

    .Middle-sidebar{

        width:94%;
        margin:2% 0 2% 0;
        padding:2% 3%;

    }

    .Bottom-sidebar{

        width:94%;
        margin:2% 0 2% 0;
        padding:2% 3%;

    }


}