/* Web Fonts */
@import url(http://fonts.googleapis.com/css?family=Great+Vibes);

/* This is a comment. */

/* CSS Syntax:

slector {
	property: value;
	property: vlaue;
}

*/

/*Type Selector */

/* Fixes */

* {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box; /* Includes Padding and Border */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	line-height: 0;
}

/******* GLOBAL *******/

body {
	background: url(../images/wallpaper2.jpg);
	/* By default it repeats infinitely */
}

h2, h3 {
	margin-bottom: 5px;
}

h3 {
	font: bolder 20px/1.5em;
	color: #000;
	text-shadow: 0 1px 2px #444; /* horiz, vert, blur radius, colour*/
	margin: 5px 0 0;
}

p, address {/* selects all <p> */
	font: normal 16px/1.5em;
	color: black;
	text-align: left;
	margin: 0 0 25px;
}

figure {
	margin: 0 0 10px;
}

table {
	width: 100%;
	margin: 0 0 20px;
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
}

tr {
	background: white;
	text-align: left;
}
tr:nth-child(even) {
	background: #efefef;
}

th, td {
	padding: 10px;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}

th {
	background: #555;
	color: white;
}

input, textarea {
	display: block;
	width: 100%;
	padding: 5px;
	margin-bottom: 5px;
	box-shadow: 0 3px 5px #ccc;
	border: 2px solid #ccc;
}

input[type="submit"] {
	margin-top: 5px;
	width: 100px;
	background: black;
	color: white;
	border-radius: 20px;
	height: 35px;
}

input[type="submit"]:hover {
	background: #11772D;
}

iframe {
	border: 0;
	padding: 0;
	margin: 0;
	overflow: hidden;
	height: 353px;
	border-radius: 30px;
}

img {
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
}

video {
	border: 2px solid black;
}

/* .wrapper */
 .wrapper {
 	width: 960px;
 	margin: 0 auto; /* 1st = top and bottom, 2nd = left and right */
 	padding: 5px;
 }

 /* shadow */
.shadow {
	box-shadow : 0 3px 10px #333;
}



/* #logo */
#logo {
	/* gradient */
	background-image: url(../images/chalkboard1.jpg);
	border: 2px solid white;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	padding-top: 35px;
}


	#logo h1 {
		font: bolder 100px/1.5em 'Great Vibes', cursive;
		color: white;
		text-align: center;
		margin: 0;
		padding-top: 20px;
	}

	#logo h2{
		font: bold 35px/1.5em 'Great Vibes', cursive;
		color: white;
		text-align: center;
		margin: 0;
		padding-bottom: 20px
	}

/* Nav Bar */
#nav_bar {
	background: #FEF157;
	border-bottom: 2px solid black;
	border-top: 2px solid black;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

	#nav_bar nav {
		border-left: 2px solid black;
		width:100%;
		margin: 5px;
	}

	#nav_bar nav a {
		display: inline-block;
		width: 25%;
		margin: -5px;
		padding: 10px 0;
		text-transform: uppercase;
		color: black;
		text-align: center;
		border-right: 2px solid black;
		text-decoration: none;
		font: 20px "Trebuchet MS", Arial, sans-serif;
	}

	#nav_bar nav a.selected {
		background: black;
		color: #FEF157;

	}
	#nav_bar nav a:link {
		font: bolder 20px/1.5em;
		color: #FFF;
		text-decoration: none;	
	}

	#nav_bar nav a:hover {
		color: white;
		background: #050404; /* Old browsers */
		background: -moz-linear-gradient(top,  #050404 0%, #4f4f4f 35%, #4f4f4f 65%, #000000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#050404), color-stop(35%,#4f4f4f), color-stop(65%,#4f4f4f), color-stop(100%,#000000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #050404 0%,#4f4f4f 35%,#4f4f4f 65%,#000000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #050404 0%,#4f4f4f 35%,#4f4f4f 65%,#000000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #050404 0%,#4f4f4f 35%,#4f4f4f 65%,#000000 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #050404 0%,#4f4f4f 35%,#4f4f4f 65%,#000000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#050404', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	}

	#nav_bar nav a:active {
		color: red;
	}

/* Social */

#social {
	position: fixed;
	top: 70px;
	left: 1150px;
	z-index: 1;
	width: 80px;
	height: 200px;
	border: 2px solid white;
	padding: 10px;
	background-image: url(../images/chalkboard1.jpg);

	
}

	a.fbook, a.twitt, a.gplus {
		display: block;
		margin-bottom: 10px;
	}

	.radius {
		border-radius: 10px;
	}

	

/* wallpaper */
#wallpaper {
	background-image: url(../images/picnic.jpg);
	padding: 10px 0;
	}

/* Section */

section {
	padding: 20px;
	background: white;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	border: 2px solid black;
}

/* positioning classes */

.col1_left {
	float: left;
	width: 32.6%;
	margin: 0 0 20px;
}

.col1_mid {
	float: left;
	width: 32.6%;
	margin: 0 1% 20px 1%;
}

.col1_right {
	float: right;
	width: 32.6%;
	margin: 0 0 20px;
}

.col2_left {
	float:left;
	width: 66.4%;
	margin: 0 1% 20px 0;
}

.col2_right {
	float: right;
	width: 66.4%;
	margin: 0 0 20px 1%;
}

.col3 {
	margin: 0 0 20px;
}

.colhalfleft {
	float: left;
	width: 49.5%;
	margin: 0 1% 20px 0;
}

.colhalfright {
	float: left;
	width: 49.5%;
	margin: 0 0 20px;
}

/* Details */

#details {
	padding: 20px 10px;
	/* gradient */
	background: #F1EAD7;
	clear: both;
}

.alignd {
	display: inline-block;
	margin: 5px 2px 0 0;
}

/* Footer */

footer {
	text-align: center;
	font-size: 12px
}