@charset "UTF-8";
*, *:before, *:after{
	box-sizing: border-box;
}
body {
	margin: 0px;
	color: #FFFFFF;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 1em;
}

a:link, a:visited {
    color: #AECDDB;
    text-decoration: none;
}

a:hover, a:active {
	color: #F0F38A;
	text-decoration: none;
}

#container {
	width: 1560px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
header #headerImg {
    margin-top: 0px;
    padding-top: 60px;
    padding-left: 24px;
}
header h1 {
    font-weight: normal;
    font-size: 2.5rem;
    padding-left: 22px;
    padding-bottom: 15px;
    padding-top: 196px;
}
header {
    border-bottom-style: double;
    border-bottom-width: medium;
    width: 1560px;
    height: 365px;
}
header p {
    margin-bottom: -9px;
    margin-top: -32px;
    padding-left: 24px;
}
#topNav ul {
    padding: 0px;
    margin-top: 60px;
    margin-right: 60px;
    margin-left: 60px;
    margin-bottom: 60px;
    text-align: right;
    list-style-type: none;
}

#topNav ul li{
    font-size: 1.1rem;
    margin-left: 10px;
    display: inline-block;
    padding-left: 27px;
    padding-bottom: 39px;
    margin-right: 50px;
    padding-right: 0px;
}

main {
	order: 2;
	flex-basis: 50%;
}
#mainImg {
    border-radius: 51px;
    border: thick outset #BE1A36;
}

#gridGallery {
	padding: 20px;
}
#gridContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#galleryBlog {
	margin: 0 0 20px 0;
	display: flex;
}
#gallerySide #mainImg {

}
#gallerySide h1 a {
    text-shadow: 0px 0px 13px #AECDDB;
}
#gallerySide {
    margin-left: 81px;
    text-align: center;
}
.galleryPage {
    text-align: center;
}
#blogSide h1 .centerPiece {
    text-align: center;
    margin-left: 384px;
    font-size: x-large;
}
#blogSide {
    margin-left: 200px;
}
.leftImage {
    float: left;
}
.rightImage   {
    float: right;
}
.pictureBorder {
    border-width: 8px;
    border-style: ridge;
    border-top-right-radius: 72px;
    margin-bottom: 45px;
}
.headerTitleBody {
    text-align: center;
}

#genjiShimada {
    text-align: right;
    background: rgba(174, 205, 219, .5);
    padding-bottom: 33px;
    padding-top: 13px;
    padding-right: 11px;
    margin-top: 20px;
}

#jillValentine {
    background: rgba(174, 205, 219, .5);
    padding-bottom: 33px;
    padding-top: 13px;
    padding-left: 11px;
    margin-bottom: 79px;
    margin-top: 17px;
}
#tannerNuara {
    background: rgba(174, 205, 219, .5);
    padding-top: 13px;
    padding-bottom: 33px;
    padding-left: 11px;
}
#nathanDrake {
    background: rgba(174, 205, 219, .5);
    padding-top: 28px;
    padding-left: 28px;
    padding-right: 28px;
    padding-bottom: 6px;
}
#sarahKerrigan {
    background: rgba(174, 205, 219, .5);
    padding-top: 20px;
    padding-bottom: 6px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 30px;
}
#kaidanAlenko {
    background: rgba(174, 205, 219, .5);
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 6px;
    padding-top: 20px;
    list-style-position: inside;
    text-align: left;
    margin-top: 30px;
    margin-bottom: 50px;
}

.bodyDescription {
    text-align: center;
    text-shadow: 0px 0px 13px #FFFE9C;
}
.descriptionTag {
    text-align: center;
    text-shadow: -2px 0px 10px #FFFE9C;
}
.spacingLines {
    padding-left: 210px;
    padding-right: 30px;
}
.spacingLines2 {
    padding-right: 210px;
    padding-left: 30px;
}
.spacingBlog {
    margin-left: 109px;
}
.centerPiece {
    padding-left: 0px;
    text-align: center;
    text-shadow: 0px 0px 13px #AECDDB;
}
.tagLIne {
    text-shadow: 0px -1px 10px #FFFE9C;
}

footer {
    border-top-width: medium;
    border-top-style: double;
}

footer h1 {
	text-align: center;
	font-weight: 400;
}

footer p {
	text-align: center;
}
footer p {
    padding-bottom: 6px;
}
footer ul {
	margin-left: 0px;
	padding-left: 0px;
	text-align: center;
	list-style-type: none;
}
footer ul li {
	text-align: center;
	display: inline-block;
	margin-left: 20px;
	padding-left: 0px;
	font-size: 0.9rem;
}
footer ul li:link {
	color: #B0D0E0;
}
footer ul li:hover {
	color: #FFFFFF;
}