/*  
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: #99331d url('images/bg-leaves.jpg') fixed no-repeat;
  background-position: top center;
  color: #000; 
  font: 16px arial, helvetica, serif;
  margin: auto;
}

@font-face {
    font-family: 'TrajanProRegular';
    src: url('fonts/trajanpro-regular-webfont.eot');
    src: url('fonts/trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/trajanpro-regular-webfont.woff') format('woff'),
         url('fonts/trajanpro-regular-webfont.ttf') format('truetype'),
         url('fonts/trajanpro-regular-webfont.svg#TrajanProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1,  h3 {
  font-family: TrajanProRegular;
}
a {
  color: #185780;
  text-decoration: none;
}

img {
  padding-right: 7px;
  padding-bottom: 7px;
}

a:hover {
  color: #185780;
  text-decoration: underline;
}

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

#container {
  margin: 0px auto 0px auto;
  background: url('images/toparea.png') no-repeat; 
  width: 952px;
  height: 500px;
  border: 0;
}

.date-and-author {
  font-size: .75em;
  color: #AAA;
  margin: 0 0 0 3px;
}

#container2 {
  width: 952px;
  margin: 0;
  padding: 0;
  border: 0;
}
#container3 {
  width: 896px;
  background: #fff;
  margin: 0 auto;
}
blockquote {
  margin: 20px 0;
  padding:3px;
  font-style: italic;
  padding: 0;
}

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

a img {
  border:0;
}

#frontcol {
  width: 590px;
  margin: 0 14px 0 35px;
  padding: 0;
  clear:none;
}

#frontcol p {
  font-size: .85em;
  margin: 0px;
  color: #333;
  line-height: 160%;
}

#feature {
  width: 580px;
  border: #FFF 2px solid;
  padding: 6px;
  background: #FFF;
  margin: 0 0 25px 0;
  clear: none;
}

#feature h2 {
  font-size: 1.8em;
  color: #185780;
  border: 0;
  text-align: left;
  margin: 10px 0 0 0;
}

#feature h2 a {
  color: #185780;
  border: 0;
}

#feature h2 a:hover {
  color: #185780;
  text-decoration: underline;
  border: 0;
}

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

#feature h3 {
  color: #99331d;
  font-size: 1.4em;
  text-align: left;
  padding: 15px 0px 0 0;
}

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

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

.featurebox {
  background: #EEE;
  border: #DDD 1px solid;
  padding: 10px;
  color: #242B30; 
  font-size: 1em;
}


h4.description {
  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: 896px;
  height: 195px;
  margin: 0 28px;
  padding: 0;
  background: url('images/headpic.jpg') no-repeat;
  clear: both;
}

#header {
  width: 898px;
  height: 185px;
  margin: 0;
  padding: 0;
  text-align: left;
  clear: both;
}

#header h1 {
  font-size: 3em;
  margin: 0;
  padding: 7px 0 0 0;
}

#header h1 a {
  color: #B3B4B4;
}



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

#contentarea {
  width: 898px;
}

form.contact {
  width: 500px;
  
}

#pagecol {
  width: 580px;
  margin: 0px;
  padding: 7px 20px 29px 22px;
}

#pagecol h2 {
  margin: 10px 0;
  border-bottom: #DDD 1px solid;
  font-size: px;
}

#pagecol h3 {
  color: #99331d;
  margin: 45px 0 0 5px;
}
#pagecol h3.top {
  margin: 10px 0 0 5px;
}

#pagecol p {
  font-size: .85em;
  margin: 0;
  padding: 9px;
  color: #333;
  line-height: 1.6em;
}

#pagecol form {
  margin: 0 0 0 20px;
}

#pagecol h4 {
  color: #995a1d;
  margin: 15px 0 5px 10px;
  font-size: 15px;
  border: 0;
}

#midcol {
  width: 250px;
  float: right;
  clear: none;
  margin: 0;
  padding: 20px 30px 44px 0;
  font-size: .8em;
  line-height: 1.9em;
}

#midcol h2, #midcol h3, #midcol h4 {
  border-bottom: #DDD 1px solid;
  font-size: 1.5em;
  padding: 0;
  margin: 0;
  color: #99331d;
}

#midcol ul {
  margin: 0;
  padding: 0 0 20px 0;
}

#midcol img {
  padding: 5px;
}

#pagecol .post {
  background: url('images/postback.png') bottom right no-repeat;
  padding: 0 0 80px 0;
  margin: 0 0 10px 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-size: 30px;
  color: #185780;
  border: 0;
  margin: 10px 0 0 0;
}

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

h2 a:hover {
  color: #444;
  text-decoration: underline;
}

h3 {
  font-size: 1.3em;
  margin: 0;
  color: #000;
}

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

#navigation {
	height: 30px;
  margin:0;
  display: inline; 
  font-size: .8em;
  padding: 0;
  text-align: left;
}


#navlist{
	margin: 0 0 0 10px;
	padding: 2px 0 0 0;
}

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

#navlist a {
	height: 30px;
	padding: 2px 4px 0 4px;
	text-decoration: none;
	color: #fff;
	font-size: 1.1em;
	margin: 2px;
}

#navlist a:hover {
	text-decoration: underline;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#bigcol img, #pagecol img {
  padding: 4px;
  margin-left: .5em;
}

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: 952px;
  background: url('images/footer1.png') no-repeat;
  font-size: .75em;
  text-align: center;
  color: #BBB;
  margin: 0;
  padding: 0;
  clear: both;
  height: 139px;
  overflow: hidden;
}

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

#footer a {
  color: #888;
}

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

#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: 560px;
	padding: 0.3em;
  background: #F7F7F7;
	border: #CCC 1px solid;
  color: #313131;
}

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