/* @override http://reunionboston.com/css/styles.css */

@import url(/css/thickbox.css);

* {
   margin: 0;
   padding: 0;
}

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

hr{
   display: none;
}

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

#container{
   width: 756px;
   margin: 25px auto;
   padding: 8px;
   background: #010101;
}

a{
   overflow: hidden;
}

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

#header{
   float: left;
   width: 756px;
   height: 231px;
   background: url(/media/subpage-stairs.jpg) no-repeat;
}

body#home #header{
   height: 310px;
   background: url(/images/bg_header_home.jpg) no-repeat;
}

#header h1{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 225px;
   height: 79px;
   text-indent: -9999px;
}

#header h1 a{
   display: block;
   width: 225px;
   height: 79px;
}

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

#nav{
   display: inline; /* IE6 double margin float bug hack */
   /*clear: left;*/
   float: right;
   width: 481px;
   margin: 89px 16px 0 0;margin-top: 168px;
   padding: 0 16px;
   list-style: none;   
}

body#home #nav{
   margin-top: 168px;margin-top:247px;
}

#nav li{
   float: left;
   padding-left: 1px;
   background: url(/images/bg_nav_li.gif) no-repeat;
   font-size: 85%;
   text-transform: uppercase;
   line-height: 1;
}

#nav li#nav_home,
#nav li#nav_welcome{
   background: none;
}

#nav li a{
   display: block;
   padding: 9px 12px 8px;
   color: #FFF;
   text-decoration: none;
}

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

#nav li ul{
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 143px; /* Needs to be same as other 150px value */
   list-style: none;
   line-height: 1;
}

#nav li li{
   font-size: 106%;
   padding: 0;
   border-bottom: 1px solid #1B1B1B;
   background: none;
   font-weight: normal;
   text-transform: none;
}

#nav li ul ul{
   margin: -30px 0 0 143px;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul{
   left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{
   left: auto;
}

#nav li li li{
   font-size: 100%;
}

#nav li li a{
   width: 113px;
   padding: 9px 15px;
   background: #010101;
   color: #9AABB5;
}

#nav li li a:hover{
   background: #872100;
   color: #FFF;
}

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



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

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

body#home #content-wrap{
   background: url(/images/bg_content-wrap_home.gif) repeat-y;
}

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

#content{
   position: relative;
   float: right;
   width: 538px;
   margin-top: -28px;
   padding-bottom: 135px;
}
#home #content { padding-bottom:0; }
#content h3{

}

#content p,
#content ul,
#content ol,
#content td{
   margin-bottom: 1em;
   font-size: 95%;
   line-height: 1.4;
}

#content p.eventtime{
   clear: left;
}

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

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

#content a{
   color: #63BDEA;
}

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

#content img#mcms_stats{
   display: none;
}

#content #text{
   clear: both;
}

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

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

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

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

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

#content #mediabox{
   float: right;
   width: 125px;
   margin-top: -10px;
   padding: 5px 5px 0;
   border: 1px solid #565E62;
   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_print a{
   background-image: url(/images/mb_print.gif);
}

#content #mediabox li#mb_video a{
   background-image: url(/images/mb_video.gif);
}

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

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

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

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

#content #content-top{
   padding: 16px 19px;
   background: url(/images/bg_content-top.gif) repeat-x;
   /*border-bottom: 13px solid #2D2E30;*/
}

body#home #content #content-top{
   padding: 14px 13px;
   border-bottom: 2px solid #010101;
   background: #61676B;
}

#content #content-top h3{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin: .5em -19px .5em;
   padding: 3px 10px 5px 19px;
   color: #85CFED;
   font-size:150%;
   font-weight: normal;   
   background: url(/images/bg_content-top_h3.gif) no-repeat right top;
}

body#home #content #content-top h3{
   float: none;
   width: 300px;
   margin: 0;
   padding: 0 30px 0 0;
   background: none;
}

/*
#content #content-top h4{
   display: inline; 
   float: left;
   margin: 0 -19px .5em;
   padding: 0 19px 5px;
   color: #85CFED;
   font-size: 175%;
   font-weight: normal;   
   background: url(/images/bg_content-top_h3.gif) no-repeat right top;
}
*/
#content #content-top h4{
   color: #69b1d4;
   font-size: 105%;
}

#content #content-top h5{
   color: #69b1d4;
   font-size: 125%;
   font-weight: normal;   
}

#content #content-top h6{
   color: #000000;
   font-size: 125%;
   font-weight: normal;   
}

#content #content-top p,
#content #content-top ul,
#content #content-top ol{
   color: #FEFDFD;
}

body#home #content #content-top p,
body#home #content #content-top ul,
body#home #content #content-top ol{
   color: #C1D7E7;
}

#content #content-top img{
   float: right;
   margin: 0 0 10px 10px;
   border: 5px solid #2D2E30;
}

#content #latest-news{
   float: left;
   padding: 0px 18px 18px;
   border-top: 10px solid #2D2E30; margin-top:7px;
   background: #45484A url(/images/bg_latest-news.gif) repeat-x left bottom;
}

#content #latest-news h3{
   width: 108px;
   height: 22px;
   margin-bottom: 11px;
   background: url(/images/bg_latest-news_h3.gif) no-repeat;
   text-indent: -9999px;
}

#content #latest-news h4{
   color: #69B1D4;
   font-size: 85%;
   text-transform: uppercase;
}

#content #latest-news p{
   color: #FFF;
   font-size: 85%;
}

#content #latest-news p.more{
   width: 150px;
   margin: 0 0 5px 350px;
   line-height: 1;
   font-size: 75%;
   text-align: center;
}

#content #latest-news p.more a{
   display: block;
   height: 12px;
   padding: 7px 9px 0;
   background: url(/images/bg_latest-news_more_a.gif) no-repeat;
   color: #B8CAD7;
   text-transform: lowercase;
   text-decoration: none;
}

/*
#content #latest-news .news{
   border-bottom: 1px solid #383B3D;
}
*/

#content table.calendar{
   margin-bottom: 25px;
   border: 1px solid #383E40;
   border-right: 0;
   border-bottom: 0;
   border-collapse: collapse;
}

#content table.calendar caption{
   padding-bottom: .4em;
   color: #FCFDFE;
   font-size: 105%;
   font-weight: bold;
}

#content #content-top table.calendar caption img{
   float: none;
   margin: 0;
   border: 0;
   vertical-align: top;
}

#content table.calendar th{
   padding: 2px 0;
   border-bottom: 1px solid #0C0601;
   background: #862300;
   color: #FAFAFD;
   font-size: 90%;
   font-weight: normal;
}

#content table.calendar td{
   width: 68px;
   height: 68px;
   padding: 2px;
   border: 1px solid #383E40;
   border-left: 0;
   border-top: 0;
   background: #757C7F;
   color: #FCFDFE;
   font-size: 75%;
   vertical-align: top;
}

#content table.calendar td.empty{
   background: #757C7F;
}

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

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

#content table.calendar td li a{
   color: #242424;
   text-decoration: none;
}

#content table.calendar td li a:hover{
   text-decoration: underline;
}

#content table.calendar a{
   color: #FCFDFE;
   text-decoration: none;
}

#content #comments{
   margin-top: 20px;
}

#content #comments h4{
   float: left;
}

#content #comments p#login{
   float: right;
}

#content #comments .comment{
   clear: left;
   margin: 10px 0;
   padding: 5px;
   border: 1px solid #2A2E30;
}

#content #comments .comment p.byline{
   margin: -5px -5px .5em;
   padding: 2px 5px;
   background: #2A2E30;
   color: #69B1D4;
   font-size: 85%;
}

#content #comments .comment blockquote{
   margin: 0 0 5px 25px;
   color: #FEFDFD;
   font-size: 90%;
   line-height: 1.5;
}

#content #comments form label{
   clear: left;
   display: block;
   margin-bottom: .25em;
   color: #69B1D4;
   font-size: 115%;
}

#content #comments form textarea{
   width: 455px;
   margin-bottom: 10px;
   padding: 3px;
   border: 1px solid #E5DEB6;
   color: #1B1B1B;
   font-size: 11px;
   font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

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

#sidebar{
   float: left;
   width: 212px;
   border-top: 5px solid #010101;
}

#sidebar #service-times{
   padding: 9px 0;
   border-bottom: 3px solid #010101;
   background: #5C6367;
   text-align: center;
}

#sidebar #service-times h3{
   margin-bottom: .5em;
   color: #E0DFDF;
   font-size: 85%;
   font-weight: normal;
}

#sidebar #service-times p{
   width: 182px;
   margin: 0 auto .25em;
   padding: 4px 0 5px;
   background: url(/images/bg_service-times_p.gif) no-repeat;
   font-size: 85%;
}

#sidebar #service-times a{
   padding-left: 12px;
   background: url(/images/bg_service-times_a.gif) no-repeat left center;
   color: #69B1D4;
   text-decoration: none;
   text-transform: lowercase;
}

#sidebar #service-times a:hover{
   color: #86D7FF;
   text-decoration: underline;
}

#sidebar #current-series{
   padding: 15px 0;
   background: #485054;
   text-align: center;
}

#sidebar #current-series h3{
   width: 189px;
   margin: 0 auto;
   padding: 4px 0 3px;
   color: #FDFEFE;
   background: url(/images/bg_current-series_h3.gif) no-repeat;
   font-size: 10px;
   font-weight: normal;
}

#sidebar #current-series h3 a{
   color: #AC3500;
   text-decoration: none;
}

#sidebar #current-series img{
   display: block;
   margin: 0 auto;
   border: 2px solid #13171B;
   border-top: 0;
}

#sidebar #reunion-podcast{
   padding: 7px 0 3px;
   border-top: 1px solid #26282A;
   border-bottom: 1px solid #26282A;
   background: #52595D url(/images/bg_reunion-podcast.gif) repeat-x;
}

#sidebar #reunion-podcast p{
   text-indent: -9999px;
}

#sidebar #reunion-podcast a{
   display: block;
   width: 176px;
   height: 40px;
   margin: 0 auto;
   background: url(/images/bg_reunion-podcast_a.gif) no-repeat;
}

#sidebar #calendar{
   padding: 17px 0;
   background: #485054;
}

#sidebar table.calendar{
   margin: 0 auto;
   border: 1px solid #1C1C1C;
   border-collapse: collapse;
   background: #5C6367;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#sidebar table.calendar caption{
   margin: 0 auto;
   padding: 2px 0;
   background: url(/images/bg_sidebar_calendar_caption.gif) repeat-x;
   color: #CECDCD;
   font-size: 75%;
}

#sidebar table.calendar caption span img{
   vertical-align: -5%;
}

#sidebar table.calendar th{
   background: #2F3436;
   padding: 3px 0;
   color: #CECDCD;
   font-size: 75%;
   font-weight: normal;
   text-align: center;
}

#sidebar table.calendar td{
   width: 26px;
   height: 26px;
   /*border: 1px solid #14304E;*/
   border-top: 0;
   border-left: 0;
   color: #CFDBE3;
   font-size: 75%;
   font-weight: normal;
   text-align: center;
}

#sidebar table.calendar td.linked-day{
   /*padding: 1px 1px;*/
}

#sidebar table.calendar a{
   display: block;
   margin: 0 3px;
   padding: 4px 2px;
   background: #485054;
   color: #FCFDFE;
   text-decoration: none;
}

#sidebar #e-letter{
   padding: 9px 11px 15px;
   background: #373D40;
   border-top: 3px solid #010101;
   border-bottom: 3px solid #010101;
}

#sidebar #e-letter form,
#sidebar #e-letter fieldset{
   width: 190px;
}

#sidebar #e-letter fieldset{
   border: 0;
   display: block;
}

#sidebar #e-letter label{
   display: block;
   margin-bottom: .25em;
   color: #E0DFDF;
   font-size: 85%;
}

#sidebar #e-letter input#newsletter_text{
   width: 120px;
   padding: 1px 2px 2px;
   border: 1px solid #212121;
   background: #626A70;
   color: #E0DFDF;
   font-size: 85%;
   font-family: "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   float: left;
   display: inline;
   margin-right: 4px;
}

#sidebar #e-letter input#newsletter_submit{
   vertical-align: bottom;
   float: left;
}

#sidebar form#searchForm{
   float: left;
   width: 190px;
   padding: 9px 11px 15px;
   background: #373D40;
   border-top: 3px solid #010101;
   border-bottom: 3px solid #010101;
   /*margin: 0 15px;*/
}

#sidebar form#searchForm input#search_term{
   display: block;
   float: left;
   width: 120px;
   margin-right: 4px;
   padding: 1px 2px 2px;
   background: #626A70;
   border: 1px solid #212121;
   color: #E0DFDF;
   font-size: 85%;
   font-family: "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   vertical-align: middle;
}

#sidebar form#searchForm a{
   display: block;
   float: left;
   width: 60px;
   height: 19px;
   background: url(/images/search_submit.gif) no-repeat;
   text-indent: -9999px;
}

/*
#sidebar form#searchForm a{
   padding: 3px 8px;
   background: #6B1A00;
   color: #FFF;
   font-size: 85%;
   text-decoration: none;
   text-transform: lowercase;
}
*/

#sidebar form#searchForm input#search_submit{
   vertical-align: bottom
}

#traildiv{
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: 999;
   visibility: hidden;
   width: 100px;
   height: 100px;
   color: #FFF;
}

#traildiv ul{
   padding: .75em;
   padding-bottom: 0;
   border: 3px solid #404040;
   background: #666;
   font-size: 85%;
}

#traildiv li{
   margin-left: 1em;
   margin-bottom: .75em;
}

#traildiv a{
   color: #71ADC7;
   text-decoration: none;
}

/* =Quicklinks
---------------------------------------------------------------------
*/

#quicklinks{
   position: absolute;
   bottom: 0;
   left: 218px;
   width: 546px;
   padding-top: 18px;
   background: url(/images/bg_quicklinks.gif) no-repeat left top;
}

body#home #quicklinks{
   background: none; position:relative; left:0; padding-top:5px; margin-bottom:7px;
}

#quicklinks img{
   display: block;
   float: left;
   margin-right: 9px;
   border: 3px solid #555555;
}

#quicklinks a:hover img{
   border: 3px solid #878C8F;
}

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

#footer{
   clear: both;
   width: 732px;
   height: 20px;
   padding: 7px 12px 0;
   border-top: 7px solid #010101;
   background: #2A2E30;
}

#footer p{
   float: left;
   color: #A7B8C3;
   font-size: 75%;
}

#footer p.powered{
   float: right;
}

#footer p strong{
   color: #79B1CC;
   font-size: 113%;
}

/* 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;
    /*z-index: 0;*/
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}