@import url(base.css);
 
/* 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_index2.jpg) no-repeat top center;
  height: 1000px;
  z-index: 1;
}


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

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

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

#comments p {
  padding-left: 10px;

}

#left p {
  padding-left: 10px;

}


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

a:hover {
  color:#232323;
}

#content_body {
  margin:0 auto;
  padding-top: 30px;
  width: 900px;
  position: static;
}
 
#lower_right p {
  margin: 8px 8px 8px 8px;
  text-align:left;
}

/* Menu */

#menu {
  position: absolute;
  left: 20px;
  top: 244px;
  list-style: none;	
}

* {
-moz-outline: 1px dashed orange;
}

/* 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: 260px;
  margin: 0 auto;
  position: relative;

}

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

#statement {
  position: absolute;
  left: 255px;
  top: 4px;
  list-style: none;	
}

#countdown {
  position: absolute;
  left: 530px;
  top: 4px;
  list-style: none;	
}

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

#lower {
 margin-top: 10px;
 margin-left: 90px;
 width: 720px;

}

#lower img{
 margin: 10px;
}

#output {
 text-align: center;
 margin-top: 0px;
 margin-left: 0px;
 width: 200px;

}

#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: #e2f2c3;
}

#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;
}

/* 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;
}

/* 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: #e2f2c3;
  border: 1px solid #6a6a6a;
  padding:5px;
  margin-left: 20px;
  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 {
  height: 35px;
  width: 790px;
}