@charset "utf-8";
/* Layout CSS for Michael Linenberger 

	This file sets the style for the book offer page. 
	The additional css file 'layout_home_page' modfies the css style to 
	suit the home page, and other pages on the site.

*/

/* 
 * 
 * BASIC LAYOUT ELEMENTS
 * 
 */

html {
	background:#ccc;
}
body {
	/* This next line uses typekit myriad-pro, but falls back to adobe installed myriad pro if available , and then to helvetica etc. It fails on IE 11 so swapped with next line of code */
	font: 16px/20px myriad-pro, 'myriad pro', Helvetica, Arial, sans-serif;
	/*  13px/20px Helvetica, Arial, sans-serif;  */
	color:#333;
}
#wrapper {
	width:960px;
	margin:0px auto;
	background:#255887; 

}
#header {
	height: 425px;
	width: 600px;
	margin: 0 20px;
	padding-left: 305px;  /* pushes the text and the form to the right to leave space for the book image */
	position: relative;   /* allows elements inside the header to be absolutely positioned rel to the header */
}
#content {
	width:920px;
	margin:0 20px;
	background:white;

}
#footer {
	width: 920px;
	margin: 12px 20px;
	height: 37px;
	font-size: .8em;
}
#column1 {
	float: left;
	width: 435px;
	margin-top: 20px;
	padding: 0 20px;
}
#column2 {
	float: left;
	width: 393px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0 15px 0 28px;
	border-left: 1px dotted #255887; /* this adds the column separator and assumes that the second column is >= right column height */
}
/* 
 * 
 * THE HEADER / BANNER FOR THE BOOK OFFER PAGE
 *                             ---------------
 */
#header {
	color:white;
}
#header-1MTD {
	color:white;
}
#bookcover {
	position: absolute;
	left: 5px;
	top: 10px;
}
#videobutton {
	position: absolute;
	bottom: 11px;
	right: -15px;
	border:1px solid #255887;
}
#videobutton:hover {
	border-color: #ffcd59;
	cursor: pointer;
}
#arrow {
	position: absolute;
	top: 190px;
	right: 481px;
	height: 132px;
	width: 96px;
}
#headline, #tag1, #tag2, #tag3, #subscribeform {
	margin:0;
	text-align:center;
}
#headline {
	font-size: 47px;
	line-height: 45px;
	padding-top:20px;
}
#headline strong {
	color:#ffcd59;
}
#tag1 {
	font-size:18px;
	margin-top:16px;
}
#tag2 {
	font-size:31px; /* adjusted for Myriad-pro */
	margin-top:13px;
}
#tag3 {
	font-size:14px;
	margin-top:8px;
}
#tag4 {
	position: absolute; /* this is positioned absolutely as it goes next to the input box */
	left: 318px;
	top: 330px;
	width: 160px;
	font-size: 12px;
	line-height: 16px;
	text-align: right;
}
#header a {
	color:white;
}
#header a:hover {
	color:#F2AB01;
}
/* 
 * 
 * THE EMAIL SUBSCRIPTION FORM IN THE HEADER
 * OF THE BOOK OFFER PAGE
 */

 /* this is the input box for the user */
#subscribeemail {
	width: 224px;
	margin-top: 17px;
	padding: 11px;
	border: 1px solid black;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#888;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	text-align: center;
}
#subscribesubmit {
	width: 217px;
	height: 64px;
	margin-left: 10px;
	margin-top: 17px;
	background: url("../images/button1combo.png") no-repeat    ;
	border: 0 none;
	text-indent: -3000px;
	cursor: pointer;
}
#subscribesubmit:hover {
	background: url("../images/button1combo.png") no-repeat 0 -80px 	 	 	 	;
}
/* 
 * 
 * DONE WITH THE HEADER, NOW THE STUFF IN THE COLUMNS
 * OF THE BOOK OFFER PAGE
 */

/* we use h2, h3 and h4 headings in the columns */
#column1 h2, #column2 h2 {
	margin-top:36px;
	line-height:1em;
	font-size:26px;
	color:#15395B;
}
/* a lot of the content is in lists 
   these rules style the list elements and bullets
*/
#column1 ul {
	margin-left:20px;
}
#column1 li, #column2 li {
	margin-top:20px;
}
#column1 li {
	list-style-image:url(../images/bulletpoint1.png);
	padding-left:10px;
}
#column2 ul {
	margin-left:20px;
}

#column2  li {
	list-style-image: url(../images/checkmark.png);
	padding-left:10px;
}
/* this is the book title at the top of the right column */
#column2 h2.booktitle {
	color: #B01817;
	font-family: adobe-garamond-pro, 'garamond pro', georgia, serif;
    font-size: 45px;
	line-height: 45px;
	margin: 0 0 20px 0;
	text-align: center;
	font-variant:small-caps;
}
#column2 h2.booktitle {
    font-family: adobe-garamond-pro, 'garamond pro', georgia, serif;
    font-size: 45px;
    font-variant: small-caps;
}
/* this is the subsidiary heading in col 2, (michael's other books) */
#column2 h3 {
	color: #15395B;
	font-size: 21px;
	margin-bottom: 10px;
	margin-left: 0x;
	margin-top: 35px;
}
/* the left column panel with 'buy now' call to action */
#buynowcallout {
	position: relative;
	width: 363px;
	padding: 10px 30px 20px;
	margin-bottom:20px;
	background: #c3d7e4;
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
}
#buynowcallout h2 {
	margin-top: 10px;
	font-size: 27px;
	font-weight: normal;
	line-height: 30px;
}
#buynowcallout h3 { font-weight:normal; }
#buynowcallout .bookimage {
	position:relative;
	top:-10px;
	left:0px;
	/* this is relatively positioned so that it determines the 
		vertical spacing before the 'other links' list */
}
#buynowcallout .buynowbutton {
	position: absolute;
	display: block;
	width: 109px;
	height: 37px;
	left: 253px;
	top: 186px;
	/* this makes the text disappear and only the image appear as a button */
	background:url(../images/button2combo.png) no-repeat;
	text-indent: -3000px;
	border: 0 none;
	cursor: pointer;
}
#buynowcallout .buynowbutton:hover {
	background:url(../images/button2combo.png) no-repeat 0 -40px;
}
#buynowcallout h2 strong {
	font-weight:bold;
}
#buynowcallout h2 span {
	font-size: .7em;
}
#buynowcallout #tag4 {
	position: absolute;
	width: 156px;
	top: 241px;
	left: 221px;
	font-weight: bold;
	text-align: center;
}
#buynowcallout h3 {
	margin-bottom: 10px;
	margin-left: 0x;
	margin-top: 10px;
	font-size: 21px;
	color: #15395B;
}
#buynowcallout ul li {
	margin-top: 5px;
	padding: 0;
	font-size: 16px;
	list-style: none outside none;
}
#buynowcallout ul li:before {
	content:'\00BB\0020'; /* adds a double quote at the beginning */
	color:#255886;
}
#buynowcallout ul {
	margin: 0;
	padding: 0;
}
#buynowcallout li a {
	text-decoration:none;
	color: #255886;
}
#buynowcallout li a:hover {
	text-decoration:underline;
}
/* 
 * 
 *	QUOTE BOX IN RIGHT HAND COLUMN 
 *  OF THE BOOK OFFER PAGE
 */
#quotecallout {
	background: url("../images/quotemark.png") no-repeat scroll 20px 20px transparent;
	border: 1px solid #C3D7E4;
	border-radius: 6px 6px 6px 6px;
	box-shadow: 4px 4px 4px #CCCCCC;
	padding: 20px 25px 20px 85px;
}
#quotecallout em {
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif; /* myriad-pro not so good in italic (should load another font style for that from typekit)*/
	font-size:15px;
}
#quotecallout strong {
	color:#B01817
}
/* 
 * 
 * OTHER BOOK REFERENCES IN RIGHT HAND COLUMN
 * 
 */
.bookcallout {
	margin-bottom: 15px;
	height: 157px;
	width: 350px;
}
.bookcallout h4, .bookcallout p {
	margin-left:150px;
	margin-top:1em;
}
.bookcallout h4 {
	font-style: italic;
	font-style:normal; /*(adjusted for using myriad-pro)*/
	line-height: 1.2;
}
.bookcallout p {
	font-size:13px;
	font-size:14px; /*(adjusted for using myriad-pro)*/
	line-height:17px;
}
.bookcallout img {
	float:left;
	clear:both;
}
/* 
 * 
 * FOOTER LINKS
 * 
 */
#footer a {
	color:white;
	text-decoration:none;
}
#footer a:hover {
	color:#F2AB01;
}
#footer {
	color:white;
}
#footer ul {
	margin:0;
	padding:0;
	list-style:none;
}
#footer li {
	display:block;
	float:left;
	width: 25%;
	margin:0;
	padding:0;
	text-align:center;
	list-style:none;
}


/* 
 * 
 * HELPER CLASSES
 * 
 */
.clearfix:before, .clearfix:after {
	content: " ";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}
.clearfix:after {
	clear: both;
}
.clearit {
	clear:both;
}

/* 
 * 
 * FONT SETTINGS
 * 
 */
 
/* this hides the unstyled text while the typekit fonts are loading */
.wf-loading #headline,
.wf-loading h2,
.wf-loading h3,
.wf-loading #tag1,
.wf-loading #tag2,
.wf-loading #tag3,
.wf-loading #tag4 { 
	visibility:hidden;
}