/*
Theme Name: Joyful Hearts
Theme URI: http://www.thejoyfulhearts.com
Version: 1.0.0
Date: 6/1/09
Author: Doug Henderson
Author URI: http://www.hendersonhomeonline.com/
*/

/*---:[ global elements ]:---*/

* { margin: 0; padding: 0; }

div { margin: 0; padding: 0; }

a { color:#4B85D3; text-decoration: underline; }

a:hover { color: #4B85D3; text-decoration: none; }

body {
  background: url(/images/site/bg.jpg) top center no-repeat fixed #000;
  font-family: verdana, arial, helvetica;
}

#wrapper {
  width: 517px;
  margin: 0 auto;
  padding-top: 20px;
  position: relative;
}

#main {
  background: url(/images/site/top.png) no-repeat transparent;
  padding-top: 43px;
  position: relative;
  z-index: 1;
  margin-top: 10px;
}

#content {
  background: url(/images/site/middle.png) repeat-y transparent;
  width: 456px;
  padding: 0 29px 0 32px;
  text-align: justify;
  font-size: 12px;
  color: #333;
  line-height: 18px;
}

#subcontent { }

#subcontent_left { float: left; width: 208px; margin-right: 10px; }

#subcontent_right { float: left; width: 238px; }

#news { padding: 5px 0 0 10px; }

#social { margin-top: 15px; }

#footer {
  background: url(/images/site/bottom.png) no-repeat transparent;
  height: 43px;
}

h1{font-size:1.8em; font-weight:normal; color:#4b85d3; font-family:georgia;padding:0 10px 10px 10px;}

h2 {
  font-size: 1.6em;
  font-weight: bold;
  color: #333;
  font-family: verdana, georgia;
  padding: 10px 0 0 0;
}

h3 {
  font-size: 12px;
  font-weight: bold;
  color: #4B85D3;
}

#thanks {
  position: absolute;
  background: url(/images/site/thanks.png);
  width: 132px;
  height: 129px;
  bottom: 0;
  right: -4px;
}

#nav {
  position: absolute;
  z-index: 2;
  right: 10px;
  display: block;
  height: 33px;
  font-size: 10px;
}

#nav ul { }
#nav li { float: left; height: 33px; list-style-type: none; }
#nav a { display: block; font-size: 1.3em; position: relative; z-index: 10; text-decoration: none; color: #FFF; padding: 0 5px 23px 5px; }
#nav a:hover { color: #4B85D3; }

.lavaLamp li.back {
  background: url(/images/site/nav.png) bottom center no-repeat;
  width: 9px;
  height: 30px;
  z-index: 8;
  position: absolute;
}

#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666;}
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left;}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em;}

/*---:[ post styles ]:---*/

#post_list { border-top: 1px dotted #333; margin: 15px 0 0 0; }

.post_box { border-bottom: 1px dotted #333; padding: 20px 0; line-height: 18px; }

.post_date{color:#666;font-size:0.9em; margin-bottom:10px;}

.post_text { font-size: 12px; line-height: 18px; }

.post_footer { font-size: 11px; }

/*---:[ comment styles ]:---*/

#comment_number { font-size: 16px; font-weight: bold; }

#comment_list { border-top: 1px dotted #333; margin: 5px 0 60px 0; }

.comment_box { border-bottom: 1px dotted #333; padding: 20px 0 10px 0; line-height: 18px; }

.comment_author { font-size: 11px; font-weight: bold; color: #333; }

.comment_author a { color: #4B85D3; }

.comment_author a:hover { color: #4B85D3; }

.comment_time { font-size: 11px; color: #666; }

.comment_text { padding-top: 15px; }

#respond {  }

.more_upcoming {
  display: inline;
}

.more_footer {
  display: block;
  color: #FFF;
  text-align: center;
  padding: 10px 0;
  font-size: 9px;
}

.image {
  border: 5px solid #C7C1C1;
  margin: 5px 10px 0 0;
}

.photo {
  border: 5px solid #C7C1C1;
}

#logo {
  background: url(/images/site/logo.png) no-repeat;
  width: 255px;
  padding-top: 40px;
  margin-left: 12px;
  color: #FFF;
  font-style: italic;
}

p { padding: 0 0 10px 0; }

.postdate_news {color: #666; font-size: 0.9em; margin-bottom: 5px;}

.posted_comment_1st {
  font-size: 11px;
  color: #666;
  margin: 10px 0 5px 0;
}

.posted_comment {
  font-size: 11px;
  color: #666;
  margin: 20px 0 5px 0;
}

#upcoming_header {
  height: 32px;
  line-height: 32px;
  background-color: #6794CF;
  color: #FFF;
  padding: 0 10px;
}

#upcoming_dates {
  background-color: #E9E9E9;
  padding: 5px 0 0 10px;
  font-size: 11px;
}

.title { padding-top: 20px; }

#pagination {
  border-top: 1px dotted #333;
  margin-top: 20px;
  padding-top: 15px;
}

/*---:[ misc elements ]:---*/

#get_flash { margin-bottom: 20px; }

.box { border-bottom: 1px dotted #333; padding: 20px 0; line-height: 18px; }

.page_header { padding: 20px 0; border-bottom: 1px dotted #333; }

#schedule { padding: 20px 0 10px 0; }

#schedule_menu { padding: 0 0 20px 0; border-bottom: 1px dotted #333; }

.padding-bottom-15px { padding-bottom: 15px; }

.clear { clear: both; }

.media_img { float: left; margin-right: 20px; }

.media_text { float: left; line-height: 150px; }

.media_audio_line { margin-top: 15px; }

.media_audio_left { float: left; width: 136px; }

.media_audio_right { float: left; width: 320px; }