@import url(base.css);

/* Form Formatting */

.tbmain{ 
 /* Changes on the form */
 background: white !important; 
}
.left{
  /* Changes on the form */
  color: black !important; 
  font-family: Verdana !important;
  font-size: 12px !important;
}
td.left {
  font-family:"Verdana";
  font-size:12px;
  color:black;
  padding: 4px;
}
.pagebreak{
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.tbmain{
  height:100%;
  background:white;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}

/* Mid Header ================================================== */

body { 
  background:url(../images/main_bg_back.jpg) repeat top center;
  font: 12px Verdana, sans-serif; 
  z-index: 2;
}

#saran_wrap { 
  background:url(../images/main_bg.jpg) no-repeat top center;
  height: 355px;
  z-index: 1;
}

/* Prayer Request Text format */

#prayer_request p{
  margin-top: -20px;

}

/* C O N T E N T ===================== */

#left {
  float: left;
  display: inline;
  width: 502px;
  position: relative;
}

#left p {
  padding: 12px;

}


#left a {
  color:#996600;
  text-decoration: none;
}

#left a:hover {
  color:#232323;
}

#content_body {
  margin:0 auto;
  padding-top: 75px;
  width: 740px;
  position: static;
}

 
#lower_right p {
  margin: 2px 10px 5px 20px;
  text-align:left;
}

/* STORY */

#story img {
  margin: 2px 8px 2px 2px;
}

/* Right Column ================================================ */

#right {
  width: 222px;
  float: right;
  padding-right: 5px;
  display: inline;
  position: relative;
}



/* Up Coming  */

h2#upcoming {
  height: 28px;
  margin-left: 1px;
}

h2#upcoming_footer {
  height: 12px;
  margin: 0px 0px 0px 1px;
}

#upcoming_events {
  list-style: none; 
  background: #41342b;
  margin: 0px 0px 0px 6px;
}

#upcoming_events a {
 color: #ffb660;
 margin-left: 5px;
 font: 14px Verdana;
 letter-spacing: 1px;
 text-decoration: none;
}

#upcoming_events a:hover{
 color: #dd8319;
}

#upcoming_events h3{
  border-bottom: 1px dashed #ffffff;
  padding-top: 2px;
}
.stretch {
  color: #ffffff;
  font: 14px Verdana;
  letter-spacing: 1px;
  display: block;
  margin: 0px 1px 4px 1px;
  padding: 5px;
  cursor: pointer;
}
 
.stretch:hover{
  background-color: #333333;

}
.stretch p {
 font: 10px Verdana;
 color: #ffb660;
}

#upcoming_events .stretcher p{
 color: #ffb660;
 margin-left:5px;

}

/* The Spark */

#pray_now {
  padding-top: 182px;
  padding-left: 32px;
  display: inline;
  position: absolute;
  z-index: 2;
}

#staff_blogs {
  padding-top: 82px;
  padding-left: 11px;
  display: inline;
  position: absolute;
  z-index: 3;
}

#the_spark {
  padding-top: 0px;
  padding-left: 3px;
  display: inline;
  position: absolute;
  z-index: 4;
}

#get_help {
  padding-top: 270px;
  padding-left: 34px;
  display: inline;
  position: absolute;
  z-index: 1;
}

#get_connected {
  padding-top: 0px;
  padding-left: 1px;
  display: inline;
  position: absolute;
  z-index: 4;
}

#foundry_podcast {
  padding-top: 0px;
  padding-left: 1px;
  display: inline;
  position: absolute;
  z-index: 4;
}

#volunteer_side {
  padding-top: 0px;
  margin-left: 24px;
  display: inline;
  position: absolute;
  z-index: 4;
}


/* Online Sermons===============================================*/

h2#fresh_word {
  background: url(../images/header_onlinesermons.jpg) no-repeat;
  width: 502px;
  margin-top: 6px;
  margin-left: 8px;
  height: 22px;

}

ul#fresh_message span.title{
  float: left;
}


ul#fresh_message li {
  margin: 5px 5px 5px 35px;
  padding: 5px;
  font: 10px Verdana;
  background-color: #eaeaea;
  border: 1px solid #d9d9d9;

}

ul#fresh_message a {
 text-decoration: none;
 color: #b2741d;

}

ul#fresh_message a:hover{
 color: #000;
}

ul#fresh_message span.links{
  float: right;
 
}

#fresh_message p {
  padding: 0px;
  margin-right: 14px;

}

/* lower left segment ===========================================*/

#lower {
 margin-top: 12px;
 margin-left: 12px;
 width: 502px;

}

#lower_video {
 margin-top: 12px;
 margin-left: 12px;
 width: 502px;

}

#lower_video img{
 margin-top: -22px;
 margin-left: 396px;
 margin-bottom: 0px;


}

#lower_pray {
 margin-top: 12px;
 margin-left: 12px;
 width: 502px;

}

#lower_pray #comments{
 margin-top: -10px;
 margin-left: 20px;
 margin-bottom: 10px;
 width: 502px;
  background-color: #cdcdcd;
}

#lower_pray #comments p{
 margin-top: -6px;
 margin-bottom: -6px;
}



#lower_pray #comments_btn{
 margin-top: -26px;
 margin-left: 560px;
 margin-bottom: 0px;

}

#lower_pray #button{
 margin-top: -25px;
 margin-left: 460px;
 margin-bottom: 0px;
}

#lower_image {
 margin-top: 12px;
 margin-left: 12px;
 width: 502px;

}

#lower_image img{
  padding-top: 10px;
  margin-left: -54px;
  padding-right: 10px;
  position: relative;
}


#lower_left {
  position: relative;
  left: 10px;
  float: left;
  display: inline;
  width: 220px;


}


#lower_left h2 {
  background: url(../images/ttl_news_header.jpg) no-repeat;
  width: 220px;
  height: 29px;
  margin-bottom: 10px;
}


/* news */
ul#news_items p{
  color: #565656;
  text-align: left;
  font-size: 11px;

}

ul#news_items li {
  margin: 0px 5px -10px 10px;
  font: 10px Verdana;

}

ul#news_items a {
 font-size: 12px;
 margin-left: -10px;
 display: block;
 text-decoration: none;
 color: #b2741d;

}

ul#news_items a:hover{
}

#lower_right {
  right: 9px;
  position: relative;
  float: right;
  display: inline;
  width: 243px;
}

/* Spotlight box */

#lower_right #spot_header {
  background: url(../images/ttl_spotlight_header.jpg);
  width: 243px;
  height: 104px;
}

#lower_right #spot_header p{
  margin-left: 110px;
  margin-top: 30px;
  font-weight: bold;
  padding: 0px;
}

#lower_right #spot_header a{
  margin-left: 110px;
}

#spot_header span {
  position: absolute;
  left: 11px;
  top:7px;
}

#blog p{
  margin-top: -15px;
}

/* H E A D E R ================================================ */

#header_wrap {
  width: 100%;

  /*background: url(images/bg_topheader5.jpg) repeat-x;*/
}

#header {
  /*background: url("images/header_main5.jpg") no-repeat;*/
  width: 900px;
  height: 71px;
  margin: 0 auto;
  position: relative;

}

#flash {
  width: 740px;
  height: 194px;
  margin-top: 146px;	
  margin-left: 80px;
  margin-right: 0px;
  display: inline;
  position: absolute;
}

/* Page Marker */

#page_marker {
  margin-top: 0px;
  margin-left: -20px;
  display: inline;
  position: static;
  z-index: 1;
}

/* Sub menu Buttons */

#submenu li {
  float: left;  
  height: 44px;
}
	
#submenu li a {
  display: block;
  text-indent: -5000px;
  overflow: hidden;
  background-position: top;
  height: 44px;
}

#submenu li a:hover {
  background-position: bottom;
}

#submenu_nav {
  position: static;
  left: 183px;
  top: -57px;
  padding: 0px;
  list-style: none;	
}

#about_foundry_link {
  width: 133px;
  background: url(../images/nav_about_foundry.jpg) no-repeat;
}

#our_funding_link {
  width: 98px;
  background: url(../images/nav_our_funding.jpg) no-repeat;
}

#board_directors_link {
  width: 132px;
  background: url(../images/nav_board_directors.jpg) no-repeat;
}

#statement_faith_link {
  width: 127px;
  background: url(../images/nav_statement_faith.jpg) no-repeat;
}

#blog_spotlight {
  width: 71px;
  background: url(../images/nav_blog_spotlight.jpg) no-repeat;
}

#blog_recent {
  width: 104px;
  background: url(../images/nav_blog_recent.jpg) no-repeat;
}

#blog_bloggers {
  width: 74px;
  background: url(../images/nav_blog_bloggers.jpg) no-repeat;
}

/* ------ Blog Pictures  ------- */

.Item 
{
	float: left; 
	width: 100px;  /* fits four images across for browsers obeying min-width */
	height: 114px; /* height must be large enough to encompass all content otherwise floating will go goofy */
	margin: 8px;
	text-align: left; 
	padding: 5px 0px;
}

.ItemThumb
{
	position: relative;
	width: 100px; 
	height: 100px;
	text-align: center;

}

.ThumbPositioner
{
	/* hide absolute positioning from IE5 Mac \*/
	position: absolute;
	width: 100px;
	bottom: 0px;
	left: 0px;
	/* end hide */
}

.ItemInfoContainer
{
	position: relative;
	margin-top: 5px;
}

.ItemInfo
{
	text-align: center; 
}

#volunteer_step1 li {
  margin-left: 50px;
  padding: 5px;  
}

#entry_steps li {
  margin-left: 20px;
  padding: 5px;  
}

#entry_steps p {
  padding: 2px;  
}

/* MAP CANVAS */

#map_canvas_bg{
 padding-top: 2px;
 padding-left: 2px;
 width: 458px;
 height: 408px;
 background: url(../images/img_contact_map_bg.jpg) no-repeat;
  z-index: 2;
}

/* BLOG Section */

/* Blog Comment form */

form {
  margin-left: 0px;
}

#left .content form p{
  font-size: 12px;
  color: #666666;
  margin: 10px 0px 0px 0px;
  padding: 0;
}

form .text_box {
  background-color: #ccc;
  border: 1px solid #666666;
  font-size: 12px;
  color: #333333;
  padding: 1px;
  width: 250px;
}

 
form #captcha input{
  background-color: #fff;
  border: 1px solid #666666;
  font-size: 12px;
  color: #333333;
  padding: 1px;
  width: 115px;
  margin-top: 5px;
}

/* past blogs */

.extra_wrap .media_item {
  pading: 4px;
  margin: 0px 5px 10px 0px;
  font-size: 10px;
}


.extra_wrap .media_item a{
  font-size: 10px;
  font-weight: normal;
}

.content img.desktop {
  float: none;

}


/* comment display  */ 

.blog_post span.post_comments {
  float: right;
  color:#E97128;
}

.blog_comments_wrap {
  margin: 10px 0px 10px 0px;
  padding-bottom: 10px;
  border-bottom: 1px solid #222;
}

.blog_comments_wrap h1{
  font: 18px, Verdana;
  color: #444;
  padding-bottom: 4px;
  margin-bottom:2px;
}

.blog_comments {
  background-color: #cdcdcd;
  border: 1px solid #6a6a6a;
  padding:5px;
  margin-bottom: 10px;
}

.blog_comments span.comment_name{
font-weight: bold;
color: #333333;
float: left;
}

#left .content .blog_comments span.comment_date{
font-weight: bold;
color: #333333;
float: right;
}

#left .content .blog_comments  p{
  margin: 0px 0px 0px 0px;
  padding: 6px;
  font-size: 12px;
  color: #333333;
  line-height: 14px;
  border-top: 1px solid #ccc;
}

/* F O O T E R ===================== */

#footer {
  background: url("images/footer_main.jpg") no-repeat;
  height: 35px;
  width: 790px;
}