/*
Theme Name: Riverside Church
Theme URI: http://www.riverside-church.org.uk/
Version: 1.1
Author: Mark Leong
Author URI: http://www.mark-leong.com/
Tags: 
*/

@import "css/reset.css";
@import "css/contact.css";
@import "css/nav.css";
@import "css/sidebar.css";
@import "css/scrollable.css";

/* GENERAL */
html, body { height: 100%; margin: 0 0 1px; padding: 0; } /* Force v-scroll */
body {
  font-size: 62.5%; line-height: 1.8em; font-family: Arial; color: #333;
  padding-top: 10px; background: url('images/top.png') repeat-x; }
#container-bg {
  background: #fff url('images/bg/container-bg.png') repeat-x; }
#container { clear: both; width: 960px; margin: 0 auto; padding-top: 20px; }
#main { float: right; }


/* HEADER */
#header-container { background: #fff; }
#header { height: 130px; width: 960px; margin: 0 auto; position: relative; }
#logo {
  float: left; margin: 20px 0 0 10px; outline: none; height: 100px;
  width: 230px; text-indent: -9000px;
  background: url('images/logo.png') no-repeat top center; }


/* HEADER SEARCH */
#search {
  width: 700px; height: 40px; float: right; margin: 15px 10px 15px 0;
  text-align: right; }
#search input#s {
  height: 20px; font-family: Arial; margin: 7px 0; background: #ececec;
  font-size: 16px; padding: 2px 25px 2px 7px; width: 172px; color: #333;
  border: 0;
  -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#search input#s:focus { background: #e6e6e6; }
#search input#submit {
  border: 0; cursor: pointer; text-indent: -9000px; width: 19px; height: 20px;
  margin: 10px 3px 10px -25px;
  background: url('images/search16.gif') no-repeat center center; }
html>body #search input#submit { background-image: url('images/search16.png'); }
strong.search-excerpt { background: yellow; }


/* HEADER ADMIN LINKS */
#admin-links {
  position: absolute; top: 23px; right: 230px; color: #fff; font-size: 12px; }
#admin-links a { color: #ccc; text-decoration: none; display: block; }
#admin-links a, #admin-links span { padding: 5px; float: left; }
#admin-links a:hover { color: #999; }


/* MAIN */
#main {
  background: #fff; width: 700px; margin: 0 10px 0 0; float: left;
  min-height: 750px;
  -moz-border-radius-bottomright: 6px; -moz-border-radius-topright: 6px;
  -webkit-border-bottom-right-radius: 6px; -webkit-border-top-right-radius: 6px;
}
#main h1 {
  color: #9c0; padding: 0 20px; margin: 0; font-size: 30px; height: 60px; 
  line-height: 60px; text-align: left;
  background: url('images/bg/h1-bg.png') no-repeat bottom right; }
#main h1.subheading { background: none; margin: 20px 0 -20px 0; }
#main h2 {
  font-size: 20px; margin: 1.5em 20px 0 20px; clear: none; color: #999; }
#main h2 a { font-weight: normal; }
#main h3 {
  font-size: 15px; margin: 1.5em 20px 0 20px; font-weight: bold;
  font-style: italic; }
#main h4 { font-size: 14px; font-weight: bold; margin: 1em 20px 0.5em 20px; }
#main p { margin: 20px 20px 0 20px; font-size: 1.4em; }
#main p.post-meta {
  font-size: 1.2em; color: gray; font-style: italic;
  margin: 5px 20px -10px 20px; }
#main p.post-meta span { font-style: normal; color: #333; }
#main code { background: #e7e7e7; }
#main a { color: #388da9; font-weight: bold; text-decoration: none; }
#main a:visited { color: #388da9; }
#main a:active { position: relative; top: 1px; }
#main a:hover { color: red; text-decoration: none; border-bottom: none; }
#main ul, #main ol { margin: 20px 20px 20px 0; }
#main ul li { list-style: disc; }
#main ol li { list-style: decimal; }
#main li, #main dd {
  font-size: 1.4em; line-height: 1.4em; margin: 0 0 10px 40px;
  padding-left: 5px; }
#main li p { font-size: 1em; }
#main li li { font-size: 1em; }
#main form { font-size: 1.4em; }
#main table { border-collapse: collapse; width: 90%; margin: 20px 20px; }
#main th, #main td { font-size: 1.4em; border: 1px solid #ccc; padding: 10px; }
#main th { font-weight: bold; }
#main td li { font-size: 1em; }
#main td p { font-size: 1em; margin: 0; }
#main td h4 { margin: 10px; }
#main object { margin: 20px; }
#main blockquote {
  background: #f4f7cf; margin: 20px 40px; padding: 0; border-width: 0 0 0 5px;
  border-style: solid; border-color: #9c0; }
#main blockquote p { margin: 0 0 10px 0; padding: 10px; }
#main img.alignright { margin: 10px 20px 10px 20px; }
#main img.alignleft { margin: 10px 20px 10px 20px; }
#main img.border {
  padding: 10px; background: #fff;
  -moz-box-shadow: 0 3px 6px #999; -webkit-box-shadow: 0 3px 6px #999; }
#main .post { margin: 0 0 20px 0; }
#main .post_column_1 h2 { margin-top: 0; }
#main .post-nav { font-size: 1.4em; height: 2em; margin: 10px 20px; }
#main .post-nav .left { float: left; }
#main .post-nav .right { float: right; }
#main .post .column img { margin: 10px; }
#main .map { margin: 20px; }


/* FOOTER */
#footer {
  width: 940px; height: 50px; margin: 10px auto; padding: 0; clear: both;
  text-align: right; color: #909194; }
#footer p { font-size: 1.2em; line-height: 20px; padding: 5px 0; }
#footer a {
  color: #909194; text-decoration: none; border-bottom: 1px dotted #77787b; }
#footer a:hover { border-bottom: none; color: #666; }


/* PAGE - SEARCH */
#main .search-permalink { color: #999; }
#body-search { margin: 20px; }
#body-search-s {
  font-size: 1.3em; font-family: Arial; border: 1px solid #bcbca8; padding: 3px;
  -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#body-search-s:focus { border-color: #333; }
#body-search-submit {
  font-size: 1.3em; font-family: Arial; border: 1px solid #bcbca8; padding: 3px;
  -moz-border-radius: 2px; -webkit-border-radius: 2px; }


/* PAGE - PARENT PAGE */
#main .page-thumbnails { margin: 20px; }
#main .page-thumbnails li {
  width: 150px; margin: 0 15px 15px 0; padding: 0; float: left;
  list-style: none; }
#main .page-thumbnails img { padding: 0; background: #fff; }
#main .page-thumbnails a {
  display: block; background: #9c0; color: #fff; cursor: pointer;
  outline: none; }
#main .page-thumbnails a:visited { color: #fff; }
#main .page-thumbnails a:hover {
  color: #333; color: #fff; background: #8ab800; }

#main .page-thumbnails a div.title {
  display: table-cell; vertical-align: middle; text-align: center; width: 144px;
  height: 35px; line-height: 1.2em; font-weight: bold; padding: 0 3px; }
.thumbnail-placeholder { width: 150px; height: 150px; background: #f0f0f0; }


/* PAGE - SITEMAP */
#main ul.sitemap { margin: 20px; }
#main ul.sitemap li {
  margin: 10px 0 0 0; padding: 0; list-style: none; font-size: 14px; }
#main ul.sitemap li ul { margin: 0 0 0 10px; padding: 0;  }
#main ul.sitemap li ul li { margin: 0; padding: 0;  }
#main ul.sitemap li ul li a { font-weight: normal; font-size: 12px; }
#main ul.sitemap li ul ul li { margin: 0 0 0 10px; padding: 0; }


/* PAGE - PEOPLE OF RIVERSIDE */
.more-people img.alignleft { margin: 20px 20px 20px 20px; }
.more-people img.alignright { margin: 20px 20px 20px 20px; }
.more-people h3 { clear: both; }


/* PAGE - HOME */
.page-template-page-home-php #footer { text-align: center; }

#home-image {
  width: 960px; height: 362px; margin: 0; position: relative;
  background: url('images/home/frame.gif') top center no-repeat;
  text-align: center; }
html>body #home-image { background-image: url('images/home/frame.png'); }
#home-image div { position: relative; }

#home-image .new-button {
  position: absolute; bottom: 8px; right: 8px; text-indent: -9000px;
  font-size: 1px; width: 177px; height: 75px; text-decoration: none;
  outline: none; background: url('images/home/im-new-here.gif') 0 0 no-repeat; }
#home-image .new-button:active { position: absolute; bottom: 7px; right: 8px; }


#home-boxes {
  width: 940px; height: 190px; margin: 10px 0 -10px 0; padding: 0 10px;
  background: url('images/home/boxes.png') no-repeat top center; }
#home-boxes ul { width: 160px; float: right; margin: 10px 0 0 0; }
#home-boxes img { float: left; }
#home-boxes a {
  font-weight: bold; color: #666; font-size: 15px; line-height: 1.8em;
  text-decoration: none; }
#home-boxes a:hover { color: #333; color: #388da9; }
#home-boxes a:active { position: relative; top: 1px; }
#home-boxes h3 { margin: 0 0 10px 0; }
#home-boxes h3 a {
  font-size: 20px; color: #999; font-weight: bold; text-transform: uppercase;
  line-height: 20px; }
#home-boxes .hovered h3 a { color: #666; }
#home-boxes .boxes { height: 160px; float: left; padding: 20px 0 0 20px; }
#home-boxes .boxes .photo { width: 110px; height: 110px; float: left; }

#home-boxes #box-one { width: 280px; }
#home-boxes #box-one .photo {
  background: url('images/home/explore.jpg') no-repeat bottom left; }
#home-boxes #box-one.hovered .photo { background-position: top left; }

#home-boxes #box-two { width: 280px; margin-left: 20px; }
#home-boxes #box-two .photo {
  background: url('images/home/gather.jpg') no-repeat bottom left; }
#home-boxes #box-two.hovered .photo { background-position: top left; }

#home-boxes #box-three { width: 280px; margin-left: 20px; }
#home-boxes #box-three .photo {
  background: url('images/home/connect.jpg') no-repeat bottom left; }
#home-boxes #box-three.hovered .photo { background-position: top left; }


/* PAGE - WELCOME */
#welcome {
  margin: 0 0 20px 0; float: left; width: 460px; background: #f4f7cf;
  background: #fff; }
#welcome h1 {
  padding: 0 15px; font-size: 30px; height: 60px; line-height: 60px;
  color: #9c0; }
#welcome p { font-size: 1.4em; margin: 15px; }
#welcome a {
  font-weight: bold; text-decoration: none; color: #fff; padding: 5px 10px;
  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#welcome a.read { background: #00a060; }
#welcome a.read:hover { background: #00ba70; }
#welcome span { margin: 0 5px; }
#welcome #video { text-align: center; }


/* PAGE - NEWS */
#main .oldnews { float: left; width: 220px; height: 300px; overflow: hidden; }
#main .oldnews h2 a {
  line-height: 1.1em; font-size: 18px; font-weight: normal; }
#main .oldnews p { margin-right: 0; }


/* TEMP - for debugging */
.rounded-all { font-style: italic; }
h1.rounded-top { color: red !important; }