body { color: #666; }
::selection { color: #dd3333; background: #1e73be; }
::-moz-selection { color: #dd3333; background: #1e73be; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #3d3d3d; }
a { color: #ffffff; }
a:hover, a:focus { color: #89a4bf }

/*
 * GRADIENT (RADIAL)
 */
#ebook {
	background: #dd3333;
	background: -moz-radial-gradient(center, ellipse cover,  #dd3333 0%, #0a0a0a 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#dd3333), color-stop(100%,#0a0a0a));
	background: -webkit-radial-gradient(center, ellipse cover,  #dd3333 0%,#0a0a0a 100%);
	background: -o-radial-gradient(center, ellipse cover,  #dd3333 0%,#0a0a0a 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #dd3333 0%,#0a0a0a 100%);
	background: radial-gradient(ellipse at center,  #dd3333 0%,#0a0a0a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd3333', endColorstr='#0a0a0a',GradientType=1 );
}

/*
 * BACKGROUND
 */
#ebook h1, #ebook h2, #ebook ul li, #ebook p { color: #fff; }

/*
 * CTA
 */
#cta {
	background: #cc4242;
	background: -moz-linear-gradient(top,  #cc4242 0%, #990f0f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc4242), color-stop(100%,#990f0f));
	background: -webkit-linear-gradient(top,  #cc4242 0%,#990f0f 100%);
	background: -o-linear-gradient(top,  #cc4242 0%,#990f0f 100%);
	background: -ms-linear-gradient(top,  #cc4242 0%,#990f0f 100%);
	background: linear-gradient(to bottom,  #cc4242 0%,#990f0f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc4242', endColorstr='#990f0f',GradientType=0 );
}
#cta p { color: #fff; }

/*
 * CUSTOM
 */
#content .panel-default > .panel-heading a:hover:after, #content .panel-default > .panel-heading a:focus:after { color: #ffffff; }
#ebook .btn-read:hover, #ebook .btn-read:focus, #ebook .btn-read:active { color: #89a4bf; }
#contents ol li:before { color: #3d3d3d; }
#pages ul li:before  { color: #3d3d3d; }
#testimonials blockquote footer { color: #3d3d3d; }

/*
 * FOOTER
 */
#footer { background: #222; color: #666; }
#footer a { color: #666; }
#footer a:hover, #footer a:focus { color: #999; }

@media (min-width: 1200px) {
	body { background:#f5f5f5  ; box-shadow:0 400px 0 #e5e5e5   inset;}
	#wrapper { max-width:1300px; margin:0 auto; box-shadow:0 0 20px #ccc;}
}