﻿#ControlBar, #ControlBar *, .actionMenu * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.active a {
    color: #542f18 !important;
    background-color: #eee;
}

.my_blogpost_info_wrapper * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#Body {
    background-color: #fff;
    font-family: Roboto;
}

a {
    text-decoration: none !important;
}

h2 {
    font-size: 25px;
    font-family: Roboto;
    font-weight: 700;
}

p {
    font-size: 15px;
    font-family: Roboto;
    line-height: 20px;
    color: #4b4b4b;
}
/*Layout */
* html #Wrapper {
    height: 100%;
}
/* for IE */
#wrapper {
    min-height: 100%;
    background: url('images/bg.jpg');
}

#logo {
    float: right;
    margin-right: -15px;
}

    #logo img {
        float: right;
    }

@media (max-width: 991px) and (min-width:768px) {
    #logo {
        margin-top: -105px;
    }

        #logo img {
            width: 60%;
        }

    #dnn_ctr1304_HtmlModule_lblContent {
        display: table;
        width: 100%;
    }

        #dnn_ctr1304_HtmlModule_lblContent img {
            width: 25%;
        }
}

@media (max-width: 1200px) and (min-width:992px) {
    #logo {
        margin-top: -115px;
    }

        #logo img {
            width: 80%;
        }
}

@media (max-width: 768px) {
    #logo {
        margin-top: -50px;
    }
}

@media (min-width: 1200px) {
    #logo {
        margin-top: -136px;
    }
}
/**************slogan begin*******************/
#slogan {
    font-family: 'Courier New';
    position: absolute;
    font-family: 'Playball', cursive;
    color: #f78f1c;
}

@media (max-width:320px) {
    #slogan {
        font-size: 22px;
        top: 10%;
        line-height: 24px;
        left: 20%;
    }
}

/*@media (max-width:400px) and (min-width:321px) {
    #slogan {
        font-size: 24px;
        top: 10px;
        width: 80%;
        line-height: 40px;
        left: 20%;
    }
}

@media (max-width:420px) and (min-width:401px) {
    #slogan {
        font-size: 24px;
        top: 10px;
        width: 80%;
        line-height: 40px;
        right: -10px;
    }
}

@media (max-width:628px) and (min-width:421px) {
    #slogan {
        font-size: 24px;
        top: 10px;
        width: 60%;
        line-height: 36px;
        float: right;
        left:100px;
    }
}

@media (max-width:715px) and (min-width:629px) {
    #slogan {
        font-size: 24px;
        top: 10px;
        width: 32%;
        line-height: 32px;
        right: 100px;
    }
}*/

@media (max-width:991px) and (min-width:321px) {
    #slogan {
        font-size: 24px;
        top: 10%;
        line-height: 40px;
        left: 20%;
    }
}

@media (min-width: 992px) {
    #slogan {
        font-size: 34px;
        top: 50px;
        width: 81%;
        line-height: 40px;
        right: -10px;
    }

    #imghead {
        margin-left: -15px;
    }
}
/****************slogan end*************************/

@media (max-width:768px) {
    #dnn_LOGO1_imgLogo {
        height: 50px;
    }

    #builder {
        /*display: none;*/
    }
}



#banner {
    width: 100%;
}



#content {
    padding: 20px 0px 20px 0px;
    min-height: 400px;
}

#textContent {
    position: relative;
}

.ftColor {
    background-color: #f78f1c;
    height: 50px;
}
@media (max-width:991px){
.ftColor {
    height: 60px;
}
}
footer {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}

#footMenu a, a:visited {
    color: white;
}
/*--------nav style-----------*/
header.navbar {
    margin: 0px;
    border: none;
}

.navbar-dnnt {
    border-radius: 0px 0px;
}

.navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-collapse {
    max-height: 600px !important;
}
/*control the box height of nav links*/
.navbar-nav > li > a {
    line-height: 20px;
    font-size: 18px;
    text-transform: uppercase;
}
/*----------------------*/
@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 18px;
        padding-bottom: 18px;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .navbar-nav > li > a {
        font-size: 16px;
    }

    .nav > li > a {
        /*position: relative;
  display: block;*/
        padding: 10px 6px;
    }
}

.navbar-nav a {
    color: #fff;
}

.navbar-nav li a:hover {
    color: #eb2c7c;
}

/*--------nav style end-----------*/

#about {
    width: 342px;
}

#ownerpic img {
    float: left;
    width: 80%;
    margin: 0px 15px;
}

.cvhheader {
    background: #F78F1C;
}
.DNNContainer_noTitle{
box-shadow: none !important;
}
.about {
    margin-top: 20px;
    margin-bottom: 20px;
}
/*---------------home page--------------------*/

#navSection {
    background: #f78f1c;
    height: 55px;
}

@media (min-width:768px) {
    #navSection {
        margin-top: 60px;
        margin-bottom: 50px;
    }
}

@media (max-width:768px) {
    #navSection {
        position: absolute;
        z-index: 999;
    }
}

#dvDesigner {
    top: 18px;
    color: white;
    right: 30px;
background-color: #f78f1c;
line-height:30px;
}
@media (min-width:992px) {
    #dvDesigner {
    text-align: right;
line-height:50px;
}
}
#footMenu {
    top: 18px;
    color: white;
background-color: #f78f1c;
line-height:30px;
}
@media (min-width:992px) {
    #footMenu {
line-height:50px;
}
}
@media (max-width:320px) {
    #footMenu {
        font-size: 11px;
    }
}

@media (min-width:768px) {
    #footMenu {
        left: 30px;
    }
}

@media (max-width:768px) {
    #dnn_servicePane {
        display: none;
    }
}

.titleOrange {
    font-size: larger;
    color: #ff6600;
}

.gapHead {
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #000000;
}

#dnn_dnnLogin_loginLink {
    text-transform: uppercase;
}