@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:#3d9cfe;
	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;
}
div#closeSubContentWrap{
	clear:both;
}
div#clearFoot{
	height:350px; /* 329 plus "a bit" */
}
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;
}
div#header h3{
	position:absolute;
	top:85px;
	right:0;
	width:195px;
	text-indent:-5000px;
}
a#headBrowseBtn{
	position:absolute;
	display:block;
	height:69px;
	width:220px;
	top:0;
	right:0;
	text-indent:-5000px;
	outline:none;
}

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;
}
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
		895 = 2x54 + 3x262.3
/* -------------------------------------------- */
div#subContentWrap{
	padding-top:37px;
}
div.oneThirdCol{
	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;
}

/* --------------------------------------------
	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;
}
div.special104 p{
	line-height:1.2;
	margin-bottom:.6em;
}
/* ------------------------------------------------------------------------------------------------ *
		Chapter Index aka "Explore" aka "Table of Contents"
|* ------------------------------------------------------------------------------------------------ *
*/
/* ----------------------------------------
		buckets
|* ---------------------------------------- */
div#exploreCol{
	color:#cd9f46;
	width:375px;
	float:left;
}
div#chapterImgsBox{
	margin-left:510px;
}

/* ----------------------------------------
		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;
}
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:110px;
	height:110px;
	text-align:center;
	overflow:hidden;
	margin:0 5px 5px 0;
}
ul#chapterImgs li.selected a{
	background: url(../img/cigar-css/chapter-imgs-bg.png) left top no-repeat;
}
ul#chapterImgs img{
	display:block;
	margin:5px auto;
}

/* ----------------------------------------
		tool tip
|* ---------------------------------------- */
div#toolTip{
	position:absolute;
	z-index:21;
	top:70px;
	right:60px;
	width:202px;
	height:301px;
}
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;
}
img#toolTipBigPic{
	position:absolute;
	top:65px;
	left:26px;
}
div#toolTipBg img{
	margin:0;
}


/* ------------------------------------------------------------------------------------------------ *
		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:284px;/* 1/3 895 is 298px, less padding. not 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;
}
/* -- */
li#chapterNavTOC a{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#bc7901;
	font-size:130%;
	letter-spacing:2px;
}
li#chapterNavTOC a:hover{
	color:#e2d1b2;
}
li#chapterNavTOC{
	/* height:9px; */
	background:url(../img/cigar-css/hr-01.gif) center 30px no-repeat;
}

/* ------------------------------------------------------------------------------------------------ *
		Home
|* ------------------------------------------------------------------------------------------------ *
*/
/* author photo */
a#peterPhoto{
	float:right;
	margin:5px -12px 8px -15px;
	width:191px;
	height:232px;
}
img.homeListPic{
	display:block;
	margin:13px auto 0;
}
ul.bulletFix{
	list-style-image:none;
	list-style:none;
	line-height:135%;
	margin-left:0;
}
ul.bulletFix div.li{
	padding-left:28px;
	background:url(/img/cigar-css/ul-bullet.gif) top left no-repeat;
}
a#homePreOrderAmazon{
	display:block;
	position:absolute;
	top:-25px;
	right:0;
}

/* --------------------------------------------
		Text Replacement
/* -------------------------------------------- */
h2#aboutPeter,
h2#aboutBook,
h2#readExcerpts,
h2#h2Events{
	height:40px;
	text-indent:-5000px;
	background:url(../img/cigar-css/h2-bg.gif) left top no-repeat;
}
h2#aboutBook{background-position:left -50px;}
h2#readExcerpts{background-position:left -100px;}
h2#h2Events{background-position:left -150px;}



/* ------------------------------------------------------------------------------------------------ *
		Photo Gallery Page
|* ------------------------------------------------------------------------------------------------ *
*/
/* flickr-esque prev/next buttons */
ul#photosNav{
	height:45px;
	list-style:none;
}
ul#photosNav li{
	float:right;
	line-height:1;
}
ul#photosNav a{
	background:#48301b;
	border:solid 2px #271300;
	color:#b38545;
	display:block;
	height:105px;
	margin:-28px 0 0 1.4em;
	/* padding:0 1.1em; */
	text-align:center;
	text-decoration:none;
	width:105px;
}
*body ul#photosNav a{ /* oh, hello, IE!! */
	margin-top:0;
}
ul#photosNav a:hover{
	background:#7fbebd;
	border-color:#016d6b;
	color:#016d6b;
}
ul#photosNav a img{
	border:2px solid #271300;
	display:block;
	height:75px;
	margin:4px auto;
	width:75px;
}
ul#photosNav a:hover img{
	border-color:#C18303;
}
ul#photosNav span{
	display:block;
	font-size:14px;
	margin:0;
	text-align:center;
}


/* photo content area */
div#photoBox{
	clear:both;
	height:780px;
}
div#photoInfo{
	padding:10px 70px;
	margin:0 auto;
	width:500px;
}
div#photoInfo p{
	margin-bottom:1em;
}
div#photoInfo h3{
	color:#C18303;
	font-size:145%;
	text-align:center;
}
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;
}

/* 
	slider containers stucture:

	+ morePhotosWrap
		{scroll(Left|Right)Btns}
		+ sliderWindow
			+ sliderContent
*/
div#morePhotosWrap {
	background:#987d52 url(../img/cigar-css/morePhotosWrapBg.jpg) top left repeat-x;
	border:solid 1px #eeeed7;
	color:#3d2b0f;
	margin:0 auto;
	padding:5px;
	text-align:center;
	width:655px;
}
div#sliderWindow {
	height:165px;
	margin-left:8px;
	overflow:hidden;
	position:relative;
	width:580px;
}
div#sliderContent {
	left:0pt;
	position:relative;
	text-align:left;
	top:0pt;
}


/* slider buttons */
a#scrollLeftBtn,
a#scrollRightBtn{
	background:url(../img/cigar-css/scrollBtns.gif) left 0 no-repeat;
	display:block;
	height:50px;
	margin-top:50px;
	outline:none;
	text-indent:-5000px;
	width:23px;
}
a#scrollLeftBtn{
	background-position:left -100px;
	float:left;
}
a#scrollLeftBtn:hover{
	background-position:left -150px;
}
a#scrollRightBtn{
	background-position:left 0;
	float:right;
}
a#scrollRightBtn:hover{
	background-position:left -50px;
}


/* thumbnail table */
div#sliderContent table{
	border-collapse:separate;/* need this to see "selected" cell's border */
}
td.thumb{
	color:#3d2b0f;
	font-size:100%;
	line-height:1;
	padding:4px 0pt;
	text-align:center;
	width:115px;
}
td.thumb img{
	border:2px solid #93785b;
	margin-bottom:3px;
}
td.selected{
	background:#ce9d35 url(../img/cigar-css/thumbSelected.jpg) left top repeat-x;
	border:1px solid #a61103;
	color:#660000;
}
td.selected img{
	border-color:#a61103;
}

/* ------------------------------------------------------------------------------------------------ *
		All pages
|* ------------------------------------------------------------------------------------------------ *
*/
/* --------------------------------------------
	misc. widgets & flourishes
/* -------------------------------------------- */
div.divider{
	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;
	font-style:italic;
	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;
}

span.fileSize{
	font-size:85%;
	font-style:italic;
	color:#B2A077;
}
div#subFooter span.fileSize{
	color:#382008;
}

/* -------------------------------------------- */
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%;
}
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%;
}

/* picture */
div.chaptSummaries a.viewInGallery img{
	display:block;
	margin:0 auto;
	border:2px solid #120403;
	padding:3px;
	background:#E3DFC4;
}
div.chaptSummaries a.viewInGallery:hover img{
	border-color:#c18303;
	background:#120403;
}

div.chaptPics{
	padding-top:60px;
}
div.chaptPics img{
	display:block;
	margin:0 auto 22px;
}