body,html{
	font:100%/1.8 'Open Sans', sans-serif;
}
.container{
    font-size:120%!important;
}

p {
    margin:40px 5px;
}
ul li,ol li{
	font-size:100%!important;
}
.img-center{
   margin:5px auto;
}
.img-frame{
   background-color: #FFF;
   padding:5px;
   border:1px solid #ccc;
   box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
   -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
   -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
}
.floatLeft { 
    float: left; 
    margin: 10px 15px 10px 0;
}
.floatRight { 
    float: right; 
    margin: 10px 0 10px 15px;
}
.callout{
	font-size:120%;
	background-color:#ffffe0;
}

h1,h2,h3,h4{
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;;
}

.chapter-title{
  padding-top:60px;
  color:#fff;
  background: url(../banner.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fixed{
  background:#666 no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fixed-bg-dark{
  background:#666 no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color:#fff;
  text-shadow: 1px 1px #000;
  padding-left:10%;
  z-index:-1;
}

/* iPad only styles */
@media only screen 
and (max-device-width : 1024px)  {
.chapter-title{
  background: url(../banner.jpg) no-repeat center center scroll;
}
.fixed{
  background:#666 no-repeat center center scroll; 
}
.fixed-bg-dark{
  background:#666 no-repeat center center scroll;
}
}

/* iPhone only styles */