/*--  filename = index_&_primary.css  --*/
/*--  CSS initialize section --*/

/*-- - - - - - - - - - - - - - - - - -  index.html  - - - - - - - - - - - - --*/
/*-- - - - - - - - - - - - - - - - - -  index.html  - - - - - - - - - - - - --*/

/*--  Fucks up copyright block
p {		    	display: block;
			position: relative;
			/*--  padding floats text block.  Depends on width of open window.  --*/
			/*--  padding: 5px 100px;  #1=VertTop #2=HorizLeft   --*/
			padding: 5px 1px;
			top: 10px;
			left: 120px;
			width: 400px;
			z-index: 999999;
			font-family: Arial, sans-serif;
			background: clear;
			font-size: 14px;
			font-weight: normal;
			color: #a90329;
}
--*/

ul.a {  /*--  List of points below "Welcome!"  --*/
	/*--  list-style-image: url('Arrow_to_Right_3J.jpg');  --*/
	/*--  list-style-position: before;  --*/
	/*--  padding floats text block.  Depends on width of open window.  --*/
	/*--  padding: 5px 100px;  #1=VertTop #2=HorizLeft   --*/
	padding: 5px 100px;
	display: block;
	position: relative;
	width: 320px;  /*--  Picture width = 320px  --*/
	padding: 2% 4% 2% 10%;
	margin: auto;
}

ul li {
    padding: 6px 5px;  /*--  #1=VertTop #2=HorizLeft  --*/
}

.indexBody {
	font-family: Arial, sans-serif;
	background: white;
	font-size: 20px;   /*--  "Welcome!"  --*/
	color: #a90329;    /*--  red  --*/
	display: block;
	position: relative;
	width: 320px;	   /*-- 320  --*/
	padding: 2% 4% 2% 4%;
	border: 4px solid #a90329;
	margin: auto;
}
  
.indexA {          /*--  Animates image  --*/
    	text-decoration: none;
    	color: #a90329;  /*--  red  --*/
    	background: transparent;
}

.indexA:hover{     /*--  Animates image  --*/
	color: #a90329;  /*--  red  --*/
	-webkit-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.indexAImage {     /*--  Controls red frame around image  --*/
	background: transparent;
	color: #a90329;  /*--  red  --*/
	display: block;
	position: relative;
	width: 260px;    /*-- 260  --*/
    	padding: 2% 4% 2% 4%;
    	border: 4px solid #a90329;
	margin: auto;
}

.indexBImage {     /*--  Controls red frame around index_2 file image  --*/
	background: transparent;
	color: #a90329;  /*--  red  --*/
	display: block;
	position: relative;
	width: 450px;    /*--  260  --*/
    	padding: 2% 4% 2% 4%;
    	border: 4px solid #a90329;
	margin: auto;
}

/*-- ------------------------------------------------------ --*/
/*--  index.html footer  -  Last Copyright & Modified Date  --*/

 .indexFooter {
	position: fixed;
		bottom: 50px;  /*--  larger # is higher from bottom of window. --*/
 		left: -25px; /*--  force to left of window.  --*/
 		width: 110px;
	height: 35px;
	border: 1px solid red;
	margin: 01px 0px 0px 0px; /*-- Position outside of border top right bottom left --*/
 		font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
		font-size: 0.5625em;
		letter-spacing: 0px;
		line-height: 8px;
		background: transparent;
		color: black;
		font-weight: 100;
		text-align: center;
		padding: 10px 0px 0px 0px; /*-- Inside Border top (really left) right bottom left --*/

		/*-- Rotate --*/
  		-ms-transform: rotate(-90deg); /*--  IE 9  --*/
 		-webkit-transform: rotate(-90deg); /*--  Chrome, Safari, Opera  --*/
 		-moz-transform: rotate(-90deg);
 		-o-transform: rotate(-90deg);
  		transform: rotate(-90deg);
}
/*-- - - - - - - - -  END index.html  - - - - - - - - - - - --*/
/*-- - - - - - - - -  END index.html  - - - - - - - - - - - --*/


.primaryBody { 
	font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	background: #000;
}

ol,ul {
	list-style-type:none;
}

a {
    text-decoration: none;
}

a:hover{
	color: #a90329;     /*--  red  --*/
}

.h1-main{     /*--  Defines class h1-main "Vietnam 1970"  --*/
	position: absolute;
	top: 6px;
        left: 6px;
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	font-size: 30px;
	line-height: 30px;
	font-weight: 600;
	color: white;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
        padding: 0px 0px 5px 0px;
}

.h2-main{    /*--  Defines class h2-main  --*/
  	position: absolute;
	top: 35px;
	border:  3px;
        left: 50%;
	text-align: center;
        font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	font-style: italic;
	color: white;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
	line-height: 20px;
	font-size: 20px;
}

.audio_text{     /*--  DOES NOT WORK  Defines class audio_text for: "Play audio"  --*/
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	/*--  font-size: 30px;  --*/
	line-height: 30px;
	font-weight: 600;
	color: white;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
        padding: 0px 0px 5px 0px;
}

label {    /*-- Font for "label" of id="myaudio text"  --*/
    font-size: 3rem;
}

.txt {
	font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	background: #000;  /*--  black  --*/
	font-weight: 400;
	font-size: 100%;  /*--  Allows use of "em" sizes  --*/
	border: 2px solid #6d0019;
	padding: 15px 10px 10px;
	line-height: 18px;
	color: white;
}