/* Styles by element */
body {
  margin: 0;
  padding: 0;
  background: black;
  color: yellow;
  font-family: sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: serif;
}

img {
  border: 0;
}

/* Site-wide Links */
a, a:link {
  color: #20b;
  text-decoration: none;
}

a:visited {
  color: #535;
  text-decoration: none;
}

a:hover {
  background-color: #008FB7;
  color: yellow;
}

a.image, a.image:hover {
  background: transparent;
}


/* Form related styles */
fieldset {
  border: none;
}

form li {
  margin: 20px;
}

input, textarea {
  background: #ffa repeat;
  color: #520;
}

textarea {
  width: 90%;
}

.button {
  background: #ccc;
  color: black
}

/* end From related styles */

/* Generic classes throughout the page */


/* Elements that are to be hidden */
.screen_hide {
  visibility: hidden;
  text-decoration: none;
}

.ie_hide * {
  visibility: hidden;
  display: none;
}

.img_wrap {
  margin: auto;
  text-align: center;
}

.alignleft {
  float: left;
  clear: left;
}

.alignright {
  float: right;
  clear: right;
}

.aligncenter {
  margin: auto;
  text-align: center;
}

.video_player {
  width: 320px;
  height: 240px;
}

ul.unbulleted {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.flat {
  float: left;
  clear: both;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

ul.flat > li {
  display: inline;
}

ul.bulleted {
  list-style: circle url('images/bullet.png');
}

ul.blocks > li {
  width: 129px;
  height: 200px;
  float: left;
  margin: 1em;
  list-style-type: none;
  text-align: center;
}

ul.blocks li img {
    max-height: 125px;
}

/* Twitter */
.tweets .entry-date {
}

.tweets .entry-date {
  font-size: 0.75em;
}

/* social networking */

.social_networking_links {
  margin: 25px 5px;
}

.social_networking_links * {
  display: inline;
}

.social_networking_links li {
  list-style-type: none;
  display: inline;
}

/* Divided by sections */

#page_wrapper {
  width: 950px;
  margin: auto;
  padding: 0;
}

  /* Header */
  #header {
    width: 890px;
    float: left;
    clear: both;
    padding: 30px;
    background: #008FB7 url('images/header.jpg') top left no-repeat;
    color: yellow;
  }

    #site_name {
      width: 100%;
      height: 175px;
      float: left;
      clear: left;
      margin: 0; /* prevents top gap */
      visibility: hidden;
    }

      #logo a:hover {
        background: transparent;
      }

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

      #ie_vision {
        width: 825px;
        height: 72px;
        float: left;
        clear: both;
        display: block;
        margin: auto;
        background: transparent url('ie/images/vision.png') top center no-repeat;
      }

      #vision li {
        width: 285px;
        height: 72px;
        display: block;
        float: left;
        text-align: center;
        background: transparent top center no-repeat;
        color: yellow;
      }

      li#preaching { background-image: url('images/preaching.png'); }
      li#generosity { background-image: url('images/generosity.png'); }
      li#compassion { background-image: url('images/compassion.png'); }

    #navigation > li {
      padding: 2em;
    }

  /* end header */

  #content {
    width: 920px;
    min-height: 200px;
    float: left;
    clear: both;
    margin: auto;
    padding-left: 30px;
    background: #008FB7 url('images/left-side.jpg') top left repeat-y;
    color: yellow;
  }

    #content_inside_wrapper {
      width: 920px;
      min-height: 200px;
      float: left;
      clear: both;
      background: #008FB7 url('images/right-side.jpg') top right repeat-y;
    }

    #page_content {
      width: 100%;
      min-height: 300px;
      float: left;
    }


  /* end content */


  #footer {
    width: 890px;
    min-height: 75px;
    float: left;
    clear: both;
    padding: 30px;
    margin-bottom: 20px;
    background: #008FB7 url('images/footer.jpg') bottom left no-repeat;
    color: yellow;
    text-align: center;
  }

    .developer a {
      padding: 5px;
      font-family: sans-serif;
      font-weight: bold;
      text-decoration: none;
    }

    .developer a, .developer a:link, .developer a:visited {
      background: transparent;
      color: white;
      border: 2px solid transparent;
    }

    .developer a:hover {
      background: red;
      color: white;
      border: 2px solid black;
    }

  /* end footer */

/* end page_wrapper */