/*
Author: Bill Ooms
Author URI: http://www.billooms.com
*/

/* Adapt to mobile device widths */
@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

@-ms-viewport {
  width: device-width ;
}

/* Set the overall fonts, sizes and colors */
body {
	font-size: 62.5%; 			/* Resets 1em from 16px to 12px everywhere in the body */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #070c05;
}
	
h1, h2, h3, h4, h5, h6 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
/*	text-transform: capitalize; */
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 3px;
}

h1 { font-size: 2.4em; }		/* define relative sizes of headers */
h2 { font-size: 2.0em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.2em; }

a {
	color: black;
	text-decoration: underline;
}

a:hover { background: #daa684; }

a img { border: none; }

p { font-size: 1.4em; }

/* Layout, margins and sizes */
body {
	margin: 0;
	padding: 0;
	background: #124E31;
}

/* The overall page */
#pagecontent {							/* defines the content on the page */
	margin: 0px 10px 10px 10px;
	padding: 0;
	background: url('images/Background2.jpg');
}

/* The header stuff */
#invisible {					/* for the invisible h1 */
	margin: 0;
	padding: 0;
}

#invisible h1 {					/* this is to hide h1 since I'm using an image instead */
	font-size: 0;
	text-indent: -1000px;
}

#headerimg 	{					/* space for the image */
  width: 504px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#subheader {					/* the subheader text */
	margin: 0 0 0 20px;
	padding: 10px;
/*	border: 1px solid black; */
	float: center;
	text-align: center;
}

#subheader h1 {
	font-family: Comic Sans, Comic Sans MS, cursive;
	font-size: 3.0em;
	text-align: center;
}

#subheader h2 {
	font-size: 2.0em;
	font-weight: normal;
	text-align: center;
}

/* the main content on pages */
.content {						/* main content on a page can occur more than one time */
	margin: 0;
	padding: 0 10px;
/*	border: 1px solid black; */
}
.content h2 { text-align: left; }
.content h3 { text-align: left; }


.sidebar {						/* side bar for pictures etc. */	
	margin: 0;
	padding: 10px;
	width: 80px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
}
.sidebar { float: left; }

.sidebar h2 {					/* used for picture captions */
	font-size: 1.6em;
	margin: 0;
	padding: 0;
}

.sidebar h3 {					/* used for bowlshape page */
	font-size: 1.6em;
	margin: 0;
	padding: 0;
}

.sidebar h4 {					/* used for bowlshape page */
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	padding-top: 15px;
}

.sidebar p {					/* used for picture descriptions */
	font-size: 1.0em;
	margin: 0;
	padding: 2px 0 10px;
}

.separator {					/* this is used between multiple content & sidebar */
	width: 200;
	clear: both;
	text-align: center;
	font-size: 1.5em;
	color: #6c3d0d ;
}

/* the footer stuff on the bottom */
#footer {						/* footer spans the entire width */
	margin: 20px auto;
	padding: 5px;
	clear: both;
	text-align: center;
	font-size: 1.5em;
	color: #888;
}