/*All code produced for Valerie Gibson is a product of the Hunter Group - www.huntergroup.ca . 
Thank you to the wonderful folks for who created the Skeleton boilerplate which we have adapted and modified. */


/*General Page Things */

html {
position:relative;
height:100%;
min-height: 100%;
margin:0;
padding:0;
}

body { 
position:relative;
height: 100%;
font-size:17px; 
background-image: url('../images/logo-red-large-trans.png'); 
background-repeat: no-repeat;
background-position: center center;
background-size: 90%; 
background-attachment:fixed;

 }
 
      #wrap {
        min-height: 100%;
        height: auto !important;

        /* Negative indent footer by it's height */
        margin: 0 auto -100px;
        


      }
    
    a {
    color: #fff;
    }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        height: 100px;
      }
      #footer {
	
        background-color: #BE1E2D;


      }
      
      #footer p {
      
      color: #fff;
      
      }
      
      #footer p a {
      color: #fff;
      text-decoration: underline;
      
      }
      #footer p a:visited{
      color: #fff;
      }
      #footer p a:hover{
      color:#fff;
      }

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        #footer {
        font-size: 0.8em;
        }
      }



hr {color:#BE1E2D; border-color:#BE1E2D;}

h1,h2,h3,h4,h5,h6,p,a, .frontbooktext {
font-family: 'Playfair Display';
font-weight: 300;
}

h1,h2,h3 {
color: #BE1E2D;
}

h2.news {
color: #fff;
font-size: 1.25em;
}

.bgred {
background-color: #BE1E2D;
}

.white {
color: #fff;
}

.content {
padding-top: 5%;
padding-bottom: 5%;
}

.contentsmall {
padding-top: 1%;
padding-bottom: 2%;
}

@media(max-width:767px){

	.contentsmall {

		padding-top: 2.5%;
		padding-bottom: 10%;

	}
}

a, a:visited, a:hover {
color:#BE1E2D;
}

a.news, a.news:visited, a.news:hover {
color:#fff;
text-decoration: underline;
font-size: 0.85em;
}

#header img{
margin-left: auto;
margin-right: auto;
margin-bottom: 2%;
}

.LogoSmall {
width: 100%;
margin:0;
padding:0;

}

.LogoSmall img {
margin-left: auto;
margin-right: auto;

}

.ContentContainer {

padding-top: 10%;
margin-left:auto;
margin-right:auto;

padding-bottom: 5%;
height:100%;

}

.FrontBook {
margin-left: auto;
margin-right: auto;
width: 100%;
}

.frontbooktext{
text-align:center;
list-style-type: none;
}

.LaterDaterBookSmall {

margin-left: auto;
margin-right: auto;
}

.buybutton{
margin-left: auto;
margin-right: auto;
width: 75px;
padding:0;
height: auto;


}


/*
// Navigation
//
*/



.NavBarTop {

  background-color: #BE1E2D;
  min-height: 15%;
}


#ValerieMenu {

  position: relative;
  width: 95%;


}

#ValerieMenu > ul {
  position: absolute;
  right: 0;

}

#ValerieMenu > ul > li {
  display: inline-block;


}

#ValerieMenu > ul > li > a {
  margin-left: 10;
  color: #fff;
}


.navbar-fixed-top .nav {
    padding: 15px 0;

}

@media (max-width: 767px) { 
    .navbar-brand {
        padding: 0;        
    }

    .navbar-brand img {
        margin-top: 5px;
        margin-left: 5px;
    }
}


.FooterText {
text-align:center;
background-color: #BE1E2D;

}

.FooterText a {
color: #fff;
text-decoration: underline;
}

.navbar-static-bottom, .navbar-fixed-top {

background-color: #BE1E2D;
color: #fff;

    border-bottom-color: #fff;
    border-bottom-style:solid;
    border-bottom-width: 1px;


}

@media(min-width:768px) and (max-width:992px){

	.navbar-fixed-top {
	min-height: 12.5%;

	}
	.navbar-brand{
	padding-left: 1%;
	}

	.ContentContainer {
	margin-top: 10%;
	}
}

@media(max-width:767px){

	.navbar-fixed-top {
	min-height: 9%;
	}
	.navbar-brand{
	padding-left: 2.5%;
	}
	.ContentContainer {
	margin-top: 5%;
	}
}

@media(max-width:480px){

	.ContentContainer {
	margin-top: 15%;
	}
}

.navbar-static-bottom .navbar-nav > li,
.navbar-fixed-top .navbar-nav > li {
color: #fff;
background-color: #BE1E2D;


}



.navbar-static-bottom .navbar-nav > li > a,
.navbar-fixed-top .navbar-nav > li > a {
    color: #fff;
    font-weight: 300;
}
.navbar-static-bottom .navbar-nav > li > a:hover,
.navbar-static-bottom .navbar-nav > li > a:focus,

.navbar-fixed-top .navbar-nav > li > a:hover,
.navbar-fixed-top .navbar-nav > li > a:focus {
    color: #fff;
    cursor: pointer;
background-color: #BE1E2D;
    
}
.navbar-static-bottom .navbar-nav > .active > a, 
.navbar-static-bottom .navbar-nav > .active > a:hover, 
.navbar-static-bottom .navbar-nav > .active > a:focus,

.navbar-fixed-top .navbar-nav > .active > a, 
.navbar-fixed-top .navbar-nav > .active > a:hover, 
.navbar-fixed-top .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #fff;
}
.navbar-static-bottom .navbar-nav > .open > a, 
.navbar-static-bottom .navbar-nav > .open > a:hover, 
.navbar-static-bottom .navbar-nav > .open > a:focus,
.navbar-fixed-top .navbar-nav > .open > a, 
.navbar-fixed-top .navbar-nav > .open > a:hover, 
.navbar-fixed-top .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: green;
}

.navbar-static-bottom .navbar-brand,
.navbar-fixed-top .navbar-brand {

}

.navbar-static-bottom .navbar-brand > p,
.navbar-fixed-top .navbar-brand > p 
{
margin: auto;
}

.navbar-static-bottom .navbar-brand > img,
.navbar-fixed-top .navbar-brand > img {


}


.navbar-static-bottom .navbar-brand:hover,
.navbar-static-bottom .navbar-brand:focus,
.navbar-fixed-top .navbar-brand:hover,
.navbar-fixed-top .navbar-brand:focus {

}

.navbar-toggle {

margin:0;
background: #BE1E2D;
}

.navbar-collapse {
margin:0;
}

.navbar-toggle .icon-bar {
background-color: #fff;
}








/*About Valerie*/
.valerieaboutimg {margin-top:5%; margin-bottom: 5%; border: 1px solid #fff; -moz-border-radius: 30px 30px 30px 30px;border-radius:30px 30px 30px 30px; max-width:100%; }


/*Books*/

.valeriebook{border: 2px solid #BE1E2D;  background-color: #fff; max-width:100%; margin-top:7.5%; }
.valeriecougarbook{border: 2px solid #BE1E2D; padding:2%; background-color:#fff; max-width:100%; margin-top:20%; }
.valeriebooktext {float:left; padding-left:5%;}
.valeriecougartext {padding-left: 5%; margin-top:2.5%;}

.center {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}


/*Consulting*/
.valerieconsultingtext {float:left; padding-top:2%;padding-left:10%; height:8em;}
.valerieconsultingimg {-moz-border-radius: 30px 30px 30px 30px;border-radius:30px 30px 30px 30px; margin-top:5%; max-width:100%;}