/*  a body class for the main webpages */
.Bright_Blue_pastel{
        height: 1000px;
	background: -webkit-linear-gradient(#7997d6, white); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#7997d6, white); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#7997d6, white); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#7997d6, white); /* Standard syntax (must be last) */
	//background-color:#7997d6;
	color: #003d6b;
	font-family: OpenSans-Regular_font;
	padding-left: 11px;
	font-size:1em; /* 1em=16px */
}


/*  a class for main buttons leading from start page***
* to the other pages directly connected on this site */
.mainPageButton {
	height:31px; 
	left: 5px; 
	border: solid #041BF2; 
	border-radius: 11px;
	display: inline-block;
	border:  solid 2px #fff;
	line-height: 42px;
	transition: all 0.3s ease-in;
	white-space: nowrap;
	padding-right: 10px;
        padding-left: 10px;
        padding-top: 5px;
}
.mainPageButton:hover {
      -webkit-stroke-width: 5.3px;
      -webkit-stroke-color: #ffffff;
      -webkit-fill-color: #ffffff;
      text-shadow: 1px 0px 20px #ffffff;
}

/*  a class for the "GO HOME" buttons on this site */
.boxy {
	font-family:Arial; 
	font-weight:bold; 
	font-size:1em; 
	cursor:pointer;
	color: #003d6b;
	background-color:#d5d8f0;
	text-align:center;
	display: inline-block;
	line-height: 31px;
	border-radius: 7px;
	transition: all 0.3s ease-in;
	white-space: nowrap;
	padding-right: 10px;
        padding-left: 10px;
        padding-top: 5px;
}
.boxy:hover {
	color:#d5d8f0;
	background-color: #003d6b;
	border-radius:50%;
}

/*quadrant pic on start page */
#qPic{
	position:absolute;
	top:28%; 
	left: 5%;
	border-radius:5px;
	inline-block;
}
/*email pic on start page */
#email{
	position:absolute;
	top:65%; 
	left: 5%;
	border-radius:5px;
	inline-block;
}

/* article on start page */

#GODwantsYou{
	position: absolute;
	left:50%; 
	top:55%; 
	width:741px;
	height:311px;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	//overflow: scroll;
	overflow-y: scroll;
	color: #003d6b;
	background-color: #eee;
	font-family: OpenSans-Regular;
	font-size:22px;
	line-height: 131%;
	padding: 3px;
	border-radius: 5px;
    	border: solid #fff;
}

.WhatGODwants{
	text-align: center;
	font-size:31px;
	font-weight: bold;
	line-height: 149%;
}

/* article container for audio GOD does not want blood
#GODsaysListen{
	//position: absolute;
	//left:50%; 
	//top:111%; 
	width:741px;
	height:311px;
	border: solid green 3px;
	color: #003d6b;
	background-color: #eee;
	font-family: OpenSans-Regular;
	font-size:22px;
	line-height: 131%;
	padding: 3px;
	border-radius: 5px;
    	border: solid #fff;
}
 */

/* iframe to download audio "GOD does not want blood"  */
#audiodownloadA{
	width:411px;
	height: 80px;
	display: block;
}

#playa {
    background-color: #FF0000;
}

/* button to hear or read Real GOD does not want blood 
#readHear{
	position:absolute;
	left:7%;
	top:75%;
}
 */

/*  this makes the start page look a teensy bit better */
#startPage{
	text-align: justify;
}

/*header   */
header{
	position:relative;
	top:3%;
	width:111%;
	background-color:#ff0000; 
	
}
/* centers logo in header   */
#GI3{
	left:50%; 
	top:50%; 
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	background-color:#003d6b; 
	color:white;
	border-radius:5px;
	position:absolute;
	width:auto;
}
/*  centers GOD IS in center of element as placehholder */
#GI3again{
	text-align:center;
	//background-color: #eee; 
	color:#003d6b;
}

nav{
	position:relative;
	top:11%;
	display:block;
	margin-left: calc(17% - 100px);
}

/*  holds nav buttons to center    */
#justified{
	text-align:center;
	position:absolute;
}
/* keeps symbol in place   */
#quadrant{
	position:fixed;
	margin-top:13%;
}

/*all pages have copyright in footer this is footer style*/
footer{
	position:absolute;
	top:777px;
	font-size:11px;
	font-weight:bold;
	font-family: Arial;
	color:#000000;
}

/*******************************
*THIS NEXT PART IS THE EMBEDDED*
*FONT SECTION                  *                           
*******************************/

@font-face {
    font-family: CounterStrike;
    src: url(fonts/cs_regular.ttf);
}

header {
    font-family: CounterStrike;
    font-size:31px;
}

@font-face {
    font-family: BatMan;
    src: url(fonts/batmfa__.ttf);
}

@font-face {
    font-family: Aero;
    src: url(fonts/Aero.ttf);
}

@font-face {
    font-family: Steelfish;
    src: url(fonts/steelfish_rg_it.ttf);
}

@font-face {
    font-family: TransMov;
    src: url(fonts/TransMov.ttf);
}

@font-face {
    font-family: OpenSans-Regular;
    src: url(fonts/OpenSans-Regular.ttf);
}


/**********************************
*     styles for I BELIEVE page   *
**********************************/
#Ibelieve{
    	position: absolute;
    	left:50%; 
	top:50%; 
	width:741px;
	height:311px;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
    	color: #003d6b;
    	background-color: #eee;
    	font-family: CounterStrike;
    	//text-align:center;
    	font-size:41px;
    	line-height: 111%;
    	padding: 3px;
    	border-radius: 5px;
    	border: solid #fff;
}
.nobull{
	list-style-type: none;
	font-size:80%;
}

li:first-child { 
    text-align:center;
    font-size:211%;
}
li:last-child { 
    text-align:center;
    font-size:211%;
}
#lastLine{
	text-align:center;
}


/**********************************
*     styles for QUADRANT page    *
**********************************/

.nobullet{
	list-style-type: none;
	font-size:105%;
	line-height:123%;
}

.nobullet li{
	font-size:105%;
}

.nobullet li:first-child{
	font-size:105%;
}
.nobullet li:last-child{
	font-size:105%;
}


#makeMyQuad{
	display:none;
	position:relative;
	//border:2px solid blue;
	height: 511px;
}

#showHide{
	position:absolute;
	left:84%;
	top:14%;
}

/* styles img container quadrant pics */
#quadPhotoslider{
	width:400px;
	height:340px;
	max-height: 340px;
	position: absolute;
	background-image : url('images/QuadMat2.jpg');
	background-size: cover;
	left:51px;
	top: 35px;
	border-radius:5px;
}


/* styles quadrant words */
#quadWords{  
	width: 311px;
	border: 3px solid black;
	height: auto;
	position: absolute;
	left:501px;
	top: 35px;
        color: #003d6b;
	background-color:#d5d8f0;
	word-wrap: break-word;
	font-size: 1.7ems;
	font-family: OpenSans-Regular; 
	padding:7px; 
	border-radius:3px;
	
}

#Qback{
	position:absolute;
	top:80%;
	left:20%;
}
#Qforward{
	position:absolute;
	top:80%;
	left:35%;
}








/*THE FOLLOWING WILL GO AFTER QUADRANT PAGE LATER ON */
/********************************
* start styles 21 cycle page    *
********************************/
#cycleContainer{
	position:relative;
	//border:solid black;
	width:65%;
	height:49%;
	top: 80px;
	left:231px;

}

#cycle21{
	position:absolute;
	top:3px;
	left:11px;
	width:95%;
	font-weight:bold;
	font-family:CounterStrike;
	font-size:49px; 
	color:#003d6b; 
	background-color: #eee;
}


/*THE FOLLOWING WILL GO AFTER QUADRANT PAGE LATER ON */
/********************************
* start styles practicum page   *
********************************/
#practicumContainer{
	position:relative;
	//border:solid black;
	width:65%;
	height:49%;
	top: 80px;
	left:231px;

}

#practicum{
	position:absolute;
	top:3px;
	left:11px;
	//border:solid blue;
	width:95%;
	//font-weight:bold;
	font-family:Steelfish;
	font-size:40px; 
	line-height:149%;
	color:#003d6b; 
}

#forward{
	position:absolute;
	top:87%;
	left:45%;
	font-family:Aero;
	font-size:22px; 
	//color:#ffffff; 
}
/********************************
* end styles practicum page     *
********************************/


/***********************************
* start styles heaven and hell page*
************************************/
#HeavenHellContainer{
	position:relative;
	border:solid black;
	width:65%;
	height:49%;
	top: 80px;
	left:231px;

}

#HeavenHell{
	position:absolute;
	top:3px;
	left:11px;
	border:solid blue;
	width:95%;
	font-family:CounterStrike;
	font-size:40px; 
	line-height:149%;
	color:#003d6b; 
	background-color: #eee;
	
}
/***********************************
* end styles heaven and hell page  *
************************************/


/**********************************
* styles for quadrant making page *
**********************************/

#quadContainer{
	position:relative;
	//border:solid black;
	width:65%;
	height:49%;
	top: 80px;
	left:231px;
}

#theQuad{
	position:absolute;
	top:3px;
	left:11px;
	//border:solid blue;
	width:95%;
	font-family:CounterStrike;
	font-size:40px; 
	//line-height:149%;
	color:#003d6b; 
	background-color: #eee;
}

.quadSSD{
line-height: 131%;
margin-top:2px;
margin-left: 25%;
margin-bottom:11px;
width:49%;
//border:solid black;
}

/* a little bit of tweaking for the explain *
* container on the greyhound page **********/
#showDogs{
	position:absolute;
	left:22%;
	height:auto;
	max-width: 811px; 
	word-wrap: break-word;
	font-family: OpenSans-Regular_font;
}

/* styles for doggie header  */
#doggieHeader{
	position:absolute;
	left:41%
}
#doggieHeader img{
	border-radius: 11px;
} 

/*  styles for div that holds doggie pics and captions */
#doggieWindow{
	height:451px;
	width:911px;
	position:relative;
	top:180px;
	display:none;
}

#greyhound {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 50px;
   height: 70px;
   background-image: url(images/DOG/00greyHoundRacer.png);
   background-repeat: no-repeat;
   background-size: 50px 70px;
}

/* styles img container greyhound pics */
#photosliders{
	width:400px;
	height:340px;
	max-height: 340px;
	position: absolute;
	background-image : url('images/DOG/00greyHoundRacer.png');
	background-size: cover;
	left:51px;
	top: 35px;
	border-radius:5px;
}


/* styles dog words */
#daWords{
	width: 311px;
	height: auto;
	position: absolute;
        color: #003d6b;
	background-color:#d5d8f0;
	left:551px;
	top: 35px;
	word-wrap: break-word;
	font-size: 1.9em;
	font-family: OpenSans-Regular_font;
	padding:7px; 
	border-radius:11px;
}
/* next and back buttons for dog pic & words */
.pushMePullYou{
    color: #003d6b;
	background-color:#d5d8f0;
	font-weight: bold;
	border-radius: 5px;
}

/********************************
* end styles for quadrant page  *
********************************/