/* --------------------------------------------------- */
/* Global CSS for all stories on Corner Cafe  */
/* --------------------------------------------------- */
/* When editing this file, please keep all new */
/* entries in alphabetical order in the section  */
/* that best describes their intended usage. If  */
/* no appropriate section exits, create one       */
/* with a descriptive divisional note.               */
/* --------------------------------------------------- */
/* List in this order: no symbol prefix, then # */
/* prefix, then . prefix                                      */
/* --------------------------------------------------- */
/* FireFox on Mac HAS FONT PROBLEMS!! DO NOT USE FOR TESTING  */
/* Specifically Handwriting font caused problems Macbook Mountain Lion, with Bradley and Chalkboard fonts installed */
/*     however it displayed Times/Times New Roman   - 5/26/13 TheEggman */

/* --------------------------------------------------- */
/* 			Fonts			                          */
/* --------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Bitter:400,400i,700');

#chapter {
	font-family: 'Bitter', serif;
	font-size: 18px;
	line-height: 1.3em;
}
/* --------------------------------------------------- */
/* 			Whole Page Formatting                        */
/* --------------------------------------------------- */
h4 {
	color: #FAA6FF;
}

#handwrite {
	color: #222222;
	background: url(../../img/backgrnd.jpg) repeat;
	border: 5px solid #000000;
	padding: 25px;
	height: auto;
	width: 75%;
	line-height: 35px;
	text-align: justify;
	font-family: "Lucida Handwriting", "Segoe Print", "Bradley Hand ITC TT", "Apple Chancery", Chalkboard, "Monotype Corsiva", "Marker Felt", "Comic Sans MS", "Times New Roman", Times, serif;
	font-size: 20px;
	text-indent: 0.5in;
	margin-top: 0px;
	margin-right: 10%;
	margin-bottom: 0.1in;
	margin-left: 10%;
	}

#comic-print {
	color: #222222;
	background: url(../../img/backgrnd.jpg) repeat;
	border: 5px solid #000000;
	padding: 25px;
	height: auto;
	width: 75%;
	line-height: 35px;
	text-align: justify;
	font-family: "Marker Felt", "Comic Sans MS", "Times New Roman", Times, serif;
	font-size: 20px;
	text-indent: 0.5in;
	margin-top: 0px;
	margin-right: 10%;
	margin-bottom: 0.1in;
	margin-left: 10%;
	}

.indent p {
	text-indent: 0.5in;
	}


/* --------------------------------------------------- */
/* 			Formatting Shortcuts                       */
/* --------------------------------------------------- */

.tc {
	text-align: center;
	}

.tj {
	text-align: justify;
	}

.tl {
	text-align: left;
	}

.tr {
	text-align: right;
	}
.lft {
	float: left;
	width: 40%;
	text-align: center;
	}
.lft p {
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
	font-weight: normal;
	}
.rgt {
	float: right;
	width: 50%;
	text-align: center;
	}
.rgt p {
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
	font-weight: normal;
	}

/* --------------------------------------------------- */
/* 			Music related styles                         */
/* --------------------------------------------------- */

.credits {
	font-size: 16px;
	font-style: italic;
	color: #00CCFF;
	text-align: center;
	}

.lyrics {
	color: #FFDDAF;
	text-indent: .01in;
	margin-left: 0.98in;
	margin-bottom: 0.1in;
	}

.music {
	text-align: center;
	text-indent: 0in;
	margin-right: 5px;
	margin-left: 5px;
	padding-right: 5px;
	padding-left: 5px;
	}

.musicbox {
	color: #FFFFFF;
	text-align: center;
	text-indent: 0in;
	}

/* --------------------------------------------------- */
/* 			Table Formatting                             */
/* --------------------------------------------------- */

table#fancytable td {
	border:1px solid #3f5d50;
	padding:4px 10px 4px 10px;
	color: #ffffff;
	font-size: 20px;
	}

table#fancytable th {
	border:1px solid #3f5d50;
	padding:4px 6px 4px 6px;
	color: #ffffff;
	font-size: 25px;
	font-weight: bold;
	text-decoration: underline;
	}

#fancytable {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	min-width: 600px;
	border: 2px solid #fffd00;
	}

.fancytable td {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 1px solid #777777;
	}

.fancytable th {
	background-color: #777777;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 1px solid #777777;
	}

#xmastable {
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	min-width: 600px;
	border: 2px solid #fffd00;
	}

.xmastable td {
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 1px solid #777777;
	}

.xmastable th {
	padding: 5px;
	background-color: #777777;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 1px solid #777777;
	}


/* --------------------------------------------------- */
/* 			Newspaper Formatting                    */
/* --------------------------------------------------- */

.newspaperhead {
	color: #000000;
	font-family: "Arial Black", Verdana, Geneva, sans-serif;
	font-size: 36px;
	text-align: center;
	text-indent: 0px;
	line-height: 90%;
	padding-bottom: 8px;
	border-bottom: 3px solid #000000;
	}

.newspaperline {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	margin-top: -12px;
	}

.newspaperbox {
	color: #000000;
	background-color: #FFFFFF;
	background: url(../../img/newspaper-background.jpg) repeat;
	margin-top: 35px;
	margin-left: 15%;
	margin-bottom: 35px;
	margin-right: 15%;
	padding: 1px 12px 8px 12px;
	text-align: justify;
	}

/* --------------------------------------------------- */
/* 			Text Block formatting                     */
/* --------------------------------------------------- */

.contentcenter {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	}

.creditstext {
	font-size: 18px;
	font-style: italic;
	color: #00CCFF;
	text-align: center;
	}

.disclaimer {
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #eeeeee;
	}

.flashback {
	font-family: "Times New Roman", Times, serif;
	background-color: #222222;
	font-size: 22px;
	color: #6FEFCF;
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding-right: 5%;
	padding-top:10px;
	padding-bottom: 10px;
	padding-left: 5%;
	font-style: normal;
	font-weight: normal;
	}

.handwrite {
	color: #222222;
	background: url(../../img/backgrnd.jpg) repeat;
	border: 5px solid #000000;
	padding: 25px;
	height: auto;
	width: 75%;
	line-height: 35px;
	text-align: justify;
	font-family: "Lucida Handwriting", "Segoe Print", "Bradley Hand ITC TT", "Apple Chancery", Chalkboard, "Monotype Corsiva", "Marker Felt", "Comic Sans MS", "Times New Roman", Times, serif;
	font-size: 20px;
	text-indent: 0.5in;
	margin-top: 0px;
	margin-right: 10%;
	margin-bottom: 0.1in;
	margin-left: 10%;
	}

.handwrite2 {
	color: #AAFFD8;
	font-family: "Lucida Handwriting", "Segoe Print", "Bradley Hand ITC TT", "Apple Chancery", Chalkboard, "Monotype Corsiva", "Marker Felt", "Comic Sans MS", "Times New Roman", Times, serif;
	font-size: 18px;
	margin-left: 5%;
	margin-right: 5%;
	text-align: justify;
	}

.handwritetitle {
	font-family: "Lucida Handwriting", "Segoe Print", "Bradley Hand ITC TT", "Apple Chancery", Chalkboard, "Monotype Corsiva", "Marker Felt", "Comic Sans MS", "Times New Roman", Times, serif;
	font-size: 30px;
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
	text-decoration: none;
	}

.comic-print {
	color: #222222;
	background: url(../../img/backgrnd.jpg) repeat;
	border: 5px solid #000000;
	padding: 25px;
	height: auto;
	width: 75%;
	line-height: 35px;
	text-align: justify;
	font-family: "Marker Felt", "Comic Sans MS", "Times New Roman", Times, serif;
	font-size: 24px;
	text-indent: 0.5in;
	margin-top: 0px;
	margin-right: 10%;
	margin-bottom: 0.1in;
	margin-left: 10%;
	}

.italnote {
	font-style: italic;
	text-align: justify;
	margin-top: 0px;
	margin-right: 10%;
	margin-bottom: 0px;
	margin-left: 10%;
	}

.important {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #FFFF00;
	background-color: #003399;
	border: medium solid #FFFF00;
	word-spacing: 3px;
	letter-spacing: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	margin-left: 15%;
	margin-right: 15%;
	}

.letterbox {
	background: url(../../img/backgrnd.jpg) repeat;
    color: #000000;
    font-family: "Courier New", Courier, "Lucida Console", Monaco, monospace;
    font-size: 20px;
	margin-top: 15px;
	margin-left: 10%;
	margin-bottom: 15px;
	margin-right: 10%;
	padding: 15px;
    text-align: left;
	}

.computer-terminal {
    background: #000000;
    color: #FFFFFF;
    font-family: "Courier New", Courier, "Lucida Console", Monaco, monospace;
    font-size: 20px;
    margin-top: 15px;
    margin-left: 10%;
    margin-bottom: 15px;
    margin-right: 10%;
    padding: 15px;
    text-align: left;
}

.mono {
	font-family: "Courier New", Courier, monospace;
	font-size: 20px;
	color: #FEDEB1;
	text-align: justify;
	text-indent: 0;
	margin-top: 10px;
	margin-right: 12%;
	margin-bottom: 10px;
	margin-left: 12%;
	padding: 10px;
	border: 1px solid #CCCCCC;
	}

.monomessage {
	font-family: "Courier New", Courier, monospace;
	background-color: #FFFFFF;
	background: url(../../img/newspaper-background.png) repeat;
	margin-top: 35px;
	margin-left: 15%;
	margin-bottom: 35px;
	margin-right: 15%;
	padding: 1px 22px 8px 22px;
	font-size: 20px;
	color: #000000;
	text-align: left;
	text-indent: 0;
	}

.monomessage p {
	text-indent: 0;
	margin-left: 10px;
	margin-right: 10px;
	font-weight: bold;
}

.monomessage .overline {
	text-decoration: overline;
}

.narrnote {
	font-size: 20px;
	font-style: italic;
	color: #00CCFF;
	text-align: center;
	}

.notes {
	font-size: 20px;
	font-style: italic;
	color: #00CCFF;
	text-align: justify;
	}

.preandpost {
	color: #FF9900;
	}

.poster {
	font-family: Arial, sans-serif;
	text-indent: 0in;
	color: #DDDDDD;
	text-align: center;
	font-size: 25px;
	font-weight: 900;
	}

.stryblock {
	color: #99FFFF;
	padding-top: 0px;
	padding-right: 5%;
	padding-bottom: 0px;
	padding-left: 5%;
	}

.com_text {
	font-style: italic;
}

/* --------------------------------------------------- */
/* 			Site Page Specials                            */
/* --------------------------------------------------- */

.prevup {
	font-size: 18px;
	text-indent: 0in;
	}

.whatnew {
	font-size: 18px;
	color: #72bc9e;
	}

/* --------------------------------------------------- */
/* 			Warnings                                          */
/* --------------------------------------------------- */

.warn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #FFFF33;
	}

.warning {
	background-color: #222222;
	color: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: 10%;
	margin-right: 10%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right: 40px;
	text-align: justify;
	border: 4px solid #ff2211;
	}

.warninghdr {
	color: #FF0000;
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	}

/* --------------------------------------------------- */
/* 			Word or Sentence formatting          */
/* --------------------------------------------------- */
.angelspeak {
	font-style: normal;
	font-weight: bold;
	color: #FF9966;
	}

.blackfeet {
	font-style: italic;
	color: #00FFFF;
	font-variant: normal;
	font-weight: bold;
	}

.evilone {
	color: #CC3333;
	}

.gold {
	color: #C2B257;
	}

.guardian {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: bold;
	color: #FFFF33;
	}

.redalert {
	color: #FF0000;
	}

.sign {
	text-align: center;
	font-family: "Lucida Handwriting", "Segoe Print", "Bradley Hand ITC IT", "Apple Chancery", Chalkboard, "Monotype Corsiva", "Marker Felt", "Comic Sans MS", "Times New Roman", Times, serif;
	font-size: 18px;
	color: #FFCC00;
	}

.silvery {
	color: #C1BFBA;
	}

.translate {
	font-size: 18px;
	font-style: italic;
	color: #00CCFF;
	text-align: justify;
	}

/* --------------------------------------------------- */
/* 			John Hollingway Specials               */
/* --------------------------------------------------- */

.story #afterword h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFF99;
	}

.story #afterword .story {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	}

.story #content .story {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #66CCCC;
	}

.story .author {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #FFFF99;
	text-align: center;
	}

.story .title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	color: #FFFF66;
	text-align: center;
	}

.style3 {
	font-family: "Comic Sans MS"
	}

.style4 {
	font-size: 18px
	}

.style5 {
	font-size: 14px
	}