@charset "UTF-8";
/*
The Great Dinosaur Mystery On-line
© Copyright Films for Christ (Christian Answers)
Last edit 8.9.2024 pst
*/
@media print {

#dinocoloring #btnprint,
#dinocoloring #dinocoloringNAV,
#dinocoloring hr,
#dinomisc #canheader,
#lastdivider,
#next,
.noprint {display:none;}

#printhdrCAN #canlogo380 {width:125px;}
#printhdrCAN {position:relative;top:-6px;font-size:12pt;font-weight:400;margin-bottom:40px;}

#dinocoloring #pagewrapper {text-align:center !important;}
#dinocoloring article {font-size:26px;}
#dinocoloring article img {width:auto; height:570px;}
#dinocoloring article .smalltext {font-size:12px;}

}


@media screen {

/* BODY */
#dinohome,
#dinojourney,
#dinocoloring,
#dinomisc {
	background:#333;
	font-family:'Open Sans',Arial,Helvetica,Swiss,Geneva,sans-serif;
	font-size:18px;
	color:#000;
}
#pagewrapper {
	width:100%;
	max-width:1200px;
	margin:0 auto !important;
	float:none !important;
	border:none;
}
.charExpand {letter-space:5px;}

#dinohome #pagewrapper {background:#000;}
#dinojourney #pagewrapper,
#dinomisc #pagewrapper,
#dinocoloring #pagewrapper {background:#fff;}

#dinojourney article {padding:0 20px 0 0;}
   #dinomisc article {padding:0 20px 30px 20px;}

           #btnprint {padding:10px; font-size:16px;}
     div.spcdinoquiz {margin-left:10px; line-height:40px;}

h1 {
	font-size:32px;
	font-weight:bold;
	color:#3366cc;/* RoyalBlue */
	/* previously color:#996600; *//* ChelseaGemBrown */
	margin-bottom:15px;
	padding-bottom:0;
	text-align:left;
	text-shadow:4px 3px 3px #cccccc;
}
h1 a {
	font-size:inherit;
	font-weight:inherit;
}

/* GAME dino highway */
#dinogame #pagewrapper {background:#016162;}
     #dinogame article {background:#016162; padding:0 0 0 0;}
          #dinogame h1 {line-height:38px;}
     #dinogamelist img {border:5px outset #008000; border-radius:10px;}
      #dinogamelist h2 {padding-top:40px;}	

#dinogamelist a:link,
#dinogamelist a:visited {color:#335fe5; font-size:22px; font-weight:bold !important;} 

.bkdDinoH {
	background-image:url('/dinosaurs/dinoonhighway1920.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:bottom;
}
#dinogame #fm1 input {font-size:30px !important;}
#dinogame #fm1 #message {
	margin-top:20px;
	width:auto;
	border:none;
	text-align:left;
	color:#fff;
	background:none;
	font-weight:bold;
	padding:10px;
}



/* COLORING PAGES */
#dinocoloring article {
	text-align:center;
	padding:30px 20px;
	font-size:26px;
}
#dinocoloring article h1 {
	text-align:center !important;
	color:#000;
	text-shadow:none;
}
#dinocoloring article .smalltext {
	font-size:12px !important;
}
#dinocoloringNAV a:link,
#dinocoloringNAV a:visited {
	border:1px solid #ccc;
	padding:5px 15px;
}

#dinomisc article h2,
#dinojourney article h2 {
	font-size:24px;
	color:#3366cc;/* RoyalBlue */
	/* previously color:#996600; ChelseaGemBrown */
}
#dinojourney article h2.boxed {
	margin-top:30px;
	margin-bottom:20px;
	font-weight:bold;
	font-size:18px;
	text-align:center;
	padding:10px;
	color:#fff;
	background:#335fe5;
}
#dinojourney article h2.boxed a:link,
#dinojourney article h2.boxed a:visited {
	color:inherit;
	font-weight:inherit;
}

td.leftcol {
	width:70px;
	background-image:url('/dinosaurs/bg-texture3b.jpg');
	background-repeat:repeat-y;
	padding:0 40px 0 10px;
	text-align:center;
}

a:link,
a:visited,
a:active {
	background:none;
	text-decoration:none;
	font-weight:normal;
}
   a:link {color:#6699cc;/* Azure */}
a:visited {color:brown;}
 a:active {color:#ff00ff;}
  a:hover {
	color:#ff0000;/* BrightRed */
	background:#f8dc00;/* Golden2 */
}
#dinonav a {
	font-size:20px;
	font-weight:700;
	color:#006666;/* BlueStone */
}
#dinonav em {
	font-size:28px;
	color:#cc3300;/* GrenadierRed */
}
#dinojourney div.insertbox {
	position:relative;
	float:right;
	z-index:99;
	max-width:50%;
	margin:0 0 20px 20px;
	padding:0;
	background:#f0eee4;/* Marshmallow */
	border-radius:0 0 15px 15px;
}
#dinojourney div.inserttitle,
#dinojourney div.insertbox,
#dinojourney div.inserttext,
#dinojourney div.inserttext p {
	font-size:16px;
}
#dinojourney div.inserttext {
	padding:10px 15px 20px 15px;
}
#dinojourney div.inserttitle {
	color:#fff !important;
	background:#6699cc;/* Azure */
	font-weight:700;
	text-align:center;
	padding:5px;
}
#dinojourney .sidetraildino {
	width:50%;
	margin:30px 0;
	border:1px solid #ccc;
	padding:10px 10px 15px 20px;
	border-radius:15px;
}
#logoAlaska img {
	width:100%;
	max-width:500;
	height:auto;
}

div.aisforSection,
div.teacherSection {
	break-inside:avoid-column;
	margin-bottom:90px;
	font-size:18px;
}
   .aisforSection p {font-size:18px;}
.aisforSection p em {font-size:26px; font-weight:700;}

ul li,
ol li {line-height:150%; padding-left:1em;}
ol li:first-letter {text-transform:uppercase;}

hr#lastdivider {
	clear:all;
	margin:40px 0 20px 0;
}

#next,
#next a:link,
#next a:visited {
	font-size:30px;
	font-weight:700;
}
#next em,
#next a:link em,
#next a:visited em {
	font-style:italic;
	color:#996600;/* ChelseaGemBrown */
	padding-right:15px;
}
     #nextarrow {width:23px; height:23px;}
 #btn-TrailNext {text-align:right;}
#dinocontentone {padding:20px 50px 0 120px;}
      #dinologo {float:left; width:100px; padding-left:10px;}
              p {line-height:175%;}
    span.bigcap {color:#996600;}/* ChelseaGemBrown */

#dinohuntgraphic {
	width:85px;
	height:69px;
	text-align:right;
	margin:20px 0;
}

#dinosearch {
	width:100%;
	border:none;
	text-align:right;
}
#zoom_searchbox {
	position:relative;
	top:-15px;
	width:200px;
	box-sizing:border-box;
	border:none;
	border-bottom:1px solid #a8834f;
	box-shadow:unset;
	-webkit-appearance:none;
	padding:4px;
	font-size:16px;
}
#zoom_searchbutton {margin-left:5px;}

div.gameinset {
	font-size:90%;
	text-align:center;
	border:1px solid #993300;
	padding:5px 5px 10px 5px;
	width:114px;
}
div.pagetopic {
	color:#993300;
	font-size:130%;
	font-weight:bold;
}

a.black:link,
a.black:visited,
a.black:hover,
a.black:active {
	background:none;
	text-decoration:none;
	font-weight:normal;
}
   a.black:link {color:#99ccff;}
a.black:visited {color:#cc9966;}
  a.black:hover {color:#ff0000;/* BrightRed */background:#f8dc00;/* Golden2 */}
 a.black:active {color:#ff00ff;}

/* CLASSIFICATION========== */
div.order {
	margin-left:0;
	margin-top:40px;
	margin-bottom:20px;
}
div.order span {
	color:#cc0066;
	font-weight:bold;
	font-size:26px;
	padding:0 15px 0 0;
}
div.suborder {
	margin-left:0;
	margin-top:10px;
	margin-bottom:30px;
}
div.suborder span {
	margin-left:0;
	font-size:22px;
	font-weight:bold;
	padding-right:10px;
}
div.subordername {
	margin:30px 0 40px 35px;
}
div.infraorder {
	margin-left:25px;
	margin-top:15px;
	margin-bottom:20px;
	padding:0;
}
div.infraorder span {
	color:green;
	font-size:18px;
	font-weight:bold;
}
div.infraordername {
	margin-left:55px;
	margin-top:10px;
	font-weight:bold;
}
div.infraorderSub {
	margin-left:45px;
	margin-top:15px;
	margin-bottom:20px;
	padding:0;
}
div.infraorderSub span {
	color:purple;
	font-size:18px;
	font-weight:bold;
}
div.infraorderSub2 {
	margin-left:65px;
	margin-bottom:10px;
}
div.infraorderSub2 span {
	font-weight:bold;
}
div.infraorderSub3 {
	margin-left:85px;
	margin-bottom:10px;
}
div.infraorderSub4 {
	margin-left:105px;
	margin-bottom:10px;
}
div.infraorderSub5 {
	margin-left:125px;
	margin-bottom:10px;
}
div.infraorderSub6 {
	margin-left:155px;
	margin-bottom:10px;
}
div.infraorderSub7 {
	margin-left:175px;
	margin-bottom:10px;
}
div.infraorderSub8 {
	margin-left:195px;
	margin-bottom:10px;
}
div.infraorderSub9 {
	margin-left:215px;
	margin-bottom:10px;
}
div.infraorderSub10 {
	margin-left:235px;
	margin-bottom:10px;
}
div.families {
	margin-left:80px;
	margin-bottom:10px;
}
div.familyname {
	margin-left:100px;
	color:#335fe5;
	margin-bottom:15px;
}
div.subfamily {
	margin-left:120px;
	color:#335fe5;
}
div.subfamily span {
	padding:0 15px;
}

div.dinobkd33 {background-image:url('/dinosaurs/bg-texture3.jpg');}

/* table of contents========== */
#tocbox {/* dependency: /scripts/jquery.toc-enc.js */
	margin:40px 0 40px 15px;
	font-size:16px;
}
#tocbox #toctitle {
	font-size:18px;
	font-style:italic;
	font-weight:600;
	margin-bottom:10px;
}
#tocbox ul,
#tocbox ol {
	margin-left:16px;
	padding-left:0;
}
#tocbox li {padding:0 0 10px 10px;}
.tableofcontents li a {border-bottom:none;}

/* phase-out */
#greenbarvert {
	width:19px;
	height:200px;
	text-align:right;
	margin:0 20px;
}
/* phase-out */
.pagewrapper {
	width:625px;
	height:auto;
	position:relative;
	border:none;
	margin:0;
	padding:0;
}
} /* END media screen  */

@media only screen and (max-width:600px) {

#dinojourney td.leftcol {display:none;}
#dinojourney #tocbox {display:none;}
#dinojourney article {padding:0 20px 30px 20px;}
#dinogame .bkdDinoH {
	background-image:url('/dinosaurs/dinoonhighway1920.jpg');
	background-repeat:no-repeat;
	background-position:center;
}
}