/* CSS Document */
/* This is styles.css */
/* Written by Valerian Nita on August 26, 2016. */
/* Last modified on February 7, 2017. */

*				{	margin:0px;	padding:0px;	border:0;	}

#wrapper		{
	max-width: 1200px;
	min-width: 500px;
	margin: 0px auto;
	padding: 30px;
	background-color: #DBE9BB
}
						
#topmenu 		{
	width: 700px;
	height: 60px;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	color: #000000;
	text-align: center;
}

#topmenu div 	{
	margin: 10px auto;
	padding: 10px;
	display: inline;
}

#topmenu a 		{	font-size:23px;	}
#topmenu a:link 	{	color: purple;	}
#topmenu a:hover 	{	color: gray;	}

#name 			{	padding:0px 0px 10px 0px;	}

#name h1 		{	text-align:center;	font-size:49px;	}

#promise		{	padding:0px 0px 10px 0px;	}

#promise h1     {	text-align:center;	font-size:100px;	font-family: 'Great Vibes', cursive; color: royalblue;}

#promise h2     {	text-align:center; color: gray;}

#thankyou		{	padding:10px;	border: 5px solid red;	}

#thankyou h2    {	text-align:center;	font-size:100px;	font-family: 'Great Vibes', cursive; color: royalblue;}

#author 		{	padding: 0px 0px 10px 0px;	}

#author h2 		{ 	text-align: right;	font-size: 30px;	font-family: 'Alex Brush', cursive;	color: darkblue;}

#tmpicture		{	width:500px;	margin:0px auto;	}

#ncpicture		{	width:500px;	margin:0px auto;	}

.clickdirections p 	{	text-align:center;	color:#3100FC;	font-size: 20px;	}

.note p 		{	text-align:center;	color:#E30B2C;	padding-bottom: 5px;	}

.narrative p	{
	padding: 5px;
	font-size: 20px;
}

.above-horizontal-line {
	height: 10px;
	width: 100%;
	clear: both;
}

.horizontal-line {
	height: 4px;
	width: 100%;
	background-color: darkmagenta;
}

.version-and-date {
	float: right;
	font-size: 15px;
	color: black;
}

.promise-narrative	{
	border: 5px	solid red;
	padding: 10px;
}

.promise-narrative	h3 {
	text-align: left;
	font-size: 20px;
	padding: 5px;
}

.promise-narrative-with-picture	{
	border: 5px	solid red;
	padding: 10px;
}

.promise-narrative-with-picture	h3 {
	text-align: left;
	font-size: 20px;
	padding: 5px;
}

.floatleft {
	float: left;
	margin: 15px;
}

.clearboth {
	clear: both;
}

@media (max-width: 799px) {
						
#topmenu 		{
	width: 400px;
}

}