/* This style sheet establishes a black and white theme */

@import url(/styles/sharedCSstyles.css);
@import url(k_style.css);

BODY, TD {
    font-family: arial, verdana, sans serif;
}

header .jumbotron { padding-top: 40px; padding-bottom: 40px; }

header .keyword { font-weight: normal; }

#pageTitle H2 { color: black; text-align: left; }
#pageTitle H2 span.pageTitle { padding-left: 0px; padding-right: 0px; }

main H1, main H2, main H3, main H4, main H5, main H6, main TH {
    color: #222;
}

main A:link, main A:visited    { color: #EA6820; text-decoration: none }
main A:active, main A:hover  { color: #9E0E19; text-decoration: underline }
a:hover                      { color: #9E0E19; text-decoration: underline; }

a.nav-link:link          { text-decoration: none; }

ul.nav { list-style-position: outside; padding:0; }
ul.nav { margin-left: 0px; margin-right: 0px; }

/* inherit code, .comment, .stop, .note, .tip, .highlight .due colors */

/* override .keyword color */

.keyword { color: #096; font-weight: bold; }

em.color { color: #096; }

/* inherit .box, blockquote.box */

/* inherit padding for tables (th.pad, td.pad) */

/* inherit ul, li, no-bullet class, override part of ul */

li {
    margin-top: 12px;
    margin-bottom: 12px;
    /* max-width: 80ex; */
}

ul { list-style-position: outside; padding:0;
     margin-left: 40px; margin-right: 30px; }
ul.no-bullet { list-style: none inside none; padding:0; margin-left: 10px; }
li.no-bullet { list-style-type: none; padding:0; margin-left:-10px; }

.table-font{
  font-size: 20px;
}

.col-padding{
  padding-left: 20px;
}

.row-padding {
  padding-bottom: 10px;
}

.row-head {
  background-color: rgba(0, 0, 0, 0.075);
}

.row-head:hover {
  background-color: rgba(0, 0, 0, 0.075) !important;
}

td {
  vertical-align: middle !important;
  text-align: left;
}

.week {
  background-color: #000000;
  color: white;
  text-align: center;
}

.even-week td {
    background-color: #FcF9F0;  /* (light brown eggshell color) */
    /* somewhat darker alts: #FEF9E6, #FFF9EC, #FEF6E4 */
    /* Too bright: background-color: #ffc; */
    /* background-color: #f3f3f3;  (light grey) */
}

.odd-week td {
    background-color: #f0fff3;  /* faint green */
    /* background-color: #e9ffea;  cool mint green */
    /* background-color: #f0fff0;  light mint green */
    /* background-color: #bFd8c2;  almost camoflage green */
}

.even-week th, .odd-week th, .even-week .keyword, .odd-week .keyword {
    color: #476;  /* #379 is a smokey teal */
        /* Don't need this if using light grey instead of eggshell */
}

/* What are the following used for? */
.spring{
  background-color: rgb(221,147,52);
  color: white;
  text-align: center;
}

.pumpkin {
	background-color: #212121;
	color: #FF9900;
}

#copyright { font-size:	x-small; }
#footer, .page-attribution { font-size:	x-small; }

footer a:hover{
  color: #F5E625;  /* Cornsilk is not so bright */
}

@media print{

TH, TD, BODY {
    font-size:	small;
/*
    font-size: 5px;
    line-height: 5px;
*/
}

#siteTitle, H1, H2 { font-size: medium; }

A.sTitleA:link, A.sTitleA:visited, A.sTitleA:active  { font-size: medium; }

#copyright { font-size:	x-small; }
#footer, .page-attribution { font-size:	x-small; }

SPAN.Tall { font-size:	large }

SPAN.SmCap { font-size:	medium }
}