body {
  background:#ECECEC url("../images/site_back.jpg") repeat-x;
}
#header_wrapper{
  background-color:#ab2420;
}
#header{
  max-width: 70em;
  margin: 0 auto;
  padding: 12px 1em;
  overflow: hidden;
  height:54px;
}
#header a{
  color:#FFF;
  font-size:0.9em;
  vertical-align:middle;
}
.head-home{
  background:url("../images/icon-home.png") no-repeat;
  display:inline-block;
  height:20px; width:22px;
}
.head-home span{
  display:none;
}
.head-link{
  display:inline-block;
  margin-top:6px;
}
.head-spacer{
  background-color:#fff;
  display:inline-block;
  margin:0 24px;
  height:32px; width:1px;
}

.drill {
  background: #ECECEC !important;
}

.c > div {
  padding: 1em;
}


@media screen and (min-width: 42em) {
  .c2, .c3 {
    float: left;
    width: 50%;
    padding: 0 20px;
  }
}


img.cover {
display: none;
visibility: hidden;
}


.textlabel {
font-family: "athelas",serif;
font-style: normal;
font-weight: 400;
}


h1 {
font-family: "athelas",serif;
font-style: normal;
font-weight: 400;
font-size: 90px;
}


h1.title {
color: #3F3F3F;
text-align: right;
text-shadow: 0 -1px 1px #787478;
filter: dropshadow(color=#787478, offx=1, offy=0);
padding: 20px 80px 0 0;
margin: 10px 0 0 0;
}


h2 {
font-family: "athelas",serif;
font-style: normal;
font-weight: 400;
font-size: 25px;
}



.drill h2 {
font-family: "athelas",serif;
font-style: normal;
font-weight: 400;
font-size: 45px;
}


.drill p {
font-size: 20px;
}

.drill p.quote {
padding: 30px;
margin: 30px;
background: #f4f4f4;
border: 1px solid #f2f2f2;
}

.drill img {
  border: 5px solid #CCC;
	-moz-box-shadow: 3px 3px 4px #f8f8f8;
	-webkit-box-shadow: 3px 3px 4px #f8f8f8;
	box-shadow: 3px 3px 4px #f8f8f8;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#f8f8f8')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#f8f8f8');
	margin: 20px;
}


h2.author {
text-align: right;
padding: 0;
margin: 0;
text-transform: lowercase;
text-shadow: 0 -1px 1px #787478;
filter: dropshadow(color=#787478, offx=1, offy=0);
}



h4 {
font-family: "athelas",serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
letter-spacing: 2px;
color: red;
text-transform: uppercase;
padding: 0;
margin: 0;
}


p {
font-family: "athelas",serif;
font-style: normal;
font-weight: 400;
}

p.excerpt {
font-size: 20px;
color: #3F3F3F;
text-shadow: 0 -1px 1px #787478;
filter: dropshadow(color=#787478, offx=1, offy=0);
}


p.small {
font-size: 12px;
color: #3F3F3F;
text-shadow: 0 -1px 1px #787478;
filter: dropshadow(color=#787478, offx=1, offy=0);
}


hr {
width: 100%;
height: 0;
color: none;
background: none;
border: none;
border-top: 1px solid #CCC;
border-bottom: 1px solid white;
margin: 0px 0 10px 0;
}


.imagebuttons {
height: 100px;
padding: 0 10px 0 10px;
}

.imageleft {
padding-right: 0px;
float: left;
}

.footer {
padding: 20px 0 0 0;
display: block;
clear: both;
}

.floatright {
float: right;
}

.floatleft {
float: left;
}

a.reveal {
color: #fff;
background-color: #E51837;
font-size: 15px;
padding: 10px;
}

a.reveal:hover {
color: #fff;
background-color: #333;
font-size: 15px;
padding: 10px;
}



        .social {
		    padding: 0 10px;
				opacity:0.6;
        filter:alpha(opacity=60); /* For IE8 and earlier */
			}
			
			
				.social:hover {
				opacity:.9;
        filter:alpha(opacity=90); /* For IE8 and earlier */
			}

.copyright {
color: #666;
}


iframe {
/* margin: 20px; */

}


/*.container {
background: url("../images/book_cover.png") no-repeat 0 2%;
}

.drill, #drill {
background: none;
}*/

.twitterlink {
padding-right: 20px;
vertical-align: sub;
}

/* SLIDERS */


.iosSlider {
				position: relative;
				top: 0;
				left: 0;
				overflow: hidden;
				width: 512px;
				height: 170px;
				/*border: 1px solid #000; */
			}
			
			.iosSlider .prevButton {
				position: absolute;
				top: 50px;
				left: 0;
				width: 20px;
				height: 40px;
				background: url("../images/slider-buttons.png") no-repeat 0 100%;
				z-index: 2;
				opacity:0.4;
        filter:alpha(opacity=40); /* For IE8 and earlier */
			}
			
			
			.iosSlider .nextButton {
				position: absolute;
				top: 50px;
				right: 0;
				width: 20px;
				height: 40px;
				background: url("../images/slider-buttons.png") no-repeat 100% 100%;
				z-index: 2;
				opacity:0.4;
        filter:alpha(opacity=40); /* For IE8 and earlier */
			}
			
			
					.iosSlider .prevButton:hover, .iosSlider .nextButton:hover {
				opacity:.8;
        filter:alpha(opacity=80); /* For IE8 and earlier */
			}
			
			
			.iosSlider .slider {
				width: 100%;
				height: 100%;
			}
			
			.iosSlider .slider .item {
				position: relative;
				top: 0;
				left: 0;
				width: 480px;
				height: 200px;
				margin: 0 40px 0 40px;
			}
			
			.iosSlider .slider .item .image {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 300px;
			}
			
			.iosSlider .slider .item .image .bg {
				border: 10px solid #000;
				border-right: 0;
				height: 180px;
				width: 340px;
				opacity: 0.5;
				display: none;
			}
			
			.iosSlider .slider .item .text {
				position: absolute;
				bottom: 0;
				right: 0;
				width: 180px;
				height: 260px;
				padding: 20px;
			}
			
			.iphoneUI .iosSlider .slider .item .text {
				display: none;
			}
			
			.iosSlider .slider .item .text .bg {
				position: absolute;
				top: 0;
				right: 0;
				width: 220px;
				height: 300px;
				background: #000;
				opacity: 0.5;
			}
			
			.iphoneUI .iosSlider .slider .item .text .bg {
				display: none;
			}
			
			
			.iosSlider .slider .item .title {
				position: relative;
				top: 0;
				left: 0;
				text-indent: -1px;
				padding: 10px 0 0 0;
			}
			
			.iosSlider .slider .item .title span {
				color: #3F3F3F;
				font-family: "athelas",serif;
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 35px;
				text-shadow: 0 -1px 1px #000;
			}
			
						
					.iosSlider .slider .item .author {
				position: relative;
				top: 0;
				left: 0;
				margin: 10px 0 0 0;
				text-align: right;
			}
			
			.iosSlider .slider .item .author span {
				color: #3F3F3F;
				font-family: "athelas",serif;
font-style: normal;
font-weight: 400;
font-size: 25px;

				text-shadow: 0 -1px 1px #000;
			}

			
			.iosSlider .slider .item .button {
				position: absolute;
				right: 20px;
				bottom: 20px;
				padding: 0 10px 0 10px;
				margin: 10px 0 0 0;
				background: #aaa;
				border: 1px solid #000;
				cursor: pointer;
			}
			
			.iosSlider .slider .item .button span {
				color: #000;
				font: normal 14px/30px "Helvetica Neue",Helvetica,Arial,sans-serif;
				text-shadow: 0 1px 1px #fff;
			}
			
			

.iosSlider2 {
				position: relative;
				top: 0;
				left: 0;
				overflow: hidden;
				width: 480px;
				height: 200px;
				/*border: 1px solid #000; */
			}
			
			.iosSlider2 .prevButton2 {
				position: absolute;
				top: 80px;
				left: 0;
				width: 20px;
				height: 40px;
				background: url("../images/slider-buttons.png") no-repeat 0 100%;
				z-index: 2;
				opacity:0.4;
        filter:alpha(opacity=40); /* For IE8 and earlier */
			}
			
			.iosSlider2 .nextButton2 {
				position: absolute;
				top: 80px;
				right: 0;
				width: 20px;
				height: 40px;
				background: url("../images/slider-buttons.png") no-repeat 100% 100%;
				z-index: 2;
				opacity:0.4;
        filter:alpha(opacity=40); /* For IE8 and earlier */
			}
			
			
				.iosSlider2 .prevButton2:hover, .iosSlider2 .nextButton2:hover {
				opacity:.8;
        filter:alpha(opacity=80); /* For IE8 and earlier */
			}
			
			
			
			.iosSlider2 .slider {
				width: 100%;
				height: 100%;
			}
			
			.iosSlider2 .slider .item {
				position: relative;
				top: 0;
				left: 0;
				width: 480px;
				height: 200px;
				margin: 0 40px 0 40px;
			}
			
			.iosSlider2 .slider .item .image {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 300px;
			}
			
			.iosSlider2 .slider .item .image .bg {
				border: 10px solid #000;
				border-right: 0;
				height: 180px;
				width: 340px;
				opacity: 0.5;
				display: none;
			}
			
			.iosSlider2 .slider .item .text {
				position: absolute;
				bottom: 0;
				right: 0;
				width: 180px;
				height: 260px;
				padding: 20px;
			}
			
			.iphoneUI .iosSlider2 .slider .item .text {
				display: none;
			}
			
			.iosSlider2 .slider .item .text .bg {
				position: absolute;
				top: 0;
				right: 0;
				width: 220px;
				height: 300px;
				background: #000;
				opacity: 0.5;
			}
			
			.iphoneUI .iosSlider2 .slider .item .text .bg {
				display: none;
			}
			
			
			.iosSlider2 .slider .item .title {
				position: relative;
				top: 0;
				left: 0;
				text-indent: -1px;
				padding: 20px 0 0 0;
			}
			
			.iosSlider2 .slider .item .title span {
				color: #3F3F3F;
				font-family: "athelas",serif;
        font-style: normal;
        font-weight: 400;
        font-size: 30px;
        line-height: 35px;
				text-shadow: 0 -1px 1px #000;
			}
			
						
				.iosSlider2 .slider .item .author {
				position: relative;
				top: 0;
				left: 0;
				margin: 10px 0 0 0;
				text-align: right;
			}
			
			.iosSlider2 .slider .item .author span {
				color: #3F3F3F;
				font-family: "athelas",serif;
        font-style: normal;
        font-weight: 400;
        font-size: 25px;
				text-shadow: 0 -1px 1px #000;
			}

			
				.iosSlider2 .slider .item .readers {
				position: relative;
				top: 0;
				left: 0;
				text-indent: -1px;
				padding: 10px 0 0 0;
				text-align: center;
			}
			
			.iosSlider2 .slider .item .readers span {
				color: #333;
				font-family: "athelas",serif;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 25px;
				
				text-align: center;
			}
			
			
			
			.iosSlider2 .slider .item .button {
				position: absolute;
				right: 20px;
				bottom: 20px;
				padding: 0 10px 0 10px;
				margin: 10px 0 0 0;
				background: #aaa;
				border: 1px solid #000;
				cursor: pointer;
			}
			
			.iosSlider2 .slider .item .button span {
				color: #000;
				font: normal 14px/30px "Helvetica Neue",Helvetica,Arial,sans-serif;
				text-shadow: 0 1px 1px #fff;
			}