3/*
Theme Name: Journey of Hope
Description:
Version: 1.0
Author: Ruramai Nhapata (www.flowsa.com)
Date: September 2008
*/

/*RESET AND CLEARFIX
----------------------------*/
:link,:visited {}
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address {font-style:normal}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}  
.clearfix {display:inline-block;}
.clearfix {display:block;}

/* BODY
-----------------------------------*/
html, body {height:100%;}

/* BASE TYPOGRAPHY
-----------------------------------*/ 
body {font: 62.5%/1.4em Arial, "Times New Roman", sans-serif; background-color:#f2d3e2;}

p, ul, ol {font-size:1.3em; line-height:1.5em; margin-bottom: 1em;} 

a:link {outline:none; color:#1A4273;}   
a:visited {color:#1A4273;}
a:hover {}

h1 {font-size:2.2em;}
h2 {font-size:2.0em;}
h3 {font-size:1.6em;}
h4 {font-size:1.4em;}  
h5 {font-size:1em;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; margin-bottom:0.3em; line-height:1.2em; color:#645763;}

blockquote {margin:10px; border:2px solid #431400; padding:5px; background-color:#EFD6D1;}

/* BASE TEMPLATE
---------------------------------*/
#wrap {width:800px; background:url(/beyondtheme/images/wrap.jpg); padding:0 14px;}
#container {width:800px; margin:0px auto;}

/* LAYOUT STRUCTURE
-------------------------------- */
#content {float:left; margin-bottom:0px; background-color:#FFF; padding:10px; width:780px;}
#main {float:left; width:572px;}

#main a {color:#D95092;}

/* HEADER
------------------------------- */

#header {background: #fff url(/beyondtheme/images/header3.jpg) no-repeat; height:150px; margin-bottom:0px;}
#header h1 span {margin-left:-9999px;}

/*FOOTER
------------------------*/
#footer {clear:both; height:45px; font:0.85em Arial, Trebuchet, Helvetica, Arial, sans-serif;}
#footer p {text-align:center; color:#000; margin-top:0px;}
#footer a:link {color:#000;}   
#footer a:visited {color:#000;}

/*MAIN CONTENT GENERAL 
-------------------------*/
#main h1 {background:url(/beyondtheme/images/header1.jpg) no-repeat; padding-left:40px; padding-bottom:10px; color:#333;}

#main h2 {background:url(/beyondtheme/images/Ribbon_header2.jpg) no-repeat; height:22px; padding-left:24px; color:#F00088;}
#main h3 {color:#d663a5}

/*STATIC PAGE
-----------------*/

/* MAIN CONTENT LISTS
-------------------------*/
#main ul {list-style-type:disc; margin-left:1.6em;}
#main ol {list-style-type:decimal; margin-left:1.6em;}
#main li {margin-bottom:0.3em;}
#main li li {font-size:80.9%;}
#main li li li {font-size:82.6%;}

/*Floats 
-------------------------*/
.floatright {float:right; margin-left:10px;}
.floatleft {float:left; margin-right:10px;}

/* UTILITY / SEARCH ROW
------------------------------*/
#utility-nav {}

/* NAVIGATION PRIMARY
------------------------------*/
#nav {background:#FAA0B9; height:37px; display:block;}
#nav ul {margin-bottom:0;}
#nav ul li {float:left; font-size:1.1em;} 
#nav ul li.first {padding-left:0;}
#nav ul li a {color:#fff; text-transform:uppercase; text-decoration:none; padding: 10px 15px; text-align:center; line-height:37px;}
#nav ul li.first a {}
#nav ul li.current a {text-decoration:underline;}
#nav ul li a:hover {text-decoration:underline;}

#nav-searchbox {float:right; padding-right:5px; padding-top:4px;}
#nav-searchbox form {}

/* NAVIGATION BREADCRUMB
------------------------------*/
#breadcrumb {display:block;}
#breadcrumb ul {margin-bottom:0; float:left;}
#breadcrumb ul li {float:left; margin-bottom:10;} 
#breadcrumb ul li a {padding-left:10px; padding-right:10px; color:#fff; text-transform:uppercase; background-color:#43200A;}

/*HOMEPAGE MAIN
--------------------*/
#homepagemain { width:572px; float:left; background: #fff;padding:10px;}

/* 
-----------------------*/

#sidebar {width: 174px; float:left; color:black; background: #FAA0B9; margin-left:10px; padding:10px;}

#sidebar h2 {background:#dcdbdb; padding:4px; margin-bottom:0; font-size:1.6em; text-align:center;  color:white;}
#sidebar h2 a {text-decoration:none; color:white;}

#sidebar p {margin-right:5px;}
#sidebar dl {margin-left:10px; margin-right:10px; color:#111;}
#sidebar dt {font-size: 1.2em; margin-bottom:5px;}
#sidebar dd {margin-left:0px; font-size: 1em;}
#sidebar ul li {margin-left:30px; list-style-type:disc;}
#sidebar hr {color:white; width:90%;}

#sidebar-messages {background:white}

#breadcrumb ul {list-style-type:none;}

/* SEARCH BOX
-------------------*/
#nav-searchbox input {}
#searchinput {border:1px inset #000; border-left:2px inset #000; width:150px; height:18px; }
#cse-search-box {margin-top:3px;}

/* COPYRIGHT
-------------------*/
#copyright-notice p {font-size:1.1em; text-align:center; margin-top:10px;}

/* TEAM PHOTOS
-------------------*/

.teamphoto {width:225px; background-color:#F2D3E2; border:1px solid #F2D3E2;}
.teamphoto p {font-size:1.2em; font-weight:bold; padding:2px;}

/* MESSAGES OF SUPPORT
-----------------------*/

.commentbox {border-top: 2px solid #D95092; border-bottom: 2px solid #D95092;}

.commentbox {padding:5px; margin-bottom:10px;} 
.commentbox dt {float:left; color:#D95092;}
.commentbox dt p {font-size:4em; line-height:1em; margin-bottom:0; font-weight:bold;}
.commentbox dd {}

.commentbox dd.comment-body {margin-left:75px; }
.commentbox dd.comment-meta {margin-left:75px; }


#entry-submitcomment label {display:block; font-size:1.3em; margin-bottom:10px; font-weight:bold;}
#entry-submitcomment input {margin-bottom:5px}
#entry-submitcomment textarea {margin-bottom:5px;}

/* JOURNEY OF HOPE SONG
------------------------*/

#johsong {background-color:#F1D0E1; padding:5px; margin-bottom:10px; border:1px solid #D95092;}
#johsong p {color:#D95092; font-size:1.6em; margin-bottom:0;}


.newsentry {margin-bottom:10px;}
.newsentry img {border:2px solid #FCEBF3}

.firstlevel {margin-left:10px;}
.secondlevel {margin-left:20px;}



