/*
 Template: hybrid
 * Theme Name: webelieve
 * Theme URI: 
 * Description: A user-friendly, search-engine optimized theme framework, featuring 18 custom page templates and multiple widget-ready areas, allowing you to create any type of site you want. 
 * Version: .1
 * Author: Thirdman Design
 * Author URI: 
  * Tags: theme-options, threaded-comments, sticky-post, microformats, one-column, two-columns, three-columns, fixed-width
 * Status: publish
 */



/* colours
dark blue 0B3543
blue 506E78
red: CA2214
*/


/* Get base CSS */
@import url('../hybrid/library/css/21px.css');

/* Get layout CSS */
@import url('../hybrid/library/css/2c-l-fixed.css');

/* Get plugins CSS */
@import url('../hybrid/library/css/plugins.css');

/* Get drop-downs CSS */
@import url('../hybrid/library/css/drop-downs.css');

/* Get default CSS */
@import url('../hybrid/library/css/screen.css');

/* Make sure theme clears WP.org theme repository checklist */

body {background: url(/imgs/bg_behind.gif) top center repeat-x;
}
#body-container {
margin:0px auto;
text-align: center;
}
/*Typography*/
a, a:link, a:active{color: #CA2214; text-decoration: underline; }
a:hover{color: #000}
a:visited{color: #A31D17}

/* Headers */
h1, h2, h3, h4, h5, h6 { letter-spacing: -0.05em;
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #0B3543;
	font-weight: bold;
	}
h1 a{color: #333; font-size: 28px;  text-decoration: none;}
h1 a:hover{color: #999;}

h2 a, h3 a{color: #506E78; text-decoration: none;}
h2 a:hover, h3 a:hover,{color: #eee;}

	
	
	
h2 {
	font-size: 24px;
	}
h3 {
	font-size: 19px;
	}
h4 {
	font-size: 17px;
	}
h5 {
	font-size: 15px;
	}
h6 {
	font-size: 13px;
	}
	
	


#header-container{ background-color: #506E78; text-align: center; margin: 0 auto; background: #fff url(/imgs/bg_header.gif) top center no-repeat;}
#header { height:165px; margin: 0 auto; width: 1060px; text-align: left;background:  url(/imgs/bg_header_top.gif) top center no-repeat;}


#container{text-align: left; margin: 0 auto; width: 960px; }

#footer-container{margin: 0 auto; text-align: center; background: #dddddf url(/imgs/bg_footer_wide.gif) top center repeat-x;}
#footer { height:102px; background:  url(/imgs/bg_footer.jpg) top center no-repeat; font-size: 10px; color: #777;padding-top: 105px; width: 960px; text-align: left; margin: 0 auto;}
#footer a{ text-decoration: underline;}
#footerleft{ float: left; margin-left: 120px;}
#footerright{float: right; margin-right: 120px;}

/* home */
.homequote{font-size: 32px; font-weight: bold;color: #0B3543; text-align: center; width: 100%; margin: 20px 0 0; letter-spacing: -.06em;}
.sections{padding:10px;}
#kupuwhakapono{ text-align: center; padding: 0; }
#kupuwhakapono img{ margin: 0; padding: 0; margin-bottom: 1px;}
#thetimeline{padding:10px;  text-align: center;}
#thetimeline h2{text-align: left;}
#thetimeline img#timelineimg{margin-bottom: 30px;}



#theprocess{ width: 430px; float: left; background: url(/imgs/dots2.gif) top right repeat-y; padding-right: 30px; }
#thehaveyoursay{width: 430px; float: left;padding-left: 30px;}

/* menu */

#nav-container{ width: 960px; text-align: left; margin: 0 auto; top:-34px; position: relative;}
#themenu{  height: 60px;}
navigation {
height:34px; 
margin:0; padding: 0;
overflow:visible;
z-index:100;
}


ul#thenav{ list-style-type: none; margin: 0 0 0 10px;; padding: 0; position: relative;  height: 34px;}
ul#thenav li{margin: 0 2px; padding: 0; float: left; background: transparent; }
ul#thenav li a{margin: 0; padding: 0; display: block; overflow: hidden; height: 34px; line-height: 34px; padding: 0 2px; text-align: center;   background:  url(/imgs/bg_topnav.gif) 0px 0px no-repeat; color: #333; width:140px; text-decoration: none; font-size: 15px;}
ul#thenav li a:hover, ul#thenav li a:active{background-position: 0px -50px; color: #fff;}
ul#thenav li.current_page_item a, ul#thenav li.current_page_ancestor a{background-position: 0px -50px; color: #fff;}

/* --- SUB NAV --- */
ul#subnav{ list-style-type: none; margin: 24px 0 0 10px;; padding: 0; }
ul#subnav li{margin: 0; padding: 0; float: left; background: transparent; }
ul#subnav li a{margin: 0; padding: 2px 10px;  color: #ddd;  width:140px; border-right: 1px solid white; text-decoration: none;  }
ul#subnav li a:hover, ul#subnav li a:active{ color:#fff; text-decoration: underline;}
ul#subnav li.current_page_item  a{color:#fff; text-decoration: underline;}


/* --- Confession list --- */

.theconfessionlist{ margin-top: 1em;}
.theconfessionlist dt{ margin: 0; padding: 0;}
.theconfessionlist dd{display: none; background: #eee; font-size: .9em; color: #0B3543; padding: 1.5em; width: 80%; /*  position: relative; width: 300px; float: right; clear: both;  */}
.theconfessionlist .theforms{ padding: 10px;/* background: #e1eaf4;*/ border: 1px solid #e2e2e2; }
.commentonthisform{margin-top: 2em; display:none;}
.pretty-hover{color:#CA2214;cursor: pointer;}
.hideelement{display: none;}
.hidethis{ display: block; width: 40px; height: 26px; float: right; position: relative; top:-46px;background: #eee; padding: 2px; text-align: center;}


/* --- MISC --- */
hr { background: url(/imgs/dots2.gif) top left repeat-x; border: 0px solid white; height: 5px; width: 100%; }

.confessionlist{ padding: 10px;}
#leftside{ width: 400px; float: left; background: #fff;}
#rightside{width: 480px; margin-left: 400px; background: #f3f3f3; color: #444;padding: 10px 0 10px 10px; font-size: 12px;}
.altparagraph{}
#alt{ margin: 30px 0;background: #eee;  padding-left: 10px;}
#alta{ }
#altb{ }

.post img{ max-width: 880px; border: 0px solid white;}

#thepullout{ float: right; width: 220px; font-style: italic; padding-top: 0.5em; padding-left: 0.5em;font-size: 20px; margin: 4em 0 2em 1em;background: url(/imgs/quote_start.gif) top left no-repeat;}
#thepulloutspan{background: url(/imgs/quote_end.gif) bottom right no-repeat; padding-left: 0.5em; padding-right: 1em;padding-bottom: 0.2em; }
.alignright {}
.alignleft {}
.alignnone {}
.aligncenter {}
.avatar {}
.wp-caption {}
.gallery {}
.wp-smiley {}


#pcanz_holder{ position: absolute; top:166px; right: 20px;}

/***** timeline ul *******/
#timelinewrap{ width: 882px; height: 80px; overflow: hidden; margin-left: 20px;}
ul#thetimeline{list-style: none; list-style-type: none; margin: 0; padding: 0; background: url(/imgs/timeline_finalversion.gif) 2px 1px no-repeat; width: 990px; height: 74px; overflow: hidden; }

ul#thetimeline li{ margin: 0; padding: 0; float: left;  overflow: hidden; height: 74px; top:0px; left: -16px;

/* this removes all the buttons*/

display: none !important;
}
ul#thetimeline li a{ margin: 0; padding: 0; display: block; height: 74px; }
ul#thetimeline li span{  margin-left: -1000px;}
ul#thetimeline li.li_tl{ }
ul#thetimeline li#li_initial{position: relative; width: 147px;left: 0px;}
ul#thetimeline li#li_1stdraft{position: relative; width: 149px;  left: -16px; }

ul#thetimeline li#li_1stresponse{position: relative; width: 162px;height: 74px; display: block;left: -16px; }
ul#thetimeline li#li_1stresponse a:link{width: 162px;height: 74px; display: block; left: -16px;  background:   url(/imgs/tl_1stresponse.gif) 0px -66px no-repeat; }
ul#thetimeline li#li_1stresponse a:hover{background:   url(/imgs/tl_1stresponse.gif) 0px 1px no-repeat; }

ul#thetimeline li#li_2nddraft{position: relative;  width: 162px;height: 74px; left: -31px; }
ul#thetimeline li#li_2nddraft a:link{width: 162px;height: 74px; display: block; background:   url(/imgs/tl_2nddraft.gif) 0px -66px no-repeat; }
ul#thetimeline li#li_2nddraft a:hover{background:   url(/imgs/tl_2nddraft.gif) 0px 1px no-repeat; }


ul#thetimeline li#li_2ndresponse{position: relative;  width: 162px;height: 74px; left: -46px; }
ul#thetimeline li#li_2ndresponse a:link{width: 162px;height: 74px; display: block; background:   url(/imgs/tl_2ndresponse.gif) 0px -66px no-repeat; }
ul#thetimeline li#li_2ndresponse a:hover{background:   url(/imgs/tl_2ndresponse.gif) 0px 1px no-repeat; }



ul#thetimeline li#li_finalreport{position: relative; width: 161px; height: 74px; left: -60px; }
ul#thetimeline li#li_finalreport a:link{width: 162px;height: 74px; display: block; background: url(/imgs/tl_finalreport.gif) 0px -66px no-repeat; }
ul#thetimeline li#li_finalreport a:hover{background:   url(/imgs/tl_finalreport.gif) 0px 1px no-repeat; }





/***** form submit *******/
.clear {clear:both}

.element{width: 680px; clear: left;}

.element * {
	padding:2px; 
	margin:2px; 
	font-size:12px;
}
.element label {
	float:left; 
	width:75px;
	
}
.element input.text {
	float:left; 
	width:270px;
	padding-left:10px;
}
.element .textarea {
	height:120px; 
	width:470px;
	padding-left:10px;
}
.element .hightlight {
	border:2px solid #9F1319;
	background:url(iconCaution.gif) no-repeat 2px
}
.element #submit {
	float:right;
	margin-left: 77px;
}
.element.submit {
	padding-left: 77px;
}

.loading {
	float:right; 
	background:url(ajax-loader.gif) no-repeat 1px; 
	height:28px; 
	width:28px; 
	display:none;
}
.done {
	margin:20px auto; 
	display:none
}