@charset "utf-8";
/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background:#83003f;
}
#wrapper{
	width:100%;
	max-width:1400px;
	margin:auto;
	padding:2em 0 0 0;
}
	#header{
		width:100%;
		float:left;
		height:auto;
		padding:2em 0;
	}
	#menu{
		background:#f57f29;
		width:90%;
		float:left;
		height:auto;
		padding:2em 5%;
		text-align:center;
		margin-bottom:2em;
	}
	#content{
		background:#FFFFFF;
		width:96%;
		float:left;
		padding:2%;
		margin-bottom:2em;
	}
	#footer{
		background:#f57f29;
		width:90%;
		float:left;
		height:auto;
		padding:2em 5%;
	}
	#copyright{
		width:100%;
		float:left;
		height:auto;
		padding:2em 0;
	}
/* TEXT STYLING */
#header h1{
	font-family: 'Cinzel', serif;
	font-size:1.75em;
	font-weight:bold;
	text-align:right;
	margin:0;
	padding:0;
	line-height:1.5em;
	color:#f57f29;
}
#content h1{
	font-family: 'Cinzel', serif;
	font-size:1.5em;
	font-weight:bold;
	color:#83003f;
	margin:0;
	padding:0 0 .625em 0;
	line-height:1.875em;
}
#content h1.slogan{
	font-family: 'Cinzel', serif;
	font-style:italic;
	font-size:24px;
	text-align:center;
}
#content h2{
	font-size:1.125em;
	font-weight:bold;
	color:#f57f29;
	margin:0;
	padding:0 0 .625em 0;
	line-height:1.563em;
}
#content p{
	font-size:1em;
	padding:0 0 1em 0;
	margin:0;
	line-height:1.5em;
}
#content ul{
	font-size:1em;
	margin-top:0;
	padding-top:0;
}
#footer{
	font-size:.85em;
	font-weight:normal;
	text-align:center;
	line-height:1.687em;
	color:#FFFFFF;
}
#copyright p{
	font-size:.85em;
	font-weight:normal;
	line-height:1.687em;
	padding:0;
	margin:0;
	color:#f57f29;
}
.small{
	font-size:.75em;
	font-weight:normal;
	color:#f57f29;
}
.name{
	color:#83003f;
	font-style:italic;
}
	
/* LINK STYLING */
#header h1 a{
	color:#f57f29;
	text-decoration:none;
}
#menu a{
	padding:0 1em;
	color:#FFFFFF;
	text-decoration:none;
	line-height:2.375em;
	font-size:1.25em;
	font-weight:bold;
	text-align:center;
}
#menu a:hover{
	color:#83003f;
}
#content p a.small{
	color:#f57f29;
	text-decoration:none;
}
#content p a, #content h1 a{
	color:#f57f29;
	text-decoration:none;
}
#content p a:hover; #content h2 a:hover{
	text-decoration:underline;
	color:#83003f;
}
#content h2 a{
	color:#f57f29;
	text-decoration:none;
}
#footer a{
	padding:0 .75em;
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:hover{
	color:#83003f;
}
#copyright p a{
	color:#f57f29;
	text-decoration:none;
}
/* MISC STYLING */
img{border:0;}
.pic{float:left;}
td{vertical-align:top; padding:1.5%;}
.dot {padding: 0 .5em 4px .5em ;}
.social{padding:0 10px;}
.foot{padding:4%; float:left;}
.profile{float:right; padding:0 0 2.7% 1.5%;}
.photos{float:right; padding:1.5%; margin:0 0 2% 2%; border:solid #f57f29; border-width: 1px; text-align:center; font-weight:bold; width:250px;}
iframe {border:0; margin:0 0 2.7% 0;}
blockquote {border: #f57f29 1px solid; padding:5%; margin: 5%;}


@media only screen and (max-width: 700px) {
    /* For tablets: */
#wrapper{
	width:98%;
	padding:2em 1%;
}
	#header{
		width:100%;
		height:auto;
		padding:0 0 2% 0;
	}
	#menu{
		width:100%;
		padding:2em 0;
		border-radius:0;
	}
	#content{
		background:none;
		width:100%;
	}
	#footer{
		background:#f57f29;
		width:100%;
		padding:2em 0;
		border-radius:0;
	}

#menu a{
	padding:0 .5em;
}
#footer a{
	padding:0 .5em;
}
blockquote {padding:2%; margin: 2%;}
}


@media screen and (max-width: 480px) {
#wrapper{
	width:96%;
	float:none;
	padding:0 2%;
}
	#header{
		float:none;
	}
	#menu{
		background-color:#f57f29;
		width:100%;
		float:none;
		padding:2.4% 0;
	}
	#content{
		width:100%;
		float:none;
		padding:2% 0 5% 0;
	}
	#footer{
		background-image:none;
		background-color:#f57f29;
		width:98%;
		float:none;
		padding:2% 1%;
	}
	#copyright{
		width:98%;
		float:none;
		padding:1%;
	}
/* TEXT STYLING */
#header h1{
	text-align:center;
}
#header h2{
	text-align:center;
}
/* MISC STYLING */
.pic{float:none; width:100%;}
.profile{float:none;}
.photos{float:none; width:100%;}
.social{float:none;}
.video{width:100%; height:auto;}
}