@charset "UTF-8";

body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	
/* Background Gradient */
	
	background: #8adb8e; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #8adb8e 16%, #005b24 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(16%,#8adb8e), color-stop(100%,#005b24)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #8adb8e 16%,#005b24 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #8adb8e 16%,#005b24 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #8adb8e 16%,#005b24 100%); /* IE10+ */	
	background: radial-gradient(ellipse at center,  #8adb8e 16%,#005b24 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8adb8e', endColorstr='#005b24',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

/* End Background Gradient */

}

h1 {
	font-size: 3em;
	text-shadow:  2px 2px 2px rgba(0, 0, 0, 0.65);
	margin: 0px;
	padding: 0px;
}

h2 {
	text-shadow:  2px 2px 2px rgba(0, 0, 0, 0.65);
	margin: 0px;
	padding: 0px;
	font-size: 1.75em;
	text-align: left;
}

h3 {
	text-shadow:  2px 2px 2px rgba(0, 0, 0, 0.65);
	padding: 0px;
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}

h3.subcategory {
	font-size: 1.45em;
}

p {
	text-align: left;
	margin-left: 30px;
	font-size: 0.9em;
}

a:link {
	color: #FF9933;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #FF9933;
}

a:hover {
	color: #FF6600;
}

.top {
	text-shadow:  2px 2px 2px rgba(0, 0, 0, 0.65);
	margin: 0px;
	padding: 0px;
	text-align: center !important;
}

header {
	padding: 20px;
}

article {
	padding: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}

article:last-child {
	border-bottom-width: 0px !important;
}

.courgette {
	font-family: 'Courgette', cursive;
}

.dancing_script {
	font-family: 'Dancing Script', cursive;
}

.small_headline {
	font-size: 0.75em;
}

.container {
	padding: 20px;
	width: 75%;
	/* min-width: 673px; */
	margin-top: 2%;
	margin-right: auto;
	margin-left: auto;
	background-color: rgba(0,0,0,0.5);
	border: 1px solid #FFFFFF;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow:  5px 5px 10px 1px rgba(0, 0, 0, 0.5);
	box-shadow:  5px 5px 10px 1px rgba(0, 0, 0, 0.5);
	position: relative;
}

nav {
	height: 50px;
	position: relative;	
	margin-right: -50px;
	margin-left: -50px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow:  2px 2px 5px 1px rgba(0, 0, 0, 0.5);
	
	/* Background Gradient */
	
	background: #feccb1; /* Old browsers */
	background: -moz-linear-gradient(top,  #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */
	
	/* End Background Gradient */
}

nav ul {
	width: 800px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	position: relative;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

nav ul li {
	display: block;
	float: left;
}

nav ul li:first-child {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FF9933;
}

nav ul li.last_border {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #993300;
}

nav ul li a {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	height: 35px;
	padding-top: 15px;
	color: #FFFFFF !important;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FF9933;
	border-left-color: #993300;
	text-shadow:  2px 2px 2px rgba(0, 0, 0, 0.65)
}

nav ul li a:hover {
	box-shadow:  inset 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
	border-right-color: #993300 !important;
	
	background: #fb955e; /* Old browsers */
	background: -moz-linear-gradient(top,  #fb955e 0%, #ea5507 49%, #f17432 50%, #feccb1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb955e), color-stop(49%,#ea5507), color-stop(50%,#f17432), color-stop(100%,#feccb1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fb955e 0%,#ea5507 49%,#f17432 50%,#feccb1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fb955e 0%,#ea5507 49%,#f17432 50%,#feccb1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fb955e 0%,#ea5507 49%,#f17432 50%,#feccb1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fb955e 0%,#ea5507 49%,#f17432 50%,#feccb1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb955e', endColorstr='#feccb1',GradientType=0 ); /* IE6-9 */
}

a.files_button {
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	margin-bottom: 25px;
	color: #FFFFFF;
	text-align: center;
	text-shadow:  3px 3px 3px rgba(0, 0, 0, 0.75);
	border: 1px solid #FFFFFF;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	font-size: 2em;
	-webkit-box-shadow:  5px 5px 10px 1px rgba(0, 0, 0, 0.5);
	box-shadow:  5px 5px 10px 1px rgba(0, 0, 0, 0.5);
	
	
	background: #f3c5bd; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3c5bd), color-stop(50%,#e86c57), color-stop(51%,#ea2803), color-stop(75%,#ff6600), color-stop(100%,#c72200)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */
	
}

a.files_button:hover {
	background: #f0b7a1; /* Old browsers */
	background: -moz-linear-gradient(top,  #f0b7a1 0%, #8c3310 50%, #752201 51%, #bf6e4e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0b7a1), color-stop(50%,#8c3310), color-stop(51%,#752201), color-stop(100%,#bf6e4e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f0b7a1 0%,#8c3310 50%,#752201 51%,#bf6e4e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f0b7a1 0%,#8c3310 50%,#752201 51%,#bf6e4e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f0b7a1 0%,#8c3310 50%,#752201 51%,#bf6e4e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f0b7a1 0%,#8c3310 50%,#752201 51%,#bf6e4e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e',GradientType=0 ); /* IE6-9 */


	
}

footer {
	text-align: center !important;
}

.clear {
	clear: both;
}




@media screen and (max-width:977px){
	
	nav ul {
		width: 618px;
	}
	
	nav ul li a {
		font-size: 1.09em;
		padding-right: 7px;
		padding-left: 7px;
	}
	
}




@media screen and (max-width:705px){
	
	nav ul {
		width: 555px;
	}
	
	nav ul li a {
		font-size: 0.95em;
	}
	
}





@media screen and (max-width:625px){
	
	nav {
		height: 385px;
		margin-right: 0px;
		margin-left: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		box-shadow:  none;
	/* Turns off gradient */
		background-image: none !important;	
	/* End turns off gradient */
	}
	
	nav ul {
		width: 100%;
	}
	
	nav ul li {
		float: none;
	}
	
	nav ul li a {
		font-size: 1.85em;
		height: 45px;
		padding-top: 10px;	
		margin-right: -50px;
		margin-left: -50px;
		margin-bottom: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		border: none !important;
		box-shadow:  2px 2px 5px 1px rgba(0, 0, 0, 0.5);
	
	/* Background Gradient */
	
		background: #feccb1; /* Old browsers */
	    background: -moz-linear-gradient(top,  #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* FF3.6+ */
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e)); /* Chrome,Safari4+ */
	    background: -webkit-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Chrome10+,Safari5.1+ */
	    background: -o-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Opera 11.10+ */
	    background: -ms-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* IE10+ */
	    background: linear-gradient(to bottom,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* W3C */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */
	
	/* End Background Gradient */
	}
	
	nav ul li a:hover {
		box-shadow:  2px 2px 5px 1px rgba(0, 0, 0, 0.5);
	}

}