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

/* 
 * 
 * BASIC LAYOUT ELEMENTS
 * 
 */


html {
	background:#211e1d;
}
body {
	font:  13px/20px Helvetica, Arial, sans-serif;
	color:#211e1d;
}
#wrapper {
	width:960px;
	margin:0px auto;
	background:#211e1d;
	/*margin-top:20px;*/
}
#wrapper.overlay {
	background-image:url(../images/guideimage.png);
}
#wrapper.overlay #content {
	background:none;
}
#header {
	height: 476px;
	width: 960px;
	margin: 0 0px;
}
#content {
	width:920px;
	margin-top: 00px;
	padding:0 20px;
	background:white;
}
#footer {
	width: 920px;
	margin: 12px 20px;
	height: 37px;
}
#column1 {
	float: left;
	width: 285px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 00px;
}
#column2 {
	float: left;
	width: 543px;
	margin-top: 40px;
	margin-bottom: 20px;
	border-left: 1px dotted #255887; /* this adds the column separator and assumes that the second column is >= right column height */
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 28px;
}
/* 
 * 
 * THE NAVIGATION BAR
 * 
 */
 
#navbar {
	float:left;
	width:960px;
	height:20px;
	margin:0 0 0 0;
	padding-top:5px;
	background-color: #121110;
	padding-right: 0px;
}
#navbar ul {
	float:right;
	width:auto;
	margin:0;
	padding:0
}
#navbar li {
	display:block;
	float:left;
	list-style:none;
	margin:0 14px;
}
#navbar a {
	text-transform:uppercase;
	font-size:.9em;
	color:#FFF;
	text-decoration:none;
	display:block;
	height:30px;
	margin:0;
	padding:0;
}
#navbar a.current {
	color:#95b9cf;
	cursor:text;
}
#navbar a:hover {
	color:#95b9cf;
}
/* 
/* 
 * 
 * THE HEADER / BANNER
 * 
 */

#header {
	color:white;
	margin-top: 0px;
}
#bookcover {
	position:absolute;
	left:4px;
	top:1px;
	width: 408px;
	height: 538px;
}
#videobutton {
	position: absolute;
	bottom: 11px;
	right: -15px;
	border:1px solid #255887;
}
#videobutton:hover {
	border-color: #ffcd59;
	cursor: pointer;
}
#arrow {
	position:absolute;
	top:119px;
	right:442px;
}
#headline, #tag1, #tag2, #tag3, #subscribeform {
	margin:0;
	text-align:center;
}
#headline {
	/* have yet to try font-face fonts for the headlines 	*/
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 39px;
	line-height: 50px;
	padding-top:40px;
}
#headline strong {
	color:#ffcd59;
}
#tag1 {
	font-size:18px;
	margin-top:56px;
}
#tag2 {
	font-size:30px;
	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;
}
/* 
 * 
 * DONE WITH THE HEADER, NOW THE STUFF IN THE COLUMNS
 * 
 */

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

#column2 li {
	list-style-image:url(../images/bulletpoint1.png);
	padding-left:10px;
}
/* this is the book title at the top of the right column */
#column2 h2.columntitle {
	color: #B01817;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 48px;
	line-height: 45px;
	margin: 0 0 20px 0;
	text-align: center;
	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 .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;
	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 
 * 
 */
#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;
	margin-top: 50px;
	margin-bottom: 50px;
}
#quotecallout em {
	font-style:italic;
}
#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;
	line-height: 1.2;
}
.bookcallout p {
	font-size:13px;
	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: 33%;
	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
 * 
 */
 
 #headline { 
	font-family:myriad-pro;
	font-size:47px;
}
#column1 h2, #column2 h2 {
	font-family:myriad-pro;
	margin-bottom: 20px;
}
#buynowcallout h2 {
	font-family:myriad-pro;
}
#buynowcallout h3 {
	font-family:myriad-pro;
	font-weight:normal;
}
#column2 h3 {
	font-family:myriad-pro;
}
#column2 h2.columntitle {
    font-family: myriad-pro;
    font-size: 45px;
    font-variant: small-caps;
}
#tag1, #tag, #tag3, #tag4 { 
	font-family:myriad-pro;
}
/* 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;
}