body { background: #fff url(/images/site/body_bg.png) repeat-x top left; color: #666; font-family: Helvetica, Arial, sans-serif; font-size: 18px; -webkit-font-smoothing: antialiased; }

a { color: #069; text-decoration: none;}
a:hover { text-decoration: underline; }
a.admin { font-size: 12px; }

h1 { color: #333; font-size: 48px; letter-spacing: -0.05em; margin-bottom: 0; }
h1.sold_out { color: #e32016; margin: 15px 0 5px 0; text-align: center; text-transform: uppercase; -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); }

input { color: #666; font-size: 18px; padding: 5px; }

.container_16 { margin-top: 20px; position: relative; }

.clear { clear: left; }

#head { margin-top: 20px; z-index: 10; }

.nav { float: left; width: 100%; margin-bottom: 10px; }
.nav li { display: block; float: left; list-style: none; }
.nav li a { color: #666; display: block; line-height:1em; margin-top: 26px; padding: 8px; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.nav li a:hover { background-color: #333; color: #fff; }
.nav li .logo { float: left; padding: 0; margin-top: 0; }
.nav li .logo:hover { background-color: transparent; color: #333; }

#cards { position: relative; margin-top: -12px; }
#cards img { display: block; margin-left: 20px; }

#content { margin-top: 15px; line-height: 1.4; }
#content a { font-weight: bold; }

#foot { background-color: #1b1a1a; color: #fff; padding: 15px 0 12px 0; z-index: 10; }
#foot span { background: transparent url(/images/site/footer_text.png) no-repeat 0 2px; display: block; float: left; font-family: Baskerville, Georgia; font-style: italic; height: 24px; margin: 0 20px; text-indent: -9999px; width: 536px; }
#foot a { color: #9ff; text-decoration: none; }
#foot a:hover { border-bottom: 1px solid #9ff; }

#share { font-size: 14px; margin-top: 10px; text-align: right; }
#share a { color: #363; text-decoration: none; }
#share a:hover { text-decoration: underline; }

#smallprint { clear: left; font-size: 12px; margin-top: 30px; text-align: center;}

#littleBirdie { background: transparent url(/images/site/tweet_bird.png) no-repeat 0 0; display: block; height: 108px; right: 90px; position: absolute; bottom: 75px; width: 68px; }

#futuretip {
	background: transparent url(/images/site/nav_tooltip.png) no-repeat 0 0;
	display: none;
	font-size: 14px;
	font-weight: bold;
	height: 87px;
	padding-top: 30px;
	text-align: center;
	width: 192px;
	z-index: 1000;
}

.alert { background: #c30; color: #fff; font-size: 14px; font-weight: bold; padding: 4px; text-align: center; }

.block { background: #f8f8f8; border: solid 1px #666; font-size: 14px; line-height: 1.5; margin-bottom: 40px; padding: 10px 16px 0 16px; }
.page_block {
  background: #fff;
  border: solid 1px #ccc;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 80px;
  padding: 10px 16px 0 16px; 
	
	box-shadow: 0px 0px 4px #ccc;
	-moz-box-shadow: 0px 0px 4px #ccc;
	-webkit-box-shadow: 0px 0px 4px #ccc;
	
 	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
  }
  .page_block h3 { line-height: 1.2em; letter-spacing: -0.05em; margin-top: 15px; }
  .page_block label { font-weight: bold; }

.testimonial { color: #333; font-family: Baskerville, Georgia, serif; font-size: 14px; margin: 10px 0 20px 0;}
.testimonial cite { display: block; font-size: 18px; font-style: normal; }

.signupForm { margin-bottom: 100px; }

.highlight { background-color: #feffcd; }


/* CARD LISTING *******************/

#cardList .grid_4 { margin: 0; }

a.card {
	background: transparent;
	border: solid 1px transparent;
	display: block;
	padding: 5px; 
	
	-o-transition-property: background-color;
	-webkit-transition-property: background-color;
	-moz-transition-property: background-color;
	transition-property: background-color;
	-o-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;

	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	}
a.card:hover { background-color: #ccc; border: solid 1px #b5b5b5; text-decoration: none; }

a.card .in {
	background: #fff;
	background-position: center 100px;
	background-image: none;
	background-repeat: no-repeat;
	border: solid 1px #e8e8e8;
	color: #666;
	height: 82px;
	overflow: hidden;
	padding: 10px 5px 20px 5px;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	}

a.card.top .in {
	height: 192px;
	}
	
a.card.coming .in {
	color: #ccc;
}

a.card .num { display: block; font-family: Baskerville, Georgia, serif; font-size: 12px; letter-spacing: 0.2em; line-height: 16px; text-align: center; text-transform: uppercase; }
a.card .title { display: block; font-size: 32px; font-weight: bold; letter-spacing: -0.07em; line-height: 34px; text-align: center; }


/* CARD DETAIL *******************/

#cardDetail { background-color: #fff; border: solid 1px #ececec; padding: 9px; }

#cardDetail .head { background-color: #373737; border: solid 1px #373737; color: #e0e0df; padding-top: 10px; position: relative; }
#cardDetail .head h1 { color: #e0e0df; line-height: 1em; margin: 10px 0 0 55px; }
#cardDetail .head h2 { font-family: Baskerville, Georgia, serif; font-size: 32px; font-style:italic; font-weight: normal; line-height: 1em; margin: 0 80px 0 55px; }

#cardDetail .head .info {
	background-repeat: no-repeat;
	background-position: bottom right;
	border-right: double 3px #555;
	float: left;
	margin-bottom: 10px;
	margin-right: 15px;
	min-height: 155px;
	width: 638px
}
#cardDetail .head .seeAlso { float: left; font-size: 14px; font-weight: bold; width: 260px; }
#cardDetail .head .seeAlso a { color: #b6ced3; }
#cardDetail .headTail { background: transparent url(/images/site/bg_head_tail.png) no-repeat 70px 0; height: 16px; }

#cardDetail .head .seeAlso h3 { background: transparent url(/images/site/txt_see_also.png) no-repeat 0 0; height: 18px; margin-bottom: 5px; text-indent: -9999px; }
#cardDetail .resources h3 { background: transparent url(/images/site/txt_resources.png) no-repeat 0 0; height: 22px; text-indent: -9999px; }
#cardDetail h3.how { background: transparent url(/images/site/txt_how_to_apply.png) no-repeat 0 0; height: 24px; margin: 0; text-indent: -9999px; }
#cardDetail h3.examples { background: transparent url(/images/site/txt_examples.png) no-repeat 0 0; height: 24px; margin: 0; text-indent: -9999px; }

#cardDetail .num {
	background-color: #405a60; 
	color: #6d8f96; 
	font-weight: bold; 
	padding: 0 10px;
	position: absolute;
	left: -60px;
	letter-spacing: 0.3em; 
	line-height: 1.5em;
	text-transform: uppercase;
	top: 62px;
	width: 135px;
	
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	}
	
	
#cardDetail .content {}
#cardDetail .main { float: left; margin: 20px 75px 20px 55px; width: 526px; }
	
#cardDetail .resources { font-family: Baskerville, Georgia, serif; float: left; font-size: 16px; line-height: 18px; width: 260px; }


/* PAGE *******************/

.pageMenu {
	background: #000;
	color: #999;
	font-family: Baskerville, Georgia, serif; font-size: 13px;
	letter-spacing: .2em;
	margin-bottom: 0;
}
.pageMenu a { color: #999; line-height: 3em; }
.pageMenu a:hover, .pageMenu a.active { color: #eaeaea; text-decoration: none; }
.pageMenu li { display: inline; list-style: none; }

.page {
	background: #fff;
	color: #333; 
	padding: 0 10px 50px 10px;
	margin-bottom: 60px; 
	
	box-shadow: 0px 0px 4px #ccc;
	-moz-box-shadow: 0px 0px 4px #ccc;
	-webkit-box-shadow: 0px 0px 4px #ccc;
	
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
 	-moz-border-radius-bottomleft: 4px;
 	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}
.page h1 {
	background: transparent url(/assets/etc/brain.png) no-repeat left center;
	border-bottom: solid 1px #000;
	font-family: Baskerville, Georgia, serif;
	font-size: 1.4em;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 0.025em;
	line-height: 1.2em;
	padding: 20px 270px 20px 60px;
}
.page h2 { font-size: 18px; font-weight: normal; line-height: 1.2em; margin: 20px 250px 0 0; }
.page .note { font-size: 14px; font-style: italic; }

.page a { color: #06c; }
.page a:hover {}

.page dl { font-size: 14px; }
.page dt { margin: 0.75em 0 0 0; line-height: 1.2em; }
.page dd { font-family: Baskerville, Georgia, serif; font-size: 16px; font-style: italic; margin: 0 0 0 1em; line-height: 1.2em; }

.page ul li p {
	clear: left;
	font-family: Baskerville, Georgia, serif;
	font-size: 15px;
	font-style: italic;
	line-height: 1.2em;
	padding: 5px;
}
.page ul li p strong {
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 13px;
}
.page ul li span.author {
	display: block;
	font-size: 11px;
	text-transform: uppercase;
}


.page ul.siteBlocks { margin-top: 1em;}
.page ul.siteBlocks li {
	background: #f4f4f4;
	border: solid 1px #e6e6e6;
	float: left;
	font-size: 14px;
	height: 210px;
	list-style: none;
	margin: 0 4px 8px 4px;
	padding: 5px;
	width: 210px;
}
.page ul.siteBlocks li .title {
	line-height: 1.2em;
	padding: 0 5px;
}
.page ul.siteBlocks li p {
	margin-top: 0.75em;
}

.page ul.peoplePics { margin-top: 10px; }
.page ul.peoplePics li {
	background: #f4f4f4;
	border: solid 1px #e6e6e6;
	float: left;
	height: 73px;
	list-style: none;
	margin: 0 3px 3px 0;
	width: 73px;
}

.page ul.postBlocks { margin-top: 10px; }
.page ul.postBlocks li {
	float: left;
	font-size: 14px;
	list-style: none;
	margin: 0 3px 3px 0;
	width: 224px;
}
.page ul.postBlocks li img {
	float: left;
	margin: 0 10px 10px 0;
}


/* RESOURCES / SHELFARI overrides *******************/

body.resources.base .page { padding-left: 0; padding-right: 1px; }
#shelfTable tr.f td { padding-left: 10px; padding-right: 10px; }


/* MAILCHIMP overrides *******************/

#mc_embed_signup { margin-bottom: 100px; }
#mc_embed_signup .indicate-required { font-family: Baskerville, Georgia; font-style: italic; text-align: right; }
#mc_embed_signup .mc-field-group label { display: inline-block; text-align: right; width: 150px; }
#mc_embed_signup .mc-field-group input { width: 345px; margin-bottom: 5px; }
#mc-embedded-subscribe { margin-left: 155px; }

#mce-success-response { background-color: #feffcd; margin-top: 20px; padding-bottom: 10px;}
#mce-error-response { text-align: left; margin-top: 20px; }


/* COMMENTS *******************/

#comments { width: 525px; }
.stick { position: relative; }
#commentsSide {
	font-size: 12px;
}
#commentsSide.floating {
	position: fixed;
	top: 0;
}
#commentsSide h3 {
	background: transparent url(/images/site/txt_hdr_something_missing.png) no-repeat 5px 0;
	text-indent: -9999px;
	height: 86px;
}
#commentsSide p {
	font-family: Baskerville, Georgia, serif; font-size: 21px;
	font-style: italic;
	padding-left: 5px;
}
#commentsSide ul { padding-left: 5px; }
#commentsSide ul li {
	background: transparent url(/images/site/checkmark.png) no-repeat 0 0;
	display: block;
	list-style: none;
	margin: 0.5em 0;
	padding-left: 18px;
}

h2#commentHdr { border-top: 3px solid #444; color: #444; font-size: 18px; font-weight: bold; margin-top: 20px; padding-top: 5px; }
.comment { border-top: solid 1px #dfe5e7; }

.checkout { margin-bottom: 15px; }
  .checkout p { text-align: left; }
  .checkout .amazon { text-align: center; }
  .checkout .paypal { padding: 10px 20px; text-align: center; }
    .checkout .paypal .btn { display: none; }
    .checkout .paypal.active { border: solid 1px #444; }
    .checkout .paypal.active a.toggle { display: none; }
    .checkout .paypal.active .btn { display: block; }

.announcement {
  background: rgba(248,255,0,0.9); 
  font-size: 18px;
  position: absolute; 
  text-align: center;
  top: -20px;
  width: 100%;
}