/* styling by Max Beatty for Mike & Annette Coulombe 
	Ronald McDonald Performances in Central Indiana
*/

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 50px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;} 

/* CLEAR FIX -- no need to touch */
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #FF0;
}

a, a:visited { color: #C03; text-decoration: underline; }
a:hover { text-decoration: none; }

#wrap { 
	width: 50em; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: left;
	border-left: 4px solid #f0f000;
	border-right: 4px solid #f0f000;
	background-color: #FFF;
}

#header { background-color: #FFF; }
#header img { border: none; }

img#RMface { float: left; padding-left: 40px; margin-right: -40px; }

h1 { 
	font-size: 2em; 
	text-align: center;
	padding: 20px 0;
	color: #C03;}
h2 { font-size: 1.5em; margin-bottom: 0.5em }
h4 { font-size: 1.3em; margin: 1em 0;}
h5 { font-size: 1.2em; color: #C03; margin: 1em 1em 0.5em; clear: right;}

#main {
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 20px;
	position: relative;
}

#main p { text-indent: 2em; line-height: 1.2em; text-align: justify; }

#footer {
	text-align: center;
	font-size: 0.8em;
	color: #000;
}

#footer ul li {
	display: inline;
	padding-left: 0.5em;
	background: url('images/dot.png') 0 0.45em no-repeat;
}

#footer ul li:first-child { background: none; }

#footer a, #footer a:visited {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;
}

#footer a:hover { border-bottom: 1px solid #C03; }

#footer ul.small { color: #000; padding-top: 0.8em; font-size: 0.8em; }

#footer img { padding-bottom: 0.2em; }

/* ***** index ***** */
p#elem, p#rest {
	float: left;
	position: relative;
	height: 432px;
	width: 288px;
	border: 5px solid #c03;
	font-size: 1.5em;
	margin: 0 1em 1em 1em;
}

p#elem:hover, p#rest:hover { border: 5px solid #FF0; }

p#elem a, p#elem a:visited,
p#rest a, p#rest a:visited {
	display:block;
	font-weight: bold;
	color: #FF0; 
	text-decoration: none;
	text-indent: 0;
	}
p#elem a, p#elem a:visited { padding: 20px 40px;}
p#rest a, p#rest a:visited { position:absolute; top: 50px; right: 20px; width: 200px; }

p#elem a:hover, p#rest a:hover { text-decoration: underline; }

p#elem { background: url('images/scooter.jpg') #FFF no-repeat top left; }
p#rest { background: url('images/frisbee.jpg') #FFF no-repeat top left; text-align: right;}

#main h3 {
	clear: both;
	font-family: "Lucida Sans", Arial, sans-serif;
	font-size: 1.1em;
	text-align: left;
	background-color: #C03;
	border: 3px solid #FF0;
	color: #FF0;
	padding: 1em 2em;
	margin: 1em 2em;
	line-height: 1.5em;
	font-weight: 100;
	}
#main h3 em { color: #FFF; }
#main h3 strong { font-weight: 900; display: block; text-align: center;}

/* **** elementary & restaurant **** */
#main ul { margin: 1em; }

#main ul li { 
	padding-left: 50px; 
	background: url('images/pointer.jpg') 0px 3px no-repeat;
	line-height: 1.1em;
	font-size: 1.1em;
	margin-left: 2em;
	margin-bottom: 0.5em;
}

img.show { float: right; margin: -1em 1em 1em;}

#main h3 a, #main h3 a:visited { color: #FFF; text-decoration: underline;}
#main h3 a:hover { text-decoration: none; }

/* **** school form **** */
input.button { display: block; margin: 2em auto; }

fieldset {
	border: 1px solid #999;
	padding: 20px;
  margin-top: 1em;
  margin-bottom: 0;
  width: 42em;
}
fieldset em { color: #C03; }
fieldset p { font-size: 0.9em; }
legend {
  padding: 0 2px;
  font-weight: bold;
  color: #C03;
}
label {
  display: inline-block;
  line-height: 1.2;
  vertical-align: top;
  width: 178px;
  padding: 3px;
  text-align: right;
}

label.wide { width: 100%; text-align: left; display: block;}

fieldset ol {
  margin: 0;
  padding: 0;
}
fieldset li {
  list-style: none;
  padding: 3px;
  margin: 0;
}

input { padding-top: 5px; margin-top: 5px;}

table td { padding: 1px 3px; text-align: right;}
ul#popkit {  }
ul#popkit li { padding-left: 50px; margin-left: 1em;}