/*#header {background-image:url(images/header_color_2.png);
		background-size: auto;
		background-repeat:no-repeat}*/
.container {
  position: relative;
    			padding-top:10;
}

body {
  background-color: #000066;
 
}

img {width: 100%;
	height: auto;
	 border-radius:10px;
}

#footer {background-color:#000033;
			width:100%;
			height:auto;			
			clear:left;
			margin:0;
			padding:0;
			border-radius:20px;}
			
.background {background-image: url(images/pics/shotgun_creep_1400_px.png);
				background-size: auto;
				background-position: 100% center;
				background-repeat: no-repeat;
				border-radius:20px;}
				
.background_2 {background-image: url(images/merge_ghost_2.png);
				background-size: auto;
				background-position: 100% center;
				background-repeat: no-repeat;
				border-radius:20px;}
				
.thumbnails:hover img{
			opacity: .6;
			transform: scale(.92);
}
				
.thumbnails img:hover{
			opacity: 1;
			transform: scale(1) skew(10deg,10deg);
			box-shadow: 5px 5px 5px 8px #3232cd;
}

.thumbnails img{
			transition: all .2s ease-in-out;
}	
	
/*.grid-container:hover img{
			opacity: .6;
			transform: scale(.92);
}
.grid-container img:hover{
			opacity: 1;
			transform: scale(1) skew(10deg,10deg);
			box-shadow: 5px 5px 5px 8px #3232cd;
}
.grid-container img{
			transition: all .2s ease-in-out;
}	
.grid-container {
  display: inline-grid;
  grid-template-columns: auto auto auto auto auto auto auto;
  grid-gap: 25px;
  background-color: #000066;
  padding-top: 15px;
  padding-left: 200px;
  padding-right:150px;
  justify-content: space-evenly;*/

}

/*.grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.8);
  padding: 20px;
  font-size: 30px;
  text-align: center;
}*/
.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}
h2 {color:#9999ff;
	text-align:center;
	font-family:Garamond, Georgia, serif;
	font-size:40px;
	padding:5px
	position: absolute;
	text-shadow:3px 3px 3px #0000b3;
	z-index: 2;}			
h3 {color:#666666;
	text-align:center;
	font-family:Garamond, Georgia, serif;
	font-size:25px;
	padding:5px
	position: absolute;
	z-index: 2;}
	
h4 {color:#9999ff;
	text-align:left;
	text-indent:40px;
	font-family:Garamond, Georgia, serif;
	font-size:25px;
	padding:10px

	position: absolute;
	z-index: 2;}
h5 {color:#9999ff;
	text-align:right;
	font-family:Garamond, Georgia, serif;
	font-size:25px;
	padding:5px
	margin-right: 10px;
	position: relative;
	text-shadow:1px 1px 1px #000000;
	z-index: 2;}
	
.email {color:#9999ff;
	text-align:right;
	font-family:Garamond, Georgia, serif;
	font-size:20px;
	padding:5px
	margin-right: 10px;
	position: relative;
	text-shadow:1px 1px 1px #000000;
	z-index: 2;}

em {font-weight:bold;
	text-shadow:3px 3px 3px #000000;}
			
.blackType {color:#000000;
			text-align:center;
			font-family:Garamond, Georgia, serif;
			font-size:15px;
			font-weight:bold;
			text-shadow:1px 1px 1px #ffffff;
			padding:5px;}
			
#largeImg {	  width: 300px;
			height: 300px; 
			position: float-left;

			display: flex;}

.bluetypeIndent {color:#9999ff;
				font-size:18px;
				text-align:left;
				text-indent:40px;
				font-family:Garamond, Georgia, serif;
				padding:10px;
				border-left:5px;
				text-shadow:1px 1px 1px #000000;}
.bluetype	{color:#9999ff;
			font-size:18px;
			text-align:left;
			font-family:Garamond, Georgia, serif;
			padding:10px;
			border-left:5px;}
.bluetypeCenter {color:#4d4dff;
				font-size:18px;
				text-align:center;
				font-family:Garamond, Georgia, serif;
				padding:10px;
				border-left:5px;
				text-shadow:1px 1px 1px #000000;}			
.whiteType{color:#ccccff;
			font-size:12px;
			text-align:center;			
			font-family:Garamond, Georgia, serif;
			padding:10px;			
			border-left:5px;}
			
.topleft {position: absolute;
			top: 2px;
			left: 8px;
			font-size: 18px;}

.image_header {width: 100%;
				height: auto;
				border-radius:20px;
				z-index: 1;
}
ul {list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #000000;
	border-radius:10px;}

li {float: left;}

li a {display: block;
		font-family:Garamond, Georgia, serif;
		color: #ccccff;
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;}

li a:hover:not(.active) {
  background-color: #4d4d4d;}

.active {background-color: #0000b3;}