@charset "utf-8";
/* ------------------------------------------------------
		HavanaBeforeCastro.com - "cigar" degign
		Courts Carter, June 2008
|* ------------------------------------------------------ */

/* --------------------------------------------
		HTML Basics
/* -------------------------------------------- */
*{
	margin:0;
	padding:0;
}
body{
	color:#e2d1b1;
	background:#2a1c0f;
}
img{
	border:none;
}
p{
	margin-bottom:1em;
}
blockquote{
	font-style:italic;
}
blockquote em{
	font-style:normal;
}
blockquote p.quote{
}
blockquote p.attribution{
	text-align:right;
}

ul{
	margin-left:28px;
	list-style-image:url(/img/cigar-css/ul-bullet.gif);
}
li{
	margin-bottom:1em;
}
a{
	color:#8eb3f7;
	text-decoration:none;
}
td{
	vertical-align:top;
}
a:hover{
	color:#ffb32b;
	text-decoration:underline;
}

/* --------------------------------------------
		Typography
/* -------------------------------------------- */
html{
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:125%;
}
body{
	font-size:50%;
}
h1,
h2{
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:165%;
	color:#C18303;
}
div#subHeader{font-size:140%;}
div#subContentWrap{font-size:130%;}


/* --------------------------------------------
		Universal Classes
/* -------------------------------------------- */
.reset,
.reset *{
	margin:0;
	padding:0;
}


/* ----------------------------------------------------------------------- *|
		Master Buckets: Height & Width Adjustments ONLY
		forces footer to bottom of page, even on pages with short content
|* ----------------------------------------------------------------------- */
html,
body{
  height:100%
}
body{
	text-align:center;/* ie5 */
}
div#subBody{
  min-height:100%;
}
* html div#subBody{/* IE hack */
  height:100%
}
div.tallHeader div#subHeader{
	height:515px;
}
div.shortHeader div#subHeader{
	height:182px;/* 212px; */
}
div#clearFoot{
	height:350px; /* 329 plus "a bit" */
	clear:both;
}
div#footer{
	margin:-329px auto 0;
}
div#subFooter{
	height:329px;
}
div#subHeader,
div#contentWrap,
div#subFooter{
	text-align:left;
	width:895px;
	margin:0 auto;
}

/* --------------------------------------------
		Main Bucket Backgrounds
/* -------------------------------------------- */
/* IE6 can't handle: div#header.tall so we'll be using div.tallHeader */
div.tallHeader{background:url(../img/cigar-css/head-tall-bg.jpg) top left repeat-x;}
div.tallHeader div#subHeader{background:url(../img/cigar-css/sub-head-tall-bg.jpg) top left repeat-x;}

div.shortHeader{background:url(../img/cigar-css/head-short-bg.jpg) top left repeat-x;}
div.shortHeader div#subHeader{ background:url(../img/cigar-css/sub-head-short-bg.jpg) top left repeat-x; }

div#footer{ background:#824d17 url(../img/cigar-css/footer-bg.jpg) top left repeat-x; }
div#subFooter{ background:url(../img/cigar-css/sub-footer-bg.jpg) center top no-repeat; }

div#subContentWrap{ background:url(../img/cigar-css/sub-content-wrap-bg.jpg) top center no-repeat; }

/* --------------------------------------------
		Header
/* -------------------------------------------- */
div#subHeader{
	position:relative;
}
div#header h1{
	position:absolute;
}
div#header h1 a{
	display:block;
	text-indent:-5000px;
	/* 
	border:solid 1px #f00;
	*/
}
div#header h3{
	position:absolute;
	top:85px;
	right:0;
	width:195px;
	text-indent:-5000px;
	/* 
	border:solid 1px #00f; 
	*/
}
a#headBrowseBtn{
	position:absolute;
	display:block;
	height:69px;
	width:220px;
	top:0;
	right:0;
	text-indent:-5000px;
	outline:none;
	/*
	border:1px solid #0f0;
	*/
}

p#headBeneathBook{
	position:absolute;
	top:215px;
	left:45px;
	color:#817254;
	font-size:90%;
}
/* hero quote */
div#headerQuote{
	position:absolute;
	top:258px;
	left:0;
	width:317px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
div#headerQuote blockquote{
	font-size:160%;
	line-height:135%;
	color:#fff;
}
div#headerQuote p{
	text-align:right;
	color:#c0a443;
}
div#headerQuote p em{
	font-style:normal;
}
div#headerQuote blockquote span.quot{
	position:relative;
	bottom:-16px;
	left:0;
	line-height:1%;
	color:#583a01;
	font-size:48px;
}

/* --------------------------------------------
		durn IE
/* -------------------------------------------- */
div.tallHeader h1{
	top:50px;
	left:0;
}
div.tallHeader h1 a{
	width:666px;
	height:185px;
}
/* --------------------------------------------
		short header 
/* -------------------------------------------- */
div.shortHeader h1{
	top:40px;
	left:0;
}
div.shortHeader h1 a{
	width:435px;
	height:135px;
}
div.shortHeader p#headBeneathBook{
	top:145px;
}

/* --------------------------------------------
		top nav links
/* -------------------------------------------- */
div#header ul{
	list-style:none;
}
div#header ul li{
	margin-top:2px;/* skip the stripe */
	float:left;
	/* padding-right:1.5em; */
}
div#header ul li a,
div#header ul li a span{
	display:block;
	cursor:pointer;/* IE6 */
}
div#header ul li a{
	color:#7f4a07;
}
div#header ul li a span span{
	padding:4px;
	height:22px;
	margin:0 12px;
}
div#header ul li a:hover{
	color:#402401;
	background:url(../img/cigar-css/header-nav-hover.gif) left 0 no-repeat;
}
div#header ul li a:hover span{
	background:url(../img/cigar-css/header-nav-hover.gif) right -70px no-repeat;
}
div#header ul li a:hover span span{
	background:url(../img/cigar-css/header-nav-hover.gif) 0 -35px repeat-x;
}

/* --------------------------------------------
		layouts
/* -------------------------------------------- */
div#subContentWrap{
	padding-top:37px;
}
div.oneThirdCol{
	/* width:264px; */
	width:262px;
	float:left;
	margin-right:54px;
}
div.oneThirdCol.last{
	margin-right: 0;
}
div.twoThirdsCol{
	width:582px;
}
div.twoThirdsCol.right{
	margin-left:318px;
}
div.twoThirdsCol.left{
	float:left;
	margin-right:50px;
}

/* --------------------------------------------
		Content (Wrap)
/* -------------------------------------------- */
h2#aboutPeter,
h2#aboutBook{
	height:40px;
	text-indent:-5000px;
	background:url(../img/cigar-css/h2-bg.jpg) left top no-repeat;
}
h2#aboutBook{
	background-position:left -40px;
}

/* --------------------------------------------
	footer
/* -------------------------------------------- */
div#subFooter{
	position:relative;
	color:#130700;
	font-size:130%;
}
div#footClearFoot{
	clear:left;
}
div#footCopyright{
	position:absolute;
	bottom:0;
	border-top:solid 1px #9a5e00;
	height:90px;
	width:895px;
	color:#e4b054;
	text-align:center;
}
div#footCopyright p{
	font-size:80%;
	color:#e0e1c4;
}
a#footerLogo{
	z-index:2;
	position:absolute;
	left:0;
	bottom:67px;
	display:block;
	width:153px;
	height:53px;
	background:url(../img/cigar-css/footer-logo-bg.gif) left top no-repeat;
	text-indent:-5000px;
}

/* adjusting sizes, etc for 3-columns in footer */
div#subFooter h4{
	font-size:110%;
	margin:0 0 15px;
	color:#e8a21c;
}
div#subFooter a{
	color:#fcdd4e;
}
div#subFooter a:hover{
	color:#ffb32b;
}

div#subFooter div.oneThirdCol{
	width:262px;/* repeat, cuz you know a box model hack is coming */
	margin:30px 0 0 0;
	height:180px;
	padding:0 26px;
	border-right:solid 1px #c68e2b;
}
div#subFooter div.oneThirdCol.first{
	padding-left:0;
}
div#subFooter div.oneThirdCol.last{
	padding-right:0;
	border-right:none;
}

/* ------------------------------------------------------------------------------------------------ *
		Chapter Index aka "Explore" aka "Table of Contents"
|* ------------------------------------------------------------------------------------------------ *
*/
/* ----------------------------------------
		buckets
|* ---------------------------------------- */
div#exploreCol{
	color:#cd9f46;
	width:375px;
	float:left;
}
div#chapterImgsBox{
	margin-left:377px;
}

/* ----------------------------------------
		chapter lists
|* ---------------------------------------- */
h2#explore{
	background: url(../img/cigar-css/h2-explore-the-book.gif) top right no-repeat;
	width:257px;
	height:37px;
	text-indent:-5000px;
	margin-bottom:10px;
}

/* ----------------------------------------
		text
|* ---------------------------------------- */
ul#chapterTitles{
	margin:0;
	list-style:none;
}
ul#chapterTitles li{
	margin:0;
}
ul#chapterTitles li a{
	display:block;
	font-size:120%;
	padding:4px 1.1em;
	text-decoration:none;
	border:solid 1px #2A1C0F;
	color:#CA9201;/* CD9F46; */
}
ul#chapterTitles li.selected a{
	background:#781429;
	color:#fff;
	border-color:#f80b42;
	text-decoration:none;
}


/* ----------------------------------------
		chapter images
|* ---------------------------------------- */
ul#chapterImgs{
	list-style:none;
}
ul#chapterImgs li{
	float:left;
	margin:0;
	position:relative;
}
ul#chapterImgs a{
	display:block;
	width:163px;
	height:225px;
	text-align:center;
	overflow:hidden;
}
ul#chapterImgs li.selected a{
	background: url(../img/cigar-css/chapter-imgs-bg.jpg) left top no-repeat;
}
ul#chapterImgs img{
	display:block;
	margin:5px auto;
}

/* ----------------------------------------
		tool tip
|* ---------------------------------------- */
div#toolTip{
	position:absolute;
	z-index:21;
	bottom:-25px;
	right:20px;
	width:210px;
	height:81px;
}
div#toolTip p#toolTipChapter{
	position:absolute;
	top:15px;
	left:12px;
	font-size:80%;
	color:#583a00;
}
div#toolTip p#toolTipTitle{
	position:absolute;
	top:30px;
	left:12px;
	color:#fffadf;
	padding-right:15px;
}


/* ------------------------------------------------------------------------------------------------ *
		Chapters
|* ------------------------------------------------------------------------------------------------ *
*/
ul#chapterNav{
	list-style:none;
	margin:0;
	height:80px;
	font-size:85%;
	line-height:110%;
}
ul#chapterNav li{
	float:left;
	margin:0;
	text-align:center;
}
ul#chapterNav li#chapterNavNext{
	float:right;
}
ul#chapterNav a{
	display:block;
	color:#877961;
	width:274px;
	height:50px;
	padding:7px;
}
ul#chapterNav a em{
	display:block;
	color:#bc7901;
}
ul#chapterNav img{
	width:50px;
	height:50px;
}
li#chapterNavPrev img{
	float:left;
	margin-right:10px;
}
li#chapterNavNext img{
	float:right;
	margin-left:10px;
}
li#chapterNavPrev a,
li#chapterNavNext a{
	background:#3b2c1b;
}
li#chapterNavPrev a:hover,
li#chapterNavPrev a:hover *,
li#chapterNavNext a:hover,
li#chapterNavNext a:hover *{
	color:#000;
	background:#7ba59d;/*7fbebd;*/
	text-decoration:none;
}

/* ------------------------------------------------------------------------------------------------ *
		Home
|* ------------------------------------------------------------------------------------------------ *
*/
/* author photo */
a#peterPhoto{
	float:right;
	margin:5px -12px -8px -15px;
	width:191px;
	height:232px;
}
a#homePreOrderAmazon{
	float:right;
	margin-top:-25px;
}

/* ------------------------------------------------------------------------------------------------ *
		Photo Gallery Page
|* ------------------------------------------------------------------------------------------------ *
*/
h3#photoTitle{
	font-size:145%;
	text-align:center;
}
ul#photosNav{
	list-style:none;
	height:45px;
}
ul#photosNav li{
	float:right;
}
ul#photosNav a{
	display:block;
	line-height:30px;
	padding:0 1.1em;
	margin-right:1.4em;
	color:#ff9900;
	border:solid 1px #ff9900;
	background:#504c42;
}
ul#photosNav a:hover{
	color:#fff;
	border-color:#fff;
}

a#scrollLeftBtn,
a#scrollRightBtn{
	margin-top:50px;
	display:block;
	width:23px;
	height:50px;
	background:url(../img/soon2/slider-btns.gif) left 0 no-repeat;
	text-indent:-5000px;
	outline:none;
}
a#scrollLeftBtn{
	float:left;
	background-position:left -100px;
}
a#scrollLeftBtn:hover{
	background-position:left -150px;
}
a#scrollRightBtn{
	float:right;
	background-position:left 0;
}
a#scrollRightBtn:hover{
	background-position:left -50px;
}
div#photoBox{
	clear:both;
	height:720px;
}
/*
div#photoBox{
	background:#624738 none repeat scroll 0%;
	padding:0pt 2em 2em;
}
*/
div#photoInfo{
	padding:10px 70px;
}
a#bigPhotoLink img {
	display:block;
	margin:0 auto;
}
img#thePhoto{
	background:#d2d1ce url(../img/soon2/photoGalleryPicBG.gif) no-repeat scroll center center;
	border:5px solid #1E1A17;
}
div#morePhotosWrap {
	background:#292929;
	width:650px;
	margin:0 auto;
	color:#301B06;
	padding:5px;
	text-align:center;
}
div#sliderWindow {
	height:150px;
	margin-left:8px;
	overflow:hidden;
	position:relative;
	width:575px;
}
div#sliderContent {
	height:100px;
	left:0pt;
	position:relative;
	text-align:left;
	top:0pt;
}
td.thumb {
	font-size:100%;
	line-height:115%;
	padding:4px 0pt;
	text-align:center;
	width:115px;
	color:#C4D185;
}
div#sliderContent table{
	border-collapse:separate;/* need this to see "selected" cell's border */
}
td.selected{
	background:#FFC;
	border:1px solid #630;
	color:#660000;
}

/* ------------------------------------------------------------------------------------------------ *
		All pages
|* ------------------------------------------------------------------------------------------------ *
*/
/* --------------------------------------------
	misc. widgets & flourishes
/* -------------------------------------------- */
div.divider{
	/*
	border:1px solid #0f0;
	*/
	width:18px;
	height:365px;
	background:url(../img/cigar-css/divider-bg.jpg) left top no-repeat;
}
div.divider.between{
	/* gutter is 54px, this is 18px; */
	float:right;
	margin:50px -27px 0 0;
}

/* --------------------------------------------
	misc. paragraph classes
/* -------------------------------------------- */
p.leadIn{
	font-size:125%;
	line-height:125%;
}

p.typo{
	/*
	font-family:Georgia,"Times New Roman",Times,serif;
	*/
	line-height:1.45em;
}
span.dropCap {
	color:#ce0b45;
	display:inline;
	float:left;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:4.8em;
	line-height:0.8em;
	margin:0.07em 0.14em 0 0;
	text-transform:uppercase;
}
span.allCaps {
	color:#eeeed7;
	font-size:80%;
	letter-spacing:1px;
	text-transform:uppercase;
}


/* -------------------------------------------- */
div#subContentWrap blockquote{
	font-size:117%;
	margin:0 1.5em 1.7em .4em;
	padding:8px 0 0 39px;
	background:url(/img/cigar-css/blockquote.gif) top left no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
div#subContentWrap blockquote p.quote{
	line-height:151%;
	/* color: #eeecd7; */
}
div#subContentWrap blockquote p.attribution{
	margin-top:.5em;
	font-size:95%;
	line-height:131%;
	text-align:right;
	color:#febf32;
}
div#subContentWrap blockquote span.speaker{
	font-size:120%;
}
div#subContentWrap blockquote p.attribution a{
	color:#febf32;
	font-weight:bold;
	border-bottom:1px dashed #513E2B;
}
div#subContentWrap blockquote p.attribution a:hover{
	text-decoration:none;
	background:#513E2B;
	border-bottom:1px solid #eeecd7;
}
div#subContentWrap blockquote em{
	font-style:normal;
}
div#subContentWrap blockquote strong{
	color: #fedd5f;
}
div#subContentWrap blockquote.mild{
	font-size:101%;
	padding-left:19px;
}

/* ------------------------------------------------------------------------------------------------ *
		Chapter Summaries
|* ------------------------------------------------------------------------------------------------ *
*/
div.chaptSummaries h1,
div.chaptSummaries h2{
	margin-bottom:1.1em;
}
div.chaptSummaries p{
	font-size:105%;
	line-height:135%;
}
div.chaptPics{
	padding-top:60px;
}
div.chaptPics img{
	display:block;
	margin:0 auto 22px;
}