/*  
Theme Name: MotherTheme
Theme URI: http://mothertheme.com
Description: This is the mother of all themes, the only theme you will ever need. Make sure to visit <a href="http://mothertheme.6templates.com" target="_blank">MotherTheme.com</a> for free skins for all theme owners. And if you can, thank your mother for everything she did for you.
Version: 1.0
Author: Tim Norton
Author URI: http://nortontim.com
*/

body { 
  background: #000;
  color: #000; 
  font: .9em Verdana, "Times New Roman", Times, serif;
  margin: auto;
}

a {
  color: #004FFF;
  text-decoration: none;
}

a:hover {
  color: #703BB0;
  text-decoration: none;
}

img.logo {
  margin: 20px 0 0 20px;
  padding: 0;
}

#container {
  margin: 0px auto 0px auto;
  background: url('images/body-bg.jpg') repeat-y; 
  width: 1055px;
  border: 0;
}

.date-and-author {
  text-transform: uppercase;
  font-size: .75em;
  color: #8E5D22;
}

#container2 {
  width: 877px;
  margin: auto;
  padding: 0;
  border: 0;
}

#gallery {
  float: right;
  background: #FFF;
  width: 443px;
  height: 125px;
  clear: right;
  margin: 14px 5px 0 0;
}

a img {
  border:0;
}

#feature {
  width: 570px;
  border: #DDD 2px solid;
  padding: .4em;
  background: #FFF;
  margin: 0 0 2em 0;
}

#feature h2 {
  font-size: 1.3em;
  color: #E56F0B;
  border: 0;
  text-align: center;
  margin: 10px 0 0 0;
}

#feature h2 a {
  color: #5888C9;
  border: 0;
}

#feature h2 a:hover {
  color: #703BB0;
  border: 0;
}

#feature p {
  margin: 0;
  padding: 0;
}

#feature h3 {
  color: #FFF;
  font-size: 1.1em;
  text-align: right;
  padding: 0 .5em 0 0;
  background: url('images/calback.jpg');
}

.featurepost {
  width: 280px;
  float: left;
}

.featurepost p{
  margin: 0;
  padding: 0;
  text-align: center;
}

.featurepost .date-and-author {
  text-align: center;
  border-top: #DDD 1px dashed;
  width: 90%;
  margin: auto;
}


h4.description {
  font-family: tahoma;
  color: #FFF;
  font-size: .9em;
  margin: 6px 5px 0 auto;
  padding: 0 5px 2px 0;
  width: 700px;
  text-align: right;
  letter-spacing: 0.15em;
  border: 0;
}

#headerpic {
  width: 875px;
  height: 200px;
  margin: 0;
  padding: 0;
  background: url('images/headpic.jpg') no-repeat;
  clear: both;
}

#header {
  width: 875px;
  height: 200px;
  margin: 0;
  padding: 0;
  text-align: left;
}

#header h1 {
  font: 3em verdana, "Times New Roman", serif, lucida sans unicode;
  margin: 0;
  padding: .5em 0 0 0;
  font-weight: normal;
}

#header h1 a {
  color: #B3B4B4;
}

#header h1 a:hover {
  color: #FFF;
  text-decoration: none;
}

#contentarea {
  width: 877px;
}

form.contact {
  width: 500px;
  
}

#frontcol {
  width: 590px;
  margin: 0 1em 0 2em;
  padding: .5em .5em 2em .5em;
}

#frontcol p {
  font-size: .85em;
  margin: 1.4em;
  color: #333;
  line-height: 1.6em;
}

#pagecol {
  width: 800px;
  margin: 0 1em 0 2em;
  padding: .5em .5em 2em .5em;
}

#pagecol h3 {
  color: #869614;
}

#pagecol p {
  font-size: .85em;
  margin: 1.4em;
  color: #333;
  line-height: 1.6em;
}

#pagecol h4 {
  border:0;
}

#midcol {
  width: 190px;
  float: right;
  clear: none;
  margin: 0 1.9em 0 0;
  padding: 0 0 3em 0;
  font-size: .8em;
  line-height: 1.9em;
  background: url('images/midcol-back.jpg') no-repeat;
}

#midcol h2 {
  font: 1.3em Arial Black;
  border-bottom: #DDD 1px solid;
  text-align: center;
  padding: 0;
  margin: 0;
  color: #777;
  font-weight: normal;
}

#midcol ul {
  margin: 0 0 2em 0;
}

#project {
  border: #CCC 1px solid;
  padding: 1em;
  margin: 1em auto;
  width: 91%;
  background: #F7F7F7;
}

#project:hover {
  background: url('images/port-hov.png');
}


#project img.project {
  margin: 0 1em 0 0;
  padding: 0;
  border: #FFF 1px solid;
}

#project h4{
  font-size: 1.1em;
  text-transform: uppercase; 
  margin: 0;
  color: #6666FF;
  padding: 0;
  letter-spacing: 0.1em;
  font-weight: bold;
}

#project p {
  font-size: .75em;
  margin: .7em 0 0 0;
  padding: 0;
  color: #888;
}

h2 {
  font: 1.3em Arial Black;
  border-bottom: #DDD 1px solid;
  margin: 0;
  color: #E56F0B;
  font-weight: normal;
}

h2 a {
  color: #869614;
  text-decoration: none;
}

h2 a:hover {
  color: #703BB0;
  text-decoration: none;
}

h3 {
  font: 1.3em Arial Black;
  margin: 0;
  color: #000;
  text-transform: uppercase;
  border-bottom: #D4D4D4 1px solid;
}

h4 {
  font: 1.2em arial;
  margin: 0;
  color: #0099FF;
  border-bottom: #CCC 1px solid;
  padding: 0 0 .2em 0;
  font-weight: normal;
}

#navigation {
  background: #000 url('images/nav.jpg');
  width: 877px;
	height: 30px;
  margin: 0 auto;
  display: inline; 
  font-size: .8em;
  padding: 0;
  text-align: right;
}


#navlist{
	margin:0;
	padding: 0;
}

#navigation ul li {
  list-style-type: none;
  display:inline;
  margin: 0;
  padding: 0;
}

#navlist a {
	height: 30px;
	padding: 2px 4px 0 4px;
	float: right;
	text-decoration: none;
	color: #FFF;
	font-family: arial black;
	font-size: 1.1em;
	margin: 2px;
}

#navlist a.home {
  background: #222;
  height: 20px;
}

#navlist a:hover.home {
  background: #669933;
  height: 20px;
}

#navlist a.about {
  background: #222;
  height: 20px;
}

#navlist a:hover.about {
  background: #669933;
  height: 20px;
}

#navlist a.contact {
  background: #222;
  height: 20px;
}

#navlist a:hover.contact {
  background: #669933;
  height: 20px;
}

#navlist a.gallery {
  background: #222;
  height: 20px;
}

#navlist a:hover.gallery {
  background: #669933;
  height: 20px;
}

#navlist a.programs {
  background: #222;
  height: 20px;
}

#navlist a:hover.programs {
  background: #669933;
  height: 20px;
}

#navlist a.camps {
  background: #222;
  height: 20px;
}

#navlist a:hover.camps {
  background: #669933;
  height: 20px;
}

#navlist a.calendar {
  background: #222;
  height: 20px;
}

#navlist a:hover.calendar {
  background: #669933;
  height: 20px;
}

#navlist a:hover{
  color: #000;
}

#bigcol img, #pagecol img {
  margin: 3px;
  padding: 4px;
  margin-right: .5em;
  border: #DDD 1px solid;
}

ul, ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ol li {
  background: #F7F7F7;
  color: #333;
  border: #DCDCDC 1px solid;
  padding: .8em;
  margin: 0 3em .3em 0;
  list-style-type: none;
}

form.commentform {
  margin: 1.4em;
}

label {
  font-size: .75em;
  text-transform: uppercase;
  color: #313131;
}

small {
  color: #777;
  font-size: .7em;
  text-align: center;
}

#footer {
  width: 1055px;
  background: url('images/footer.jpg') no-repeat;
  font: .75em Verdana, "Times New Roman", Times, serif;
  text-transform: uppercase;
  text-align: left;
  color: #999;
  margin: 0 auto;
  padding: 0;
  clear: both;
  height: 139px;
}

#footer p {
  margin: 0;
  padding: 63px 0 0 0;
}

#footer a {
  color: #999;
}

#footer a:hover {
  color: #703BB0;
  text-decoration: underline;
}

#footer p.lowfoot {
  margin: 0;
  padding: 0;
  color: #555;
  text-align: center;
  font-size: .75em;
  font-weight: bold;
}

#footer p.lowfoot a {
  color: #993300;
}

#footer p.lowfoot a:hover {
  color: #000;
  text-decoration: none;
}

#footer p.themes {
  margin: 0;
  padding: 0;
  color: #777;
  text-align: center;
  font-size: .8em;
  font-weight: normal;
  text-transform: none;
}

#footer p.themes a {
  color: #555;
}

#footer p.themes a:hover {
  color: #FFF;
  text-decoration: none;
}

input[type="textarea"], textarea {
  width: 100%;
	padding: 0.4em;
  background: #F7F7F7;
	border: #CCC 1px solid;
  font-size: .75em;
  color: #313131;
}

input[type="text"], text {
	padding: 0.3em;
  background: #F7F7F7;
	border: #CCC 1px solid;
  font-size: .75em;
  text-transform: uppercase;
  color: #313131;
}