/*----------------------------------------------------------------------------*/
/* A Night at Club Ivory Website Stylesheet                                   */
/* (c) 2017-2018, Ivory Fade Productions, all rights reserved.                */
/*                                                                            */
/* We didn't know about stylesheets in 1998, when this was first written.     */
/*----------------------------------------------------------------------------*/
/* The newspaper is multi-column, and so it has its own slimmed down styles.  */
/* Trying to mix with the other CSS just causes issues...                     */
/*----------------------------------------------------------------------------*/

html {
	margin: 2em;
	padding: 0;
}

/* For newspaper columnar formatting */
article.newspaper {
	display: block;
	/* Courier New - bad */
	/* American Typewriter - bad */
	/* Avenir Book - not terrible, but odd. */
	/* Avenir Next Condensed - not bad */
	/* Bodoni 72 Oldstyle Book - much like Cochin */
	/* Bodoni 72 Smallcaps Book - didn't work */
	float: none;
	font-family: Cochin,Gill Sans Light,Cormorant Garamond,Big Caslon,Avenir Next,Baskerville;
	font-size: 14pt;
	margin: 0;
	padding: 0;
}

/* This has to follow the newspaper definition above, to override the margin */
article.advertisement {
	margin: 0.5em 0;
}

article.newspaper p {
	text-align: justify;
	text-justify: inter-word;
}

body {
	/*font: 100% Cochin,Times New Roman,Baskerville,American Typewriter;*/
	/* Make it easier for Susan and me to read */
	/*font: 14pt Cochin,Times New Roman,Baskerville,American Typewriter;*/
	margin: 0;
	padding: 0;
}

/* For newspaper columnar formatting */
body.newspaper {
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
    column-gap: 2%;
    column-rule: 1px solid black;
    column-width: 32%;
    font-size: 14pt;
}	

/* For newspaper columnar formatting */
body.newspaper footer, 
body.newspaper header {
	column-span: all;
}

footer {
	clear: both;
	display: block;
}

header {
	display: block;
}

footer, h4 {
	border-top: 1px solid black;
	border-left: 1px solid black;
	/* margin: 0.5em 0 0 0; */
	margin: 1em 0 0 0;
	padding: 0.25em;
}

footer {
	font-size: 100%;	
}

h3 {
	font-size: 150%;
	margin: 0;
	text-align: center;
}

/* For newspaper ads */
h3.advertisement {
	border: 3px double black;
	font-family: Cochin;
	font-size: 125%;
	font-weight: normal;
	padding: 3px;
}

/* For newspaper headlines */
h3.headline {
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	font-family: Copperplate;
	font-size: 125%;
	font-weight: normal;
}

table {
	border-bottom: 1px solid black;
	border-collapse: collapse;
	border-right: 1px solid black;
	border-spacing: 0;
	margin: 0.5em 0;
	padding: 0;
	/* width: 100%; */
}

table.newspaperMasthead {
	border: 0;
	font-family: Copperplate;
	width: 100%;
}

table.newspaperMasthead td {
	border: 0;
}

td.newspaperCost {
	font-size: 200%;
	text-align: center;
	width: 10%;
}

td.newspaperDate {
	text-align: center;
	width: 10%;
}

td.newspaperName {
	font-size: 350%;
	/* font-weight: bold; */
	text-align: center;
	white-space: nowrap;
	width: 80%;
}