/* @override http://www.mdchurch.us/css/styles.css */

* {
   margin: 0;
   padding: 0;
}

body{
   background: url(/images/bg_body.jpg);
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
   font-size: small;
}

hr{
   display: none;
}

#skip{
   position: absolute;
   text-indent: -9999px;
   list-style: none;
}

#container{
   background: url(/images/bg_container.gif) no-repeat;
   width: 784px;
   margin: 15px auto;
}

a{
   overflow: hidden;
}

/* =Header
---------------------------------------------------------------------
*/

#header{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 728px;
   height: 83px;
   margin: 21px 0 0 28px;
   border-bottom: 9px solid #805C15;
   background: url(/images/bg_header.jpg) no-repeat;
}

#header h1{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 179px;
   height: 44px;
   margin: 19px 0 0 20px;
   background: url(/images/bg_h1.gif) no-repeat;
   text-indent: -9999px;
}

#header h1 a{
   display: block;
   width: 179px;
   height: 44px;
}

#header form#newsletter{
   float: right;
   width: 150px;
   margin-top: 22px;
}

#header form#newsletter fieldset{
   border: 0;
}

#header form#newsletter label{
   display: block;
   margin-bottom: .25em;
   color: #E2F2BF;
}

#header form#newsletter input#newsletter_text{
   width: 90px;
   padding: 2px;
   border: 0;
   font-size: 85%;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#header form#newsletter input#newsletter_submit{
   padding: 1px;
   border: 0;
   background: #B4610C;
   color: #FFF;
   font-size: 75%;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
   text-transform: uppercase;
}


/* =Navigation
---------------------------------------------------------------------
*/

#nav{
   float: left;
   width: 238px;
   border-bottom: 4px solid #000;
   list-style: none;
}

#nav li{
   float: left;
   width: 238px;
   text-transform: uppercase;
   border-bottom: 1px solid #000;
   font-size: 105%;
}

#nav li a{
   display: block;
   float: left;
   height: 29px;
   width: 206px;
   padding: 13px 16px 0;
   background: url(/images/bg_nav_li_a.gif) repeat-x;
   color: #FDFDFC;
   text-decoration: none;
}

#nav li a:hover{
   background: url(/images/bg_nav_li_a_hover.gif) repeat-x;
}

#nav li ul{
   list-style: none;
}

#nav li li{
   font-size: 95%;
   text-transform: none;
}

#nav li li a{
   height: auto;
   padding: 5px 16px;
   background: #1B0C01;
   color: #C6B974;
}

#nav li li a:hover{
   background: #261101;
}

body#home #nav{
   float: right;
   border: 0;
}

body#home #nav li{
   border: 0;
}

body#home #nav li a{
   height: 42px;
   color: #EFE7AA;
   font-size: 75%;
   text-decoration: none;
   text-transform: none;
}

body#home #nav li a b,
#home #nav li a strong{
   display: block;
   color: #FDFDFC;
   font-size: 140%;
   font-weight: normal;
   text-transform: uppercase;
}

/* =Container-Inner
---------------------------------------------------------------------
*/

#container-inner{
   float: left;
   width: 728px;
   padding: 5px 28px;
   background: url(/images/bg_container-inner.gif) repeat-y;
}

/* =Content-Wrap
---------------------------------------------------------------------
*/

#content-wrap{
   float: left;
   background: url(/images/bg_content-wrap.gif) repeat-y;
}

body#home #content-wrap{
   background: none;
}

#content-wrap img{
   display: block;
   float: left;
}

#content-wrap img.mcms_stats{
   display: none;
}

/* =Content-Wrap-Inner
---------------------------------------------------------------------
*/

#content-wrap-inner{
   float: left;
   width: 728px;
   margin-top: 4px;
   background: url(/images/bg_content-wrap-inner.gif) repeat-y;
}

/* =Content
---------------------------------------------------------------------
*/

#content{
   position: relative;
   float: right;
   width: 465px;
   padding: 141px 10px 10px;
   background: url(/images/bg_content.jpg) no-repeat;
}

body#home #content{
   position: relative;
   float: left;
   width: 457px;
   padding: 6px 14px;
   background: #655119;
}

#content h3{
   margin: .25em 0 .5em;
   background: url(/images/bg_content_h3.gif) no-repeat left bottom;
   color: #C6B974;
   font-size: 175%;
}

body#home #content h3{
   margin: 0 -14px .4em;
   padding: 0 14px;
   background: url(/images/bg_content_h3_home.gif) no-repeat;
   font-size: 167%;
   font-weight: normal;
}

#content h4,
#content h5,
#content h6{
   color: #C6B974;
}

#content p,
#content ul,
#content ol,
#content td{
   margin-bottom: 1em;
   color: #FEFEFD;
   font-size: 90%;
   line-height: 1.5;
}

body#home #content p,
body#home #content ul,
body#home #content ol,
body#home #content td{
   color: #F0EBD0;
}

#content p.special{
   float: left;
   margin-bottom: 0;
   font-size: 100%;
   background: url(/images/bg_p_special.gif) no-repeat;
}

#content p.special a{
   display: block;
   padding: 4px 10px;
   background: url(/images/bg_p_special_a.gif) no-repeat right top;
   color: #E6DAA7;
   text-decoration: none;
}

#content ul,
#content ol{
   margin-left: 3em;
}

#content ul#byline{
   margin-bottom: 10px;
   font-size: 85%;
   list-style: none;
}

#content a{
   color: #FEFEFD;
}

#content a:hover{
   text-decoration: none;
}

#content img#mcms_stats{
   display: none;
}

#content .sermonbox{
   margin-bottom: 20px;
}

#content .sermonbox h4{
   margin-bottom: 5px;
}

#sermonpage #content h3{
   width: 320px;
}

#content .sermonbox p{
   padding: 0;
   margin: 0;
}

#content .sermonbox p.sermonlink{
   margin-top: 10px;
}

#content .sermonbox p.eventtime{
   margin-bottom: 0;
}

#content #mediabox{
   position: absolute;
   top: 147px;
   right: 5px;
   width: 125px;
   padding: 5px 5px 0;
   border: 1px solid #805C15;
   list-style: none;
}

#content #mediabox li{
   margin-bottom: 5px;
   font-size: 85%;
   font-weight: bold;
}

#content #mediabox li a{
   display: block;
   height: 16px;
   padding-left: 20px;
   background-repeat: no-repeat;
}

#content #mediabox li#mb_download a{
   background-image: url(/images/mb_download.gif); /* Icon must be created */
}

#content #mediabox li#mb_jukebox a{
   background-image: url(/images/mb_jukebox.gif); /* Icon must be created */
}

#content #mediabox li#mb_podcast a{
   background-image: url(/images/mb_podcast.gif); /* Icon must be created */
}

#content #mediabox li#mb_notes a{
   background-image: url(/images/mb_notes.gif); /* Icon must be created */
}

#content table.calendar{
   margin-bottom: 25px;
   border: 1px solid #4D3305;
   border-right: 0;
   border-bottom: 0;
   border-collapse: collapse;
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#content table.calendar caption{
   padding-bottom: .4em;
   color: #F7FAD0;
   font-size: 100%;
}

#content table.calendar caption span{
   color: #8F7A43;
}

#content table.calendar th{
   padding: 2px 0;
   background: #4D3305;
   color: #D4CDA0;
   font-weight: normal;
}

#content table.calendar td{
   width: 68px;
   height: 68px;
   padding: 2px;
   border: 1px solid #4D3305;
   border-left: 0;
   border-top: 0;
   background: #000000;
   color: #D4CDA0;
   font-size: 90%;
   vertical-align: top;
}

#content table.calendar td.empty{
   background: #0C0801;
}

#content table.calendar td ul{
   margin: .5em 0 0 0;
   list-style: none;
   line-height: 1.2;
}

#content table.calendar td li{
   margin-bottom: .5em;
}

#content .book{
   clear: left;
   float: left;
   width: 90%;
   margin: 0 0 20px 20px;
}

#content .book p{
   margin-bottom: 0;
}

#content .book img{
   float: left;
   margin: 0 10px 10px 0;
}

#content .blog{
  margin-left: 25px;
  margin-right: 25px;
}

#content .blog{
  margin-bottom: 20px;
}

#content .blog p.date{
clear: both;
color: #ffffff;
}

#content #comments{
  clear: both;
  width: 100%;
  margin-top: 25px;
  margin-right: 25px;
}

#content #comments h4{
  clear: left;
  margin-bottom: 10px;
  padding: 5px 0;
  border-top: 1px solid #F2F2F2;
  border-bottom: 1px solid #F2F2F2;
}

#content #comments img.member-pic{
  float: left;
  margin: 0 10px 5px 0;
}

#content #comments p.comment-name{
  margin-bottom: 5px;
  padding: 0 3px;
  background: #A08140;
  font-size: 75%;
  text-transform: uppercase;
}

#content #comments .comment{
  float: left;
  width: 100%;
  margin-bottom: 10px;
  padding: 5px;
  background: #291805;
  /*border-bottom: 1px solid #F2F2F2;*/
}

#content #comments p.comment-thanks{
  color: #E76522;
  font-style: italic;
}

#content #comments p.comments-login{
  clear: left;
  padding: 5px 0;
  /*border-bottom: 1px solid #F2F2F2;*/
}

#content #comments textarea{
  display: block;
  width: 100%;
  padding: 5px;
  font-size: 85%;
  font-family: helvetica, arial, sans-serif;
}

#content #comments input#comment-submit{
  display: block;
  padding: 5px;
  border: 0;
  background: #A08140;
  color: #FFF;
  font-size: 85%;
  font-family: helvetica, arial, sans-serif;
  text-transform: lowercase;
}

#content #comments div.comment-text{
  color: #F2F2F2;
  font-size: 90%;
  line-height: 1.5;
}

/* =Sidebar
---------------------------------------------------------------------
*/

#sidebar{
   clear: left;
   float: left;
   width: 208px;
   padding: 0 15px;
}

body#home #sidebar{
   clear: none;
   float: right;
}

#sidebar h3{
   clear: left;
   margin: 0 -15px .5em;
   padding: 5px 15px;
   background: #2C1301;
   color: #F3E5A2;
   font-size: 100%;
   /*font-weight: normal;*/
}

body#home #sidebar h3{
   padding-left: 41px;
   margin-bottom: 0;
   border-bottom: 2px solid #000;
   background: #2C1301 url(/images/bg_sidebar_h3.gif) no-repeat 13px center;
   font-weight: normal;
}

#sidebar #upcoming-events h3{
   margin-bottom: 0;
}

#sidebar #e-invite{
   margin-bottom: .5em;
   color: #FEFCFC;
   font-size: 90%;
}

#sidebar h4{
   color: #FEFDFD;
   font-size: 85%;
   text-transform: uppercase;
}

#sidebar #recent-sermon h4{
   font-size: 90%;
   color: #F1E9CB;
}

#sidebar p{
   line-height: 1.2;
   font-size: 85%;
   color: #F1E9CB;
}

#sidebar #service-times p{
   margin-bottom: .5em;
   color: #FEFCFC;
   font-size: 90%;
}

#sidebar #service-times p#special{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin: 0 0 1em -5px;
   background: url(/images/bg_service-times_p.gif) no-repeat;
}

#sidebar #service-times p#special a{
   display: block;
   padding: 2px 5px 3px;
   background: url(/images/bg_service-times_a.gif) no-repeat right top;
}

#sidebar a{
   color: #F8F3D3;
   text-decoration: none;
}

#sidebar #service-times{
   padding-bottom: .5em;
}

#sidebar .event{
   margin: 0 -15px;
   border-bottom: 1px solid #71571F;
   background: #7B6528;
}

#sidebar .event a{
   display: block;
   padding: 8px 16px;
}

#sidebar .event a:hover{
   background: #847037;
}

#sidebar .sermonbox{
   clear: both;
}

#sidebar #sb_mediabox{
   float: left;
   margin: 5px 0 10px;
   list-style: none;
}

#sidebar #sb_mediabox li{
   float: left;
   margin-right: 1em;
   font-size: 75%;
   font-weight: bold;
}

#sidebar #sb_mediabox li a{
   padding-left: 13px;
   color: #F1E9CB;
   text-decoration: none;
   background-repeat: no-repeat;
   background-position: left center;
}

#sidebar #sb_mediabox li#sb_listen a{
   background-image: url(/images/sb_listen.gif);
}

#sidebar #sb_mediabox li#sb_download a{
   background-image: url(/images/sb_download.gif);
}

#sidebar #sb_mediabox li#sb_subscribe a{
   background-image: url(/images/sb_subscribe.gif);
}

/* =Footer
---------------------------------------------------------------------
*/

#footer{
   clear: both;
   padding: 32px 18px 0 18px;
   background: url(/images/bg_footer.gif) no-repeat;
}

#footer p{
   font-size: 90%;
   color: #FFF;
}

#footer a{
color: #fff;
text-decoration: underline;
}

#footer a:hover{
text-decoration: none;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}