@import url(http://fonts.googleapis.com/css?family=Pinyon+Script);
@import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light);
@font-face {
    font-family: Segoe;
    src: url(segoe.ttf);
}

/*
* === Main CSS for Body and Divs ===
*/

	.body {
		margin: 0px;
		padding: 0px;
		
		background-color: #000; 
	/*	
		background-image: url(img/frozen3t.jpg);
	*/

	}

	h1, h2, h3, h4, h5 {
		font-size: 80px;
		font-family: 'Pinyon Script';
		color: #fff;
		text-shadow: 4px 4px 4px #000;
		text-align: center;
		margin: 10px;
	}



	p {
		font-size: 25px;
		font-family: 'Segoe', Helvetica;
		color: #fff;
		text-shadow: 2px 2px 3px #000;
		line-height: 30px;
	}

	a {
		text-decoration: none;
		color: #00cc99;
	}


	#container {
		background-repeat: no-repeat;
		background-position: top center;	
		width: 1300px;
		margin: auto;
		height: auto;
	}

	#spacer {
		height: 300px;
		background-image: url(img/albums/logo.png);
		background-repeat: no-repeat;
		background-position: center;
	}

	#content {
		overflow: hidden;
		width: 1000px;
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 20px;
		padding-bottom: 40px;
		background-color: rgba(9, 78, 135, 0.7);
		margin: auto;
		margin-bottom: 40px;
	}

/*
* === NAVBAR CSS ===
*/
	#navbar {
		padding-top: 35px;
		margin: auto;
		/*
		background-image: url(img/navbarbg3.png);
		*/
		background-repeat: no-repeat;
		height: 100px;
		width: 900px;
		margin: auto;
	}

	#navbar ul li a {
		font-family: 'Pinyon Script', cursive;
		color: #FFF;
		text-decoration: none;
		font-size: 32px;
		text-align: center;
		transition: text-shadow .25s;
		-webkit-transition: text-shadow .25s;
		text-shadow: 2px 2px 2px #000;
	}

	#navbar ul li a:hover {
		text-shadow: 0px 0px 20px #4BECFA;
	}

	#navbar ul li {
		display: inline-block;
		margin-right: 25px;
	}

	#navbar ul {
		width: 800px;
		margin: auto;
	}

	.social	{
		transition: box-shadow .25s;
		-webkit-transition: box-shadow .25s;
	}

	.social:hover {
		box-shadow: 0px 0px 50px #4BECFA;
	}

/*
* === Index Specific CSS ===
*/
	.indexp {
		width: 600px;
		float: left;
	}

	.indeximg {
		margin-top: 60px;
		box-shadow: 2px 2px 15px #000;
	}

/*
* === About Specific CSS ===
*/ 

	a h4 {
		font-size: 30px;
		font-family: 'Segoe';
	}

	.elicia {
		width: 490px;
		float: left;
		margin-right: 10px;
	}

	.stephen {
		width: 490px;
	}

	.profilehead {
		font-size: 60px;
	}

/*
* === Grattitude Specific CSS ===
*/

	.grattitudep {
		-moz-column-count: 2;
		-webkit-column-count: 2;
	}

/*
* === Friends Specific CSS ===
*/

	.friendsp {
		text-align: center;
	}

	.friendsimg {
		margin-left: 30px;
	}

	.friendsimgbottom {
		margin-left: 350px;
	}
/*
* === Contact Specific CSS ===
*/
	.contactform {
	font-family: Helvetica;
	color: #fff;
	font-size: 30px;
	line-height: 30px;
	line-height: 40px;	
	border-radius: 10px;
	padding: 10px;

	}

	.contactformblue {
		color: #000;
		font-family: Helvetica;
		font-size: 30px;
		line-height: 30px;
		line-height: 40px;	
		border-radius: 10px;
		padding: 10px;
	}

/*
* === Albums Specific CSS ===
*/
	.year {
		text-align: center;
		font-size: 50px;
		padding: 30px;
		word-spacing: 30px;
	}


	.albumscontainer{
		width: 100%;
		margin: auto;
		overflow: hidden;

	}

	.albumsbody {
		background-color: #000;
		box-shadow: 30px 30px 30px #000;
		padding: 0px;
		margin: 0px;
	}
	.contenthead {
		font-size: 37px;
		font-family: arial;
		line-height: 50px;
	}

	.photogallery {
		margin-left:50px;
		margin-right:50px;
		margin-top: 25px;
		padding: 3px;
	}

	iframe {
		display: block;
		margin: auto;
	}

	#spacer2 {
		background-repeat: no-repeat;
		background-position: center;
		height: 600px;
	}

	#spacer3 {
		background-repeat: no-repeat;
		background-position: center;
		height: 300px;
	}

	#contentalbums {
		overflow: hidden;
		width: 1000px;
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 20px;
		padding-bottom: 40px;
		margin: auto;
		margin-bottom: 40px;
		
	}

	.albumimg {
		display: block;
		margin: auto;
	}

	#navbar2 {
		padding-top: 10px;
		margin: auto;
		background-color: #000;
		background-repeat: no-repeat;
		background-position: center;
		height: 100px;
		width: 100%;
		margin: auto;
		box-shadow: 0px 15px 15px #000;
		position: relative;

	}

	#navbar2 ul li a {
		font-family: 'Pinyon Script', cursive;
		color: #FFF;
		text-decoration: none;
		font-size: 30px;
		text-align: center;
		transition: color .25s;
		-webkit-transition: color .25s;
	}

	#navbar2 ul li a:hover {
		color: #4BECFA;
	}

	#navbar2 ul li {
		display: inline-block;
		margin-right: 40px;
	}

	#navbar2 ul {
		width: 700px;
		margin: auto;
	}

	a h2 {
		transition: text-shadow .25s;
		-webkit-transition: text-shadow .25s;
		text-shadow: 4px 4px 4px #000;
	}

	a h2:hover {
		text-shadow: 4px 4px 20px #4BECFA;
	}

	a h2 img {
		transition: box-shadow .25s;
		-webkit-transition: box-shadow .25s;
		box-shadow: 4px 4px 4px #000;
	}

	a h2 img:hover {
		box-shadow: 4px 4px 20px #4BECFA;
	}

	h1 a {
		color: #fff;
		transition: color .25s;
		-webkit-transition: color .25s;
	}

	h1 a:hover {
		color: #4BECFA; 
	}
/*
* === Sponsor Specific CSS ===
*/
	
	.gofundme {
		font-size: 34px;
	}

/*
* === Glowing CSS ===
*/

	a img {
		transition: box-shadow .25s;
		-webkit-transition: box-shadow .25s;
	}

	a img:hover {
		box-shadow: 0px 0px 20px #4BECFA;
	}