/* CSS used here will be applied after bootstrap.css */

/* consider using "panels" for your boxes */
/* consider using "dropdown" for your menus */
/* consider using "collapsible" for show/hide text (collapsible-panel for opening panel rows) */
/* consider using "nav nav-tabs" for your tabs */
/* consider using "navbar" with dropdown for your navigation bar at the top of the screen */
/* consider using "affix" to lock your menus */

Table.genoa {font-family:arial; color:black; font-size:12pt;}
Table.barks {font-family:arial; color:545454; font-size:10pt;}
Table.barks6 {font-family:arial; color:545454; font-size:6pt;}
Table.barks8 {font-family:arial; color:545454; font-size:8pt;}
Table.barks9 {font-family:arial; color:545454; font-size:9pt;}
Table.barks10 {font-family:arial; color:545454; font-size:10pt;}
Table.barks11 {font-family:arial; color:545454; font-size:11pt;}
Table.barks12 {font-family:arial; color:545454; font-size:12pt;}
Table.barks13 {font-family:arial; color:545454; font-size:13pt;}
Table.barks14 {font-family:arial; color:545454; font-size:14pt;}
Table.barks16 {font-family:arial; color:545454; font-size:16pt;}
Table.cutter {font-family:arial; color:black; font-size:8pt;}

#box-wrapper{
	/* This is the id= that's used with jumbotron on the home page */
	// background-image: url('../img/BlueGraph6.png');
	background-image: url('../img/CloudGraph4.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 100%;
	margin-bottom: 0;
}

#OneStopShop {
	/* This is the special "id=" that's used to set the font for the "One Stop Shop" headline on the home page */
	/* color: white; 
	text-shadow: 2px 2px 4px #000000; */
	/* color: #26282B; */
	color:white;
	text-shadow: 1px 1px 1px #555C63;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	/* font-weight:300; */
	/* font-weight:Bold; */
	font-size: 4em;
	font-weight:Light;
}

@font-face {
  font-family: comicFont;
  src: url(https://www.LeadGen.com/fonts/alteregobb.otf);
}

@font-face {
  font-family: helv;
  src: url(https://www.LeadGen.com/fonts/helv);
}

#panel-wrapper1{
	/* This is the "id=" that's used with the panels on the home page */
	background: none;
	border: none;
}

#panel-body1{
	box-shadow: 2px 2px 2px ##888888;
}


.navbar {
      margin-bottom: 0;
      border-radius: 0;
    }

h1.book {
  /* font-size:1.25em; */
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	color: #274570;
	text-align: center;
}
h2.book {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	color: #274570;
	text-align: center;
}
h3.book {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	color: #274570;
	text-align: center;
}
h4.book {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	color: #274570;
	text-align: center;
}
p.book {
	font-family: 'Ariel', sans-serif;
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: 300;
	font-color: black;
}

p.bookSmall {
	font-family: 'Ariel', sans-serif;
	font-size: 1em;
	line-height: 1em;
	font-weight: 300;
}

li.book {
	font-family: 'Ariel', sans-serif;
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: 300;
    list-style-type: disc;
}

li.bookSmall {
	font-family: 'Ariel', sans-serif;
	font-size: 1em;
	line-height: 1em;
	font-weight: 300;
    list-style-type: disc;
}

p.reverseBook {
	font-family: 'Ariel', sans-serif;
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: 300;
	color: white;
	border: 0px solid black;
	background: blue;
    display: inline-block;
    padding: 2px 10px 5px 10px;
}
table.book {
	font-family:arial; 
	color:black; 
	font-size:14pt;
	border: 2px solid blue;
}
td.LoJo {
	padding:5px;
	border: 1px solid green;
	text-align: left;
}

th.LoJo {
	font-weight: bold;
	border: 1px solid green;
	text-align: center;
}


h1.blue {
  /* font-size:1.25em; */
	font-family: 'Ariel', sans-serif;
  	/* color:#6ce0ff; */
	/* color:#476084; */
	/* color: #5FB5D6; */
	color: #274570;
	text-align: center;
}

h1.Montserrat {
  /* font-size:1.5em; */
	font-family: 'Monserrat', sans-serif;
	font-size:18px;
	font-weight:200;
	line-height:1.2em;
	color: white;
	text-align: center;
}

h3.Montserrat {
  /* font-size:1.5em; */
	font-family: 'Montserrat', sans-serif;
	font-size:20px;
	font-weight:bold;
	line-height:1.2em;
	color: white;
	text-align: center;
}

h2.Montserrat {
  /* font-size:1.5em; */
	font-family: 'Montserrat', sans-serif;
	font-size:30px;
	font-weight:bold;
	line-height:1.2em;
	color: white;
	text-align: center;
}


P.Lato {
	font-family: 'Lato', sans-serif;
	font-size:17px;
	font-weight:400;
	line-height:1.5em;
	color: white;
	text-align: center;
}

li.Lato {
	font-family: 'Lato', sans-serif;
	font-size:14px;
	font-weight:400;
	line-height:1.5em;
	color: yellow;
	text-align: left;
	list-style-position: outside;
	list-style-type: disc;
}

h2.blue {
  /* font-size:1.5em; */
	font-family: 'Oswald', sans-serif;
	font-weight:300;
  	/* color:#6ce0ff; */
	/* color:#476084; */
	/* color: #5FB5D6; */
	/* color: #337AB6; */
	color: #274570;
	text-align: center;
}

h2.red {
  /* font-size:1.5em; */
	font-family: 'Oswald', sans-serif;
	font-weight:300;
  	/* color:#6ce0ff; */
	/* color:#476084; */
	/* color: #5FB5D6; */
	/* color: #337AB6; */
	color: #8E0A0A;
	text-align: center;
}


h2.black {
  /* font-size:1.5em; */
	font-family: 'Oswald', sans-serif;
	font-weight:300;
  	/* color:#6ce0ff; */
	/* color:#476084; */
	/* color: #5FB5D6; */
	/* color: #337AB6; */
	color: black;
	text-align: center;
}

h3.blue {
  /* font-size:1.25em; */
	font-family: 'Ariel', sans-serif;
  	/* color:#6ce0ff; */
	/* color:#476084; */
	/* color: #5FB5D6; */
	color: #274570;
	text-align: center;
}

p.main {
	font-family: 'Ariel', sans-serif;
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: 300;
}

p.mainRed {
	font-family: 'Ariel', sans-serif;
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: 300;
	color: #FF2C2D;
}


p.mainCrimson {
	font-family: 'Ariel', sans-serif;
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: 300;
	color: #BF2D2D;
}


p.giant {
	font-family: 'Ariel', sans-serif;
	font-size: 2.0em;
	line-height: 1.5em;
	font-weight: 300;
}
p.times {
	font-family: 'Times New Roman', serif;
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: 300;
}

li.times {
	font-family: 'Times New Roman', serif;
	font-size: 1.0em;
	line-height: 1.0em;
	font-weight: 300;
}

p.times12 {
	font-family: 'Times New Roman', serif;
	font-size: 1.0em;
}


li.main {
	font-family: 'Ariel', sans-serif;
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: 300;
}
li.giant {
	font-family: 'Ariel', sans-serif;
	font-size: 2.0em;
	line-height: 1.5em;
	font-weight: 300;
}

p.minorRed {
	font-family: 'Ariel', sans-serif;
	font-size: 1.2em;
	line-height: 1.25em;
	font-weight: 300;
	color: #8E0A0A;
}

p.minor {
	font-family: 'Ariel', sans-serif;
	font-size: 1.2em;
	line-height: 1.25em;
	font-weight: 300;
}
p.diminished {
	font-family: 'Ariel', sans-serif;
	font-size: 0.8em;
	line-height: 0.8em;
	font-weight: 200;
}

p.comicHead {
	font-family: 'comicFont', sans-serif;
	font-size: 2.5em;
	line-height: 1.25em;
	/* font-weight: 300; */
	/* color: #8E0A0A; */
	color: black;
}

p.comicGiant {
	font-family: 'comicFont', sans-serif;
	font-size: 3.0em;
	line-height: 1.5em;
	/* font-weight: 300; */
	/* color: #8E0A0A; */
	color: black;
}

p.comicText {
	font-family: 'comicFont', sans-serif;
	font-size: 2.5em;
	line-height: 1.25em;
	/* font-weight: 300; */
	/* color: #8E0A0A; */
	color: black;
}

h2.redComic {
  /* font-size:1.5em; */
	font-family: 'comicFont', sans-serif;
	font-weight:300;
  	/* color:#6ce0ff; */
	/* color:#476084; */
	/* color: #5FB5D6; */
	/* color: #337AB6; */
	color: black;
	text-align: center;
}

p.comicBig {
	font-family: 'comicFont', sans-serif;
	font-size: 3.5em;
	line-height: 2.5em;
	/* font-weight: 300; */
	/* color: #8E0A0A; */
	color: black;
}

p.comicSmall {
	font-family: 'comicFont', sans-serif;
	font-size: 1.5em;
	line-height: 1.5em;
	/* font-weight: 300; */
	/* color: #8E0A0A; */
	color: black;
}

p.comicTiny {
	font-family: 'comicFont', sans-serif;
	font-size: 1.0em;
	line-height: 1.0em;
	/* font-weight: 300; */
	/* color: #8E0A0A; */
	color: black;
}

p.comicMicro {
	font-family: 'comicFont', sans-serif;
	font-size: 0.8em;
	line-height: 0.8em;
	/* font-weight: 300; */
	/* color: #8E0A0A; */
	color: black;
}


/* This lets you replace comic with a Helvetica-like font */
p.helvHead {
	font-family: 'helv', sans-serif;
	font-size: 3.0em;
	line-height: 1.25em;
	/* font-weight: 300; */
	/* color: #8E0A0A; */
	color: black;
}

p.helvText {
	font-family: 'helv', sans-serif;
	font-size: 2.5em;
	line-height: 1.25em;
	/* font-weight: 300; */
	/* color: #8E0A0A; */
	color: black;
}

h2.redHelv {
  /* font-size:1.5em; */
	font-family: 'helv', sans-serif;
	font-weight:300;
  	/* color:#6ce0ff; */
	/* color:#476084; */
	/* color: #5FB5D6; */
	/* color: #337AB6; */
	color: black;
	text-align: center;
}

p.helvBig {
	font-family: 'helv', sans-serif;
	font-size: 3.5em;
	line-height: 2.5em;
	/* font-weight: 300; */
	/* color: #8E0A0A; */
	color: black;
}

p.helvSmall {
	font-family: 'helv', sans-serif;
	font-size: 1.5em;
	line-height: 1.5em;
	/* font-weight: 300; */
	/* color: #8E0A0A; */
	color: black;
}



li.minor {
	font-family: 'Ariel', sans-serif;
	font-size: 1.2em;
	line-height: 1.25em;
	font-weight: 300;
}

li.comicSmall {
	font-family: 'comicFont', sans-serif;
	font-size: 1.5em;
	line-height: 1.25em;
	/* font-weight: 300; */
	/* color: #8E0A0A; */
	color: black;
}


li.comicTiny {
	font-family: 'comicFont', sans-serif;
	font-size: 1.0em;
	line-height: 1.0em;
	/* font-weight: 300; */
	/* color: #8E0A0A; */
	color: black;
}


li.comicText {
	font-family: 'comicFont', sans-serif;
	font-size: 2.5em;
	line-height: 1.25em;
	/* font-weight: 300; */
	/* color: #8E0A0A; */
	color: black;
}


#footer0 {
		background-color: #222;
		position: relative;
		right: 0;
		left: 0;
		bottom: 0;
		text-align: center;
		color: white;
    }


@media(max-width:767px){

.navbar-fixed-left {
  width: inherit;
  position: inherit;
  border-radius: inherit;
  height: inherit;
}

 .navbar {
    margin-bottom:0;
  }

.navbar-fixed-left .navbar-nav > li {
  float: inherit;  /* Cancel default li float: left */
  width: inherit;
}

.navbar-fixed-left + .container {
  padding-left: inherit;
}

.container {
  height: inherit;
}

.wrapper {
  margin-left: inherit;
}
p.comicSmall {
	font-family: 'comicFont', sans-serif;
	font-size: 0.9em;
	line-height: 0.9em;
	/* font-weight: 300; */
	/* color: #8E0A0A; */
	color: black;
}

p.comicBig {
	font-family: 'comicFont', sans-serif;
	font-size: 1.5em;
	line-height: 1.5em;
	/* font-weight: 300; */
	/* color: #8E0A0A; */
	color: black;
}

p.comicHead {
	font-family: 'comicFont', sans-serif;
	font-size: 1.0em;
	line-height: 1.0em;
	/* font-weight: 300; */
	/* color: #8E0A0A; */
	color: black;
}
}