.banner { margin-bottom:0; }
.banner h1 { font-size:6.2em; line-height:1.1em; letter-spacing:-1px; margin-top:0.28em; /* : ( */ position:relative; top:.14em }
.letter_y { margin-left:4px; }
.cut img { margin-bottom:0; margin-top:2em; padding-top:.5em; overflow:hidden; }
.cut video,
.cut object,
.cut embed { margin-bottom:0; margin-top:2em; padding-top:.3em; }
.twelve_units .cut img { width:1180px; }
.eleven_units .cut img { width:1080px; }
.ten_units .cut img { width:980px; }
.nine_units .cut img { width:880px; }
.eight_units .cut img { width:780px; }
.seven_units .cut img { width:680px; }
.six_units .cut img { width:580px; height:387px; } 
/*.six_units .cut { height:387px; }*/
.five_units .cut img { width:480px; }
.four_units .cut img { width:380px; }
.three_units .cut img { width:280px; }
.two_units .cut img { width:180px; }
.one_unit .cut img { width:80px; }

.dog_ear { position:relative; }
.dog_ear section { font-family:'Gill Sans'; font-size:1.5em; line-height:1.1em; width:5.5em; padding:.5em 0; z-index:1; }
.dog_ear label { cursor:pointer; }

.dog_ear.right { right:0; }
.dog_ear.right section { text-align:right; }
.dog_ear.right section,
.dog_ear.right .page_fold,
.dog_ear.right .page_corner { position:absolute; right:0; }
.dog_ear.right .page_corner {
 	background-color:#fffffc;
	width:120px; height:120px;
	-webkit-box-shadow:-6px 5px 7px rgba(0,0,0,0.5); -moz-box-shadow:-6px 5px 7px rgba(0,0,0,0.5);
}
.dog_ear.right .page_fold {
	z-index:2;
	right:-20px; top:57px;
	width:160px; height:0;
	border:solid #eee; border-width:5px 0 0;
	-webkit-box-shadow:0 -6px 16px rgba(0,0,0,0.5); -moz-box-shadow:0 -5px 20px rgba(0,0,0,0.5);
	-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);
}

.dog_ear.left { left:0; }
.dog_ear.left h3 { text-align:left; }
.dog_ear.left h3,
.dog_ear.left .page_fold,
.dog_ear.left .page_corner { position:absolute; left:0; }
.dog_ear.left .page_corner {
 	background-color:#fffffc;
	width:120px; height:120px;
	-webkit-box-shadow:6px 5px 7px rgba(0,0,0,0.5); -moz-box-shadow:6px 5px 7px rgba(0,0,0,0.5);
}
.dog_ear.left .page_fold {
	left:-20px; top:57px;
	width:160px; height:0;
	border:solid #eee; border-width:5px 0 0;
	-webkit-box-shadow:-7px -6px 16px rgba(0,0,0,0.5); -moz-box-shadow:0 -5px 20px rgba(0,0,0,0.5);
	-webkit-transform:rotate(315deg); -moz-transform:rotate(315deg);
}
.ear { font-family:'Times New Roman', serif; text-align:center; }
.ear div { min-height:8em; margin:3.2em 0 0; padding:.1em; border:solid #aaa; border-width:1px; }
.ear strong { font-size:4em; line-height:1.6em; }
.ear sup { font-size:.4em; vertical-align:top; }
.ear address { font-size:1.2em; margin-top:.4em; }
.ear h2 { font-size:1.2em; line-height:1.6em; margin-top:.5em; text-transform:uppercase; }
.ear p { font-size:1.2em; line-height:1.1em; }
.ear a { font-family:'Hoefler Text', serif; color:black; }
.ear a:hover { text-decoration:none; }
.edition cite { font-style:italic; font-size:1.3em; text-align:center; display:block; margin:1.4em 0 .6em; position:relative; z-index:1; }
.edition.secondary { margin-top:1.9em; }
.edition.secondary cite { line-height:1.2em; margin:0; }

@font-face { font-family:Fette Gotisch; src:url("/img/FetteGotisch.ttf"); }
.flag { margin:3em auto 0; text-align:center; }
.flag h3 { font-family:'Fette Gotisch'; font-size:12em; line-height:.6em; color:black; letter-spacing:-.1em;}
.flag h3 .letter_i { letter-spacing:-.09em; }
.flag h3 .letter_n { letter-spacing:-.07em; }
.flag h3 .letter_c { letter-spacing:-.05em; }
.flag h3 .letter_k { }
.flag.secondary { text-align:left; margin:1.7em 0 1em; }
.flag.secondary h3 { display:inline; font-size:2.5em; font-weight:bold; line-height:1em; }

.footer { padding-top:10px; margin-top:10px; border-top:solid black 1px; }
.footer p { float:right; font-size:1.1em; line-height:1.7em;}
.footer small { font-size:1.1em; line-height:1.7em;}
.footer small .copyright { line-height:1.7em; float:left;width:67px; height:17px; background-image:url(../../img/cc.png); background-repeat:no-repeat;}
.footer small .copyright span { display:none; }
.jump p { font-size:1.4em; line-height:1.5em; margin-top:1.52em; text-align:justify; }

/* ToDo: Make .leader min-height not break the JS to add automatic spacing on short pieces. */
.leader h1, 
.leader h2 { font-size:3.3em; letter-spacing:-1px; line-height:1.3em; margin-top:0.65em; padding-top:0; }
.leader.first.front { min-height:640px; }
.leader.read,
.leader .read,
.leader .read a { color:#bbb; }
.leader cite { line-height:1.75em; font-size:1.2em; }
.leader ol,
.leader ul,
.leader p { font-size:1.4em; line-height:1.5em; margin-top:1.52em; text-align:justify; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
.leader.legible p { text-align:left; }
.leader ol li { list-style:decimal inside; margin-left:.5em; text-align:left; }
.leader hr { border:0; text-align:center; margin:0; height:0; }
.leader hr:after { content:"--"; }
.leader .dateline { font-size:.85em; text-transform:uppercase; }
.leader .dateline:after { content:" -- "; }
.leader.continued { min-height:50em; }
.letter { margin-bottom:1em; }
.letter .prompt { color:#bbb; }
.letter h1, 
.letter h2 { font-size:3.3em; letter-spacing:-1px; line-height:1.3em; margin-top:0.65em; padding-top:0; }
.letter p { font-size:1.4em; line-height:1.5em; margin-top:1.52em; text-align:left; padding-left:.5em; }
.letter em { display:block; font-size:1.4em; margin-top:3em; border:solid #bbb; border-width:1px 0 0 1px; padding:.7em 0 0 .7em; }
.letter cite { margin-top:0; font-size:1.4em; padding-left:.5em; }
/*.letter_box { margin:0 1.2em 0 0; }*/
.letter_header { margin-bottom:0; }
.letter_header p { margin-top:1.4em; }
/* Todo: Set type on body tracking. */
.postcard { margin-bottom:2em; }
.postcard h2 { font-size:3.3em; letter-spacing:-1px; line-height:1.3em; margin:0.65em 0 1.3em; padding-top:0; }
.postcard textarea,
.postcard input { width:90%; font-size:1.4em; line-height:1.5em; color:#666; background-color:inherit; border-width:0; }
.postcard textarea { width:100%; height:16.5em; resize:vertical; }
.postcard label { font-size:1.4em; line-height:1.5em; margin-top:1.3em; }
.postcard_address { padding:3em 0; margin:5em auto; border-left:solid #bbb 1px; }
.postcard_address address { font-family:'Gill Sans', 'Helvetica', sans-serif; font-size:1.4em; line-height:1.4em; width:16em; padding:0 .4em; margin:.6em auto .2em; border-bottom:solid #bbb 1px; }
.postcard_corner div { float:right; width:8em; height:8em; border:solid #bbb; border-width:0 1px 1px 0; }
.postcard_post { margin:2.5em; position:relative; }
.postcard_post label { display:block; width:5em; float:right; border:dotted white 1px; }
.postcard_post label:hover { border-color:#bbb; }
.postcard_post input.hover { font-family:'FetteGotischW01-Regular'; font-size:5em; }
.postcard_post input { font-family:'Gill Sans', 'Helvetica', sans-serif; color:#666; background-color:white; height:60px; width:50px; line-height:1em; border:solid #bbb 1px; }
.postcard_post p { font-family:'Andale Mono', monospace; line-height:.9em; font-size:.8em; text-transform:uppercase; text-align:center; width:25em; padding:2em 2em 0 2em; background-color:#fef691; position:absolute; top:8em; right:6em; -webkit-transform:rotate(7deg); -moz-transform:rotate(7deg); }
.postcard_post span { display:block; text-align:right; margin:1em 0 .5em; }

/* Experiment drawing a postal void stamp with rounded corners. */
/*.postcard_post p { float:left; width:6em; height:6em; -moz-border-radius: 3em; -webkit-border-radius: 3em; border:solid #bbb 2px; }
.postcard_post li { float:left; width:5em; height:4em; -moz-border-radius:3em; -webkit-border-radius:3em; position:relative; }
.postcard_post li:nth-child(odd) { border-top:solid #bbb 2px; top:1.5em; }
.postcard_post li:nth-child(even) { border-bottom:solid #bbb 2px; bottom:1.5em; }
.postcard_post li:nth-child(1) { left:8.3em; }
.postcard_post li:nth-child(2) { left:6.7em; }
.postcard_post li:nth-child(3) { left:5.1em; }
.postcard_post li:nth-child(4) { left:3.5em; }*/
.rule { height:1px; border:solid #aaa; border-width:1px 0; margin:0; }
.sidebar { margin:2em 0 3.2em 0; }
.sidebar h3 { font-size:1.5em; line-height:1.7em; text-align:right; margin-top:1.8em; }
.sidebar table { font-family:'Helvetica','Arial',sans-serif; font-size:1.3em; background-color:#ccc; border:solid #aaa 1px; }
.sidebar td { border:solid #aaa; border-width:1px 0 0 1px; }
.six_units .sidebar td { width:190px; }
.nine_units .sidebar td { width:290px; }
.sidebar th { min-width:2em; }
.sidebar th,
.sidebar td { padding:.5em; vertical-align:baseline; }
.sidebar dt { float:left; }
.sidebar dd { float:right; }
.sidebar dt:after { content:': '; }

.syndicate_ear { position:absolute; top:10px; }
