/* ==========================================================================
   Custom Styles:
   Specific to this site
 * ========================================================================== */
@import ('../font/trajan.css');


/* ------------------------------
	BASE Style
 * --------------------------- */
html {
	color:#d9d9d9;
	background-color:#2A0068;
}
body {
	position:relative;

	padding:35px 0 15px 0;
	
	color:#d9d9d9;
	font-size:1.25em; line-height:1.42;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;

	/* Custom Bkgd */
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center 35px;
	background-image:url(../img/bg_body-1280.jpg);
}

h1, h2, h3, h4, h5, h6, p, li {
	text-shadow:2px 2px 3px rgba(0, 0, 0, .75);
	margin:0 0 1em 0;
}


/* ------------------------------
	LAYOUT Containers
 * --------------------------- */
#top-bar {
	display:none;
	position:fixed;
	left:0; top:0; right:0; height:48px;
	background-color:#000;
} 
#page {
	max-width:1000px;
	padding:45px 50px 10px;
	border-radius:15px;
	background:rgba(0,0,0,.5);
}
#head {
	min-height:250px;
	text-align:center;
}
#main {
	min-height:750px;
}
#foot {
	padding-top:25px;
}


/* ------------------------------
	CONTENT Styles
 * --------------------------- */
#head h1,
.h1-style {
	margin-bottom:15px;
	color:#face38;
	font-size:35px;
	line-height:1;
}
#head h1 > span,
.h1-style > span { font-size:24px; }
.book-title {
	color:#face38;
	font-variant:small-caps;
	font-family: 'goudy_trajan_regularregular', Times, serif;
}

/*----  SECTION 1  ----*/
#part-1 .intro {
	display:block;
	max-width:575px;
	color:#fff; text-align:center;
}
#part-1 .book {
	margin:25px 0;
	padding:0 50px;
}
#part-1 .book .cover {
	float:left;
	display:block;
	width:300px;
	padding-top:150px;
}
#part-1 .book .cover .thumb {
	width:100%;
	height:auto;
}
#part-1 .book .caption {
	float:right;
	max-width:550px;
}
#part-1 .book .caption .points {
	font-size:15px;
}
#part-1 .book .caption .points .hilite {
	list-style-type:none;
	font-size:16px;
	padding:0 16px;
}

/*----  SECTION 2  ----*/
#main blockquote p { line-height:1; }


/* ------------------------------
	FOOTER Styles
 * --------------------------- */
#foot h3, #foot h4 { margin-bottom:0; }
#foot .available { padding-top:25px; color:#ef2ff0; }

.copyright { margin:0; padding-top:10px; color:#999; font-size:12px; text-align:center; }


/* ------------------------------
	CALL-to-ACTION Styles
 * --------------------------- */
.cta {
	margin-bottom:25px;
	text-align:center;
}
.cta .btn {
	display:inline-block;
	height:50px; width:125px;
	overflow:hidden;
	background:url(../img/sprite_vendor-buttons.png) no-repeat 0 0;
}
.cta .btn.amazon { background-position:0 0; }
.cta .btn.apple  { background-position:0 -50px; }
.cta .btn.nook   { background-position:0 -100px; }
.cta .btn.inktera{ background-position:0 -150px; }
.cta .btn.scribd { background-position:0 -200px; }

.cta .btn.amazon:hover { background-position:-125px 0; }
.cta .btn.apple:hover  { background-position:-125px -50px; }
.cta .btn.nook:hover   { background-position:-125px -100px; }
.cta .btn.inktera:hover{ background-position:-125px -150px; }
.cta .btn.scribd:hover { background-position:-125px -200px; }

.cta .ico {
	display:inline-block;
	height:45px; width:45px;
	overflow:hidden;
	background:url(../img/sprite_vendor-icons.png) no-repeat 0 0;
}
.cta .ico.amazon { background-position:0 0; }
.cta .ico.apple  { background-position:-45px 0; }
.cta .ico.nook   { background-position:-90px 0; }
.cta .ico.inktera{ background-position:-135px 0; }
.cta .ico.scribd { background-position:-180px 0; }


/* ------------------------------
	UTILITY Classes
 * --------------------------- */
.red   { color:#ff0000; }
.gold  { color:#face38; }
.turq  { color:#00B0F0; }
.pink  { color:#ef2ff0; }
.white { color:#ffffff; }

.note { font-size:14px; }
.no-mb { margin-bottom:0; }
.clear { display:block; clear:both; }
.tcenter { text-align:center; }
.outline { outline:1px dotted #ccc; }


/* ------------------------------
	MEDIA Queries
 * --------------------------- */
@media screen and (min-width:1101px) {
	#page { margin:0 auto; }
	#part-1 .intro { display:block; float:right; max-width:575px; }
}
@media screen and (max-width:1100px) {
	#page { margin:0 50px; }
	#head br { display:none; }
	#part-1 .book .cover { float:none; margin:0 auto; padding-top:15px; }
	#part-1 .book .caption { float:none; max-width:650px; margin: 0 auto; }
	#part-1 .book { padding:0; }
}
@media screen and (max-width:600px) {
	body { padding:25px 0 15px 0; }

	#page { margin:0 25px; padding:25px; }
}
@media screen and (max-width:480px) {
	#part-1 .book .cover { max-width:200px; }
	#part-1 .book .caption .points { padding-left:15px; }
	#main blockquote { margin: 15px 0; }
	#main blockquote p { font-size: 16px; line-height:1.2; }
	
	h2 { font-size:24px; }	
	h3 { font-size:18px; }	
	h4 { font-size:16px; }	
	.cta h3.pink > span { display:block; }
	#head .no-mb { margin-bottom:1em; }
}
@media screen and (max-width:320px) {
	body { padding-top:60px; background-position:center 60px; }
	#top-bar { display:block; }
	#top-bar p { text-align:center; }
}