/*
Theme Name: Hope Church Theme
Theme URI: http://www.injoi-mydesign.com
Description: The Wordpress theme for Hope Church website
Version: 1.5
Author: Xavier Porter for Injoi MyDesign

Default WordPress by Xavier Porter || http://injoi-mydesign.com

*/

* {margin:0; padding:0;}
body { margin:0; padding:0; background-image:url(images/bg.jpg); background-color:#535152; background-position:center top; background-repeat:no-repeat;}
body,p,div {
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}
#footer, #footer p{
font-size: 1em;
}
strong {color:#b32117;}
.white {color:#ffffff;}
#content ul, #content ol {
	list-style-position:outside;
margin-left:25px;
padding-left:1em;
	}
#content ul li, #content ol li  {
margin-bottom:5px;
}
#content p {margin-bottom: 10px;}
#content p a:link, #content p a:visited {text-decoration:none;}
#content h1, #content h2, #content h3{ font-family: Tahoma, Arial, sans-serif;  padding-top:20px; padding-bottom:20px;}
#content h1, #content h2 {color:#b32117; }
#content h1 { font-size:2.4em;}
#content h2 {font-size:1.8em;}
#content h3 {font-size:1.4em;color:#CF5840;}
.gray {color:#898989; font-size:1.4em;}
.orange {color:#cc7518;}
a:link, a:visited {font-weight:bold; color:#898989;}
#wrapper {margin:0 auto; width:920px;}
#footer {width:100%; min-height:100px; background-color:#3D3D3D;}
#header {width:920px; background-color:#FFFFFF; height:123px; background-image:url(images/body_01.gif);}
#header h1, #header h1 a {text-indent:-9000px; display:block; width:302px; height:76px; background-image:url(images/hopechurch_logo.gif); background-repeat:no-repeat;}

#header_page {width:920px; background-color:#666666; height:65px; background-image:url(images/body_01.gif);padding-bottom:15px;}
#header_page h1, #header_page h1 a {text-indent:-9000px; display:block; width:241px; height:56px; background-image:url(images/hopechurch_logo_small.gif); background-repeat:no-repeat;}
#page_image {width:920px; height:212px;}
#menu {
	width:910px;
	background-image:url(images/body_02.gif);
	background-color:#666666;
	background-repeat:no-repeat;
	height:59px;
	padding-bottom:15px;
	position: relative;
	padding-top: 15px;
	padding-right: 5px;
	padding-left: 5px;
}
#secondary_menu {
	width:910px;
	background-image:url(images/body_02.gif);
	background-repeat:no-repeat;
	height:48px;
	padding-bottom:15px;
	position: relative;
	padding-top: 15px;
	padding-right: 5px;
	padding-left: 5px;
}
#main_image {width:920px; height:350px;}
#end_cap{ width:920px; height:30px;}
#events {width:920px; background-image:url(images/body_06.gif); min-height:106px; background-position:center top; background-repeat:no-repeat; overflow:auto; padding-top:10px;padding-bottom:10px;}
#content {width:920px; background-color:#ffffff; min-height:506px; background-position:center top; background-repeat:no-repeat; overflow:auto; padding-bottom:20px;}
#content #links {width:278px; min-height:450px; margin-right:5px; float:left; text-align:right;}
#content #highlight {width:600px; float:left; padding-left:10px; border:none;}
#links {width:272px; height:126px; margin-right:10px; float:left; }
#links img {padding-bottom:10px;}
.highlight {width:625px; float:left; padding-left:10px; border-left-width:1px; border-left-color:#999999; border-left-style:double; }
.pic {  position:relative; margin:10px; width:177px; height:101px; float:left; padding-right:10px;}
.pic span { width:192px; height:126px; position:absolute; top:-11px; left:-10px;; background:url(images/frame.png) no-repeat; display:block; text-indent:-9000px;}
#sidebar {width:390px;}
#picText {width:300px; height:126px; color:#CCCCCC; float:left; line-height:1.8em;}
#picText p {color:#CCCCCC;}
#picText h3 {color:#E64A3E; font-family:Tahoma, Arial; font-size:18px; font-weight:bold;}
#picText h4 {color:#ffffff; font-family:Tahoma,Arial; font-size:14px;}
#picText a {color:#ffffff; font-family:Tahoma,Arial;}
#menu ul, #secondary_menu ul {
   padding: 0;
   margin: 0;
   }
 /* Don't apply padding here (offsetWidth will differ in IE)
If you need padding add it to the child anchor */
 #menu ul li, #secondary_menu ul li {
 float: left;
 list-style: none;
 }
#menu ul li a, #secondary_menu ul li a {
/* text-indent: -500em; */
 z-index: 10;
 display: block;
 float: left;
 height: 36px;
 position: relative;
 overflow: hidden;
 padding-right:5px;
 padding-left:5px;
 padding-top:3px;
text-align:center;
font-family:Arial,Helvetica;
font-size:12px;
border-left:1px solid #C02708;
 }


#menu_home a {

	width: 55px;
       color:#ffffff;
       text-decoration:none;
	/*background: url('images/menu_home.png') no-repeat center !important;	

	background: url('images/menu_home.gif') no-repeat center;*/
	

}


.page_item a {
	width: 100px;
       color:#ffffff;
       text-decoration:none;
}

.page-item-13 a {

	width: 90px;
       color:#ffffff;
       text-decoration:none;
	/* background: url('images/menu_im_new.png') no-repeat center !important;	

	background: url('images/menu_im_new.gif') no-repeat center; */
	

}

.page-item-101 { border-right:1px solid #C02708;}

.page-item-7 a {

	width: 60px;
color:#ffffff;
       text-decoration:none;
	/*background: url('images/menu_aboutus.png') no-repeat center !important;	

	background: url('images/menu_aboutus.gif') no-repeat center;*/

}



.page-item-3 a {

	width: 85px;
color:#ffffff;
       text-decoration:none;
	/* background: url('images/menu_mcdonough.png') no-repeat center !important;	

	background: url('images/menu_mcdonough.gif') no-repeat center; */

}



.page-item-10 a {

	width: 80px;
color:#ffffff;
       text-decoration:none;

	 /* background: url('images/menu_jointhemovement.png') no-repeat center !important;	

	background: url('images/menu_jointhemovement.gif') no-repeat center; */

}

.page-item-16 a {

	width: 75px;
color:#ffffff;
       text-decoration:none;

	 /* background: url('images/menu_allovertheweb.png') no-repeat center !important;	

	background: url('images/menu_allovertheweb.gif') no-repeat center; */

}

.page-item-20 a {

	width: 85px;
color:#ffffff;
       text-decoration:none;

	/* background: url('images/menu_onlinegiving.png') no-repeat center !important;	

	background: url('images/menu_onlinegiving.gif') no-repeat center; */

}

.page-item-22 a {
	width: 65px;
color:#ffffff;
       text-decoration:none;
	/* background: url('images/menu_eviteafriend.png') no-repeat center !important;	
	background: url('images/menu_eviteafriend.gif') no-repeat center; */
}

 #menu li.background, #secondary_menu li.background{
  background: url('images/bg_menu_right.gif') no-repeat top right;
  z-index: 8;
  position: absolute;
 visibility: hidden;
 top:10px;
  }
   
  #menu .background .left, #secondary_menu .background .left {
  /* background: url('/images/bg_menu.png') no-repeat top left !important; */
  background: url('/images/bg_menu.gif') no-repeat top left;
  height: 50px;
  margin-right: 5px; /* 7px is the width of the rounded shape */
  }

/* CSS Document */

#slide-images {
	position:absolute;
	display:block;
	margin:0px;
	padding:0px;
	width:920px;
	height:350px;
	right:0;
	top:0;
}
#slide-images li {
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#slide-images li img {
	display:block;
	border: 0;
}
ul#portfolio{
margin:0; padding:0;
}
ul#portfolio li img{
	border: 0px solid #ccc;
	padding: 0px;
}

ul#portfolio {list-style:none;}

div#slides {
    width: 500px;
    height: 280px;
    overflow: hidden;
    border: solid 5px #000;
}
 
div#slides div {
    height: 280px;
    width: 500px;
    font-size: 100px;
    line-height: 200px;
    text-align: center;
    color: #fff;
}

.red {
    background: #e40053;
}
 
.blue {
    background: #0094d5;
}
 
.green {
    background: #43aa38;
}