/*
Theme Name: Stinson
Theme URI: http://stinsonbeachcommunitycenter.org/
Description: Custom theme for the SBCC
Version: 1.0
Author: Barrett
Author URI: http://hulihee.com/

*/

body {
  padding: 2% 0;
  background: url(/wp-content/themes/stinson/img/stripe.png) top left repeat;
  font: .85em 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

.entry{
  padding: 0 0 2em 0;
  border-bottom: 1px 
}



input, textarea {
  margin-bottom: 1em; 
}
textarea {  
  height:  200px;
  width: 60%;
}


h1, h2, h3, h4 {
  color: #151F31;
}
h4 {
  text-transform: uppercase;
}
h2.clears {
  padding-top: 1em;
}
h3.sub {
  margin-top: 3em;
}
a.totop {
  font-weight: bold;
}

#content p {
  color: #22222;
}
a {
  color: #293F63;
}
a:hover {
  color: #527DC5;
}

#page {
  width: 792px;
  margin: 0 auto;
}

#header {
  width: 780px;
  height: 210px;
  background: url(/wp-content/themes/stinson/img/header.jpg) top left no-repeat;
}
#header h1 {
  display: none;
}

#address {
 padding: 1em 0;
 text-align: center;
 background-color: #EAECF0; /*95A0B2*/
}



#content {
  background-color: #fff;
  padding: 12px;
}
#content p {
  line-height: 1.5em;
}



br.clears {
  clear: both;
  line-height: 0px;
}



#content .left {
  float: left;
  width: 70%;
}
#content .right {
  float: right;
  width: 29%;
}


#documents  {
  background-color: #EAECF0;
  border: 1px solid #95A0B2;
  padding: 6px;
}
#documents ul {
  font-size: .85em;
}

#sidebar {
  background-color: #D6DED4;
}

#footer {
  padding: 6px 0 0 6px;
  color: #fff;
  font-size: .8em;
}
#address span {
  color: #3B3B3B;
}
#footer a {
  color: #fff;
}


#content .authored {
  color: #C4C4C4;
}

#content iframe {
  margin: 0 0 0 -6px;
}

.outter-box {
  border-top: 6px solid #293F63; 
  background: #293F63; 
}
.outter-boxtop { 
  background: url(/wp-content/themes/stinson/img/outter_ne.gif) no-repeat top right; 
}
.outter-boxtop div { 
  font-size: 0;
  height: 6px; 
  background: url(/wp-content/themes/stinson/img/outter_nw.gif) no-repeat top left; 
}
.outter-boxbottom { 
  background: url(/wp-content/themes/stinson/img/outter_se.gif) no-repeat bottom right; 
}
.outter-boxbottom div { 
  font-size: 0;
  height: 6px; 
  background: url(/wp-content/themes/stinson/img/outter_sw.gif) no-repeat bottom left; 
}
.outter-boxcontent {
  padding: 0px 6px 0px 6px;
}


.inner-box { 
  background: #EAECF0;
  border-top: 1px solid #95A0B2; 
}
.inner-boxtop { 
  background: url(/wp-content/themes/stinson/img/inner_ne.gif) no-repeat top right; 
}
.inner-boxtop div { 
  font-size: 0;
  height: 6px; 
  background: url(/wp-content/themes/stinson/img/inner_nw.gif) no-repeat top left; 
}
.inner-boxbottom { 
  background: url(/wp-content/themes/stinson/img/inner_se.gif) no-repeat bottom right; 
}
.inner-boxbottom div { 
  font-size: 0;
  height: 6px; 
  background: url(/wp-content/themes/stinson/img/inner_sw.gif) no-repeat bottom left; 
}
.inner-boxcontent {
  padding: 0px 6px 0px 6px;
}



#navigation {
  background-position: left bottom;
  height: 32px;
  background: url(/wp-content/themes/stinson/img/nav.png) top left repeat-x;
  background-position: left bottom;
  font: bold .9em 'Trebuchet MS', Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #C9CFD8;
  }  
#navigation ul {
  padding: 0;
  margin: 0;
  }
#navigation li {
  float: left;
  list-style: none;
  }
#navigation li a {
  display: block;
  line-height: 32px;
  padding: 0 14px;
  text-align: center;
  text-decoration: none;
  border-right: 1px solid #C9CFD8;
  background: url(/wp-content/themes/stinson/img/nav.png) top left repeat-x;
  background-position: left bottom;
  }
#navigation li a:hover, #navigation .current_page_item a {
  background: url(/wp-content/themes/stinson/img/nav.png) top left repeat-x;
  background-position: left top;
  }
#navigation .current_page_item a, #navigation .current_page_item a:hover {
  cursor: default;
  color: #527DC5;  
}

#navigation span {
  float: right;
  display: block;
  line-height: 32px;
  padding-right: 1em;
  font-weight: normal;
}
#navigation span img {
  float: left;
  padding-top: 4px;
}
#navigation span a {
  text-decoration: underline;
}

#footer {
  text-align: center;
}