@import url(//fonts.googleapis.com/css?family=Arbutus+Slab);

/*-------------------------------------------
    Structure
-------------------------------------------*/
#header form p { float: left; margin: 9px 0 0 15px; width: 150px; border: 4px solid #16355e; position: relative;    }
#header form #searchtext {    background: none;border: none; background: #f2f2f2; padding: 6px; width: 138px;     color: #333;    }


/*#get-to-know div.inner { overflow: hidden; }*/
/*#get-to-know div.inner div.flatblock { overflow: hidden; }*/
#get-to-know-see-more { font-size: 12px; }
.ir-featured-content { width: 80px; height: 16px; padding-top: 10px; margin-bottom: 5px; background-position: 0 bottom; background-image: url(/site_media/media/uploads/take-note/featured.png); display: block; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; }

.ir-take-note { width: 90px; height: 16px; padding-top: 10px; margin-bottom: 5px; background-position: 0 bottom; background-image: url(/site_media/media/uploads/take-note/takenote.png); display: block; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; }

.events .all-call a {
  margin-left:0;
}

#pullquote                { padding:10px 15px; background-color:#f9f9f9; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; margin-bottom:16px; overflow:auto; }
#pullquote p              { margin:0; padding:0; font-style:italic; font-size:1.7em; color:#123566; line-height:normal; }
#pullquote p.cite         { font-size:.9em; }

h6 {  margin: 0 0 2px;    font-family: "Trebuchet MS", Verdana, sans-serif; text-transform: uppercase; font-size: 1.2em; color: #0b3a5b; }

iframe {border:none;}

.smalltext {font-size: .8em;}

#featured-news p { padding-left: 12px;}

a, a:focus { color: #8e0d26; text-decoration: none; font-style:normal; }
a:hover { color: #540817; text-decoration: underline; }

#resource #content h2 { height: 32px; background-image: url(../../m/titles/resources-h2.gif); background-repeat:no-repeat; text-indent:-9999px;}

.full-byline { clear: both; float: left; margin: 0 10px 10px 0; width: auto; border: 1px solid #eaeaea; background: #f9f9f9;  padding: 8px 10px 10px; font-size: .87em;}
    .full-byline p { margin:0 0 10px; color: #666;}
    .full-byline .by { font-style: italic; }
    .full-byline .by span { font-family: Georgia, 'Times New Roman', serif; font-weight: bold; letter-spacing:0.2em; font-size:0.7em; text-transform:uppercase; font-style: normal; margin-right: .25em; }
div.insert p.caption { margin-bottom: 20px; }

/*.input-wrap textarea { border: 3px solid #e3eaf2; width: 310px; padding: 6px 6px;}*/
/*.input-wrap textarea {-moz-box-shadow:0 2px 7px rgba(102, 102, 102, 0.4) inset; -webkit-box-shadow: inset 0 2px 7px rgba(102,102,102,.4); box-shadow: inset 0 2px 7px rgba(102,102,102,.4);}*/


.insertright486 { width: 504px; float:right; margin: 5px 5px 15px 15px;}
.insertright424 { width: 442px; float:right; margin: 5px 5px 15px 15px;}
.insertright400 { width: 418px; float:right; margin: 5px 5px 15px 15px;}
.insertright350 { width: 368px; float:right; margin: 5px 5px 15px 15px;}
.insertright300 { width: 318px; float:right; margin: 5px 5px 15px 15px;}
.insertright275 { width: 293px; float:right; margin: 5px 5px 15px 15px;}
.insertright264 { width: 282px; float:right; margin: 5px 5px 15px 15px;}
.insertright250 { width: 268px; float:right; margin: 5px 5px 15px 15px;}
.insertright230 { width: 248px; float:right; margin: 5px 5px 15px 15px;}
.insertright200 { width: 218px; float:right; margin: 5px 5px 15px 15px;}
.insertright150 { width: 168px; float:right; margin: 5px 5px 15px 15px;}
.insertright144 { width: 162px; float:right; margin: 5px 5px 15px 15px;}
.insertright100 { width: 118px; float:right; margin: 5px 5px 15px 15px;}
.insertright96  { width: 114px; float:right; margin: 5px 5px 15px 15px;}
.insertright80  { width: 98px; float:right; margin: 5px 5px 15px 15px;}

.insertleft486 { width: 504px; float:left; margin: 5px 15px 15px 5px;}
.withinsertleft486 { float: left; width: 172px; }

.insertleft450 { width: 468px; float:left; margin: 5px 15px 15px 5px;}
.insertleft424 { width: 442px; float:left; margin: 5px 15px 15px 5px;}
.insertleft400 { width: 418px; float:left; margin: 5px 15px 15px 5px;}
.insertleft400 { width: 418px; float:left; margin: 5px 15px 15px 5px;}
.insertleft350 { width: 368px; float:left; margin: 5px 15px 15px 5px;}
.insertleft300 { width: 318px; float:left; margin: 5px 15px 15px 5px;}
.insertleft275 { width: 293px; float:left; margin: 5px 15px 15px 5px;}
.insertleft264 { width: 282px; float:left; margin: 5px 15px 15px 5px;}
.insertleft250 { width: 268px; float:left; margin: 5px 15px 15px 5px;}
.insertleft230 { width: 248px; float:left; margin: 5px 15px 15px 5px;}
.insertleft200 { width: 218px; float:left; margin: 5px 15px 15px 5px;}
.insertleft150 { width: 168px; float:left; margin: 5px 15px 15px 5px;}
.insertleft144 { width: 162px; float:left; margin: 5px 15px 15px 5px;}
.insertleft100 { width: 118px; float:left; margin: 5px 15px 15px 5px;}
.withinsertleft144 { float: left; width: 514px; }
.insertleft96  { width: 114px; float:left; margin: 5px 15px 15px 5px;}
.withinsertleft96 { float: left; width: 562px; }
.insertleft80  { width: 98px; float:left; margin: 5px 15px 15px 5px;}
.withinsertleft80 { float: left; width: 578px; }

/* SIDE BOXES FOR NEWS STORIES */
.boxleft200       { float: left; margin: 0 12px 12px 0; width: 200px; background-color: #ececec; padding: 6px; box-shadow: 0px 4px 4px #ccc; }
.boxleft250       { float: left; margin: 0 12px 12px 0; width: 250px; background-color: #ececec; padding: 6px; box-shadow: 0px 4px 4px #ccc; }
.boxright200       { float: right; margin: 0 0 12px 12px; width: 200px; background-color: #ececec; padding: 6px; box-shadow: 0px 4px 4px #ccc; }
.boxright250       { float: right; margin: 0 0 12px 12px; width: 250px; background-color: #ececec; padding: 6px; box-shadow: 0px 4px 4px #ccc; }

/* CALENDAR */
#calendar { width: 676px; margin: 0 auto; font-size: 100%; }
#calendar h2 { border-bottom: none; }
#calendar table { background: none; margin-bottom: 0; }
#calendar table.fc-header td { border-top: none; width: 0; }
#calendar table th { text-transform: none; }
#calendar div.fc-event a { font-style: normal; font-size: 11px; }


#comments p.date { border-bottom-style: none; }
#comments .comment-author p.staff { color: #007ac9; }

#main div.summary { float: none; }
#main div.summary p { display: inline; }


/* EVENTS */
ul.register li { display: inline; background: none; padding-left: 0; }
/*ul.register li.last { float: clear;}*/
ul.register { margin-left: 0; }
ul.register li.link a { display: block; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; }
ul.register li.link a { background-image: url(../../m/widgets/register.png); width: 105px; height: 26px; margin-bottom: 7px; }
ul.register li.link a:hover { background-position:     0 -26px;}
ul.register li.more-info { margin-left: 15px; }

/* RESOURCES */
.node { float: left; width: 45%; }
#minor:after, .split-alt:after, .split:after, #lead .split .node:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.split .first { margin-left: 0; }
#minor .split .node { padding-top: 10px; width: 48%; padding-left: 0; background-image: none;}
.latest-resources h4 { font-weight: normal; margin-bottom: 8px; }
div.latest-resources h4.section { padding-top: 15px;}
div.download-pdf a { background-image: url(../../m/widgets/download.png);}

/* MESSAGES */
#messages { background:none repeat scroll 0 0 #EEFAEA; border:1px solid #C8DCC2; margin:1em 0; }
    #messages ul { margin-top: 1em; margin-bottom: 1em; }
        #messages ul li { background: none; padding-left: 0; font-size: 1.2em; }

/* NEWS */
#get-to-know p.intro-home { font-size: 1.8em; color: #7d92b2; font-style: italic; line-height: 1.4em; margin-bottom: 1em;}


/* CONGREGATION SEARCH */
.congregation-detail #results-list { width: 305px; }
.congregation-detail #congregation-results #map { width:425px; }

/* CONGREGATION UPDATE */
#congregation-update #content h2 { height: 32px; background-image: url(../../m/titles/h2-congregation-update.gif); display: block; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; }
#content form.congregation-update { width: 100%; }
form.congregation-update ul { clear: both; background: none; padding-top: 15px; padding-bottom: 0px; }
form.congregation-update ul.group { width: 490px; border: 1px solid #d8d8d8; background: #e3eaf2;display: block; line-height: 1; padding: 3px;}

form ul.together { background: none; padding: 0 0 0 0; }
form ul.together li { float: left; margin: 0 25px 0 0;}
form ul.together li.last { margin-right: 0px; }

.input-wrap-large input, .input-wrap-large textarea { width: 410px; padding: 6px 6px; border: none;}
.input-wrap-large { border: 1px solid #d8d8d8; background: #e3eaf2;display: block; width: 422px; line-height: 1; padding: 3px;}
.input-wrap-large input { -moz-box-shadow:0 2px 7px rgba(102, 102, 102, 0.4) inset; -webkit-box-shadow: inset 0 2px 7px rgba(102,102,102,.4); box-shadow: inset 0 2px 7px rgba(102,102,102,.4);}
.input-wrap-normal input, .input-wrap-large textarea { width: 310px; padding: 6px 6px; border: none;}
.input-wrap-normal { border: 1px solid #d8d8d8; background: #e3eaf2;display: block; width: 322px; line-height: 1; padding: 3px;}
.input-wrap-normal input { -moz-box-shadow:0 2px 7px rgba(102, 102, 102, 0.4) inset; -webkit-box-shadow: inset 0 2px 7px rgba(102,102,102,.4); box-shadow: inset 0 2px 7px rgba(102,102,102,.4);}
.input-wrap-medium input, .input-wrap-large textarea { width: 210px; padding: 6px 6px; border: none;}
.input-wrap-medium { border: 1px solid #d8d8d8; background: #e3eaf2;display: block; width: 222px; line-height: 1; padding: 3px;}
.input-wrap-medium input { -moz-box-shadow:0 2px 7px rgba(102, 102, 102, 0.4) inset; -webkit-box-shadow: inset 0 2px 7px rgba(102,102,102,.4); box-shadow: inset 0 2px 7px rgba(102,102,102,.4);}
.input-wrap-small input, .input-wrap-large textarea { width: 110px; padding: 6px 6px; border: none;}
.input-wrap-small { border: 1px solid #d8d8d8; background: #e3eaf2;display: block; width: 122px; line-height: 1; padding: 3px;}
.input-wrap-small input { -moz-box-shadow:0 2px 7px rgba(102, 102, 102, 0.4) inset; -webkit-box-shadow: inset 0 2px 7px rgba(102,102,102,.4); box-shadow: inset 0 2px 7px rgba(102,102,102,.4);}


form.congregation-update button.submit { display: block; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; }
form.congregation-update button.submit { background: url(../../m/widgets/submit-btn.png) no-repeat 0 0; height: 26px; width: 83px;}
form.congregation-update button.submit:hover, form.congregation-update button.submit:focus { background-position: 0 -26px;}

/* LECTIONARY / DEVOTION */

blockquote p.lectionary-text { font-family:Arbutus Slab, Georgia, serif !important; font-size:22px !important; color:#fff !important; font-style: normal !important; margin-bottom:5px; }
.lectionary-link { color: #fff; }
.lectionary-link a { color: #96c8e1; text-decoation: none; font-style:italic; }
.lectionary-link a:hover { color: #96c8e1; text-decoation: underline; font-style:italic; }

/* SHARE */
.facebook-like { border-left: 1px solid #cacaca; }
.facebook-like-inner { padding: 5px 15px 0px 12px; }

/* SEARCH */
div.presbytery-container input.ui-autocomplete-input {height:auto; width:auto;}
ul.ui-autocomplete li { padding-left: 10px; list-style: none; background: none; }
div.presbytery-container button.ui-button {height: auto; width: auto; margin-top: 10px; margin-bottom: 20px;}
    #congregation-search div#presbytery-search { padding:16px 0 0 0;width:auto;}
ul.ui-autocomplete { width: auto; }

.ui-autocomplete-input { padding: 0.68em 0 0.47em 0.45em; }

/* HOME PAGE */
#hero-wrap.breaking-news { background: #ffffff url() repeat-x 0 0; border-bottom:138px solid #ffffff}
#hero-wrap.breaking-news #hero-wrap-inner { background: url() no-repeat center -11px; }

#breaking-news-feature                    { width:480px; height:320px; float:left; margin:0; padding:0; border:none; position:relative; }
#breaking-news-feature-inner              { position:absolute; left:0px; bottom:0px; background: rgb(0, 0, 0); /* The Fallback */ background: rgba(0, 0, 0, 0.6); /* IE filter*/ filter: alpha(opacity = 80); padding:8px; font-family:"Trebuchet MS"; }
#breaking-news-feature-inner h3           { margin:0; padding:0; color:#FFFFFF; font-size:1.9em; text-shadow: #000 1px 1px 2px; }
#breaking-news-feature-inner p            { margin:0; padding:0; color:#FFFFFF; font-size:1.2em; }
#breaking-news-feature-inner a, #feature-inner a:active, #feature-inner a:visited    { color:#fff; text-decoration:underline; }
#breaking-news-feature-inner a:hover      { text-decoration:none; color:#fff; }


#presby-quote                             { width:440px; height:155px; text-indent:-9999px; float:right; margin:65px 0 0 0; padding:0; }

#curl                { float:right; margin:0; padding:0; width:117px; height:65px; text-indent:-9999px; }
#curl a                { display:block; height:40px; }

#content #sub.blogs li { border-bottom: none; }
#content #sub.blogs li p { margin-bottom: 0; }

#main ul.blogs li div.summary, #main ul.blogs li p.summary { margin-left: 124px; }

/*
 Layout grids
 */
.grid_1 { width: 6.6666666666667%; }
.grid_2 { width: 15%; }
.grid_3 { width: 23.333333333333%; }
.grid_4 { width: 31.666666666667%; }
.grid_5 { width: 40%; }
.grid_6 { width: 48.333333333333%; }
.grid_7 { width: 56.666666666667%; }
.grid_8 { width: 65%; }
.grid_9 { width: 73.333333333333%; }
.grid_10 { width: 81.666666666667%; }
.grid_11 { width: 90%; }
.grid_12 { width: 98.333333333333%; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    margin-left: 0.83333333333333%;
    margin-right: 0.83333333333333%;
    float: left;
    display: block;
    font-family: Georgia, serif;
    font-size: 12px;
    border:0;
}

.grid_1 a,
.grid_2 a,
.grid_3 a,
.grid_4 a,
.grid_5 a,
.grid_6 a,
.grid_7 a,
.grid_8 a,
.grid_9 a,
.grid_10 a,
.grid_11 a,
.grid_12 a
{ color:#8E0D26; text-decoration:underline; }

.grid_1 a:hover,
.grid_2 a:hover,
.grid_3 a:hover,
.grid_4 a:hover,
.grid_5 a:hover,
.grid_6 a:hover,
.grid_7 a:hover,
.grid_8 a:hover,
.grid_9 a:hover,
.grid_10 a:hover,
.grid_11 a:hover,
.grid_12 a:hover
{ color:#540817; text-decoration:none; }

.clear                     {
                              clear: both;
                              display: block;
                             overflow: hidden;
                              visibility: hidden;
                              width: 0;
                              height: 0;
                        }

.noborder { border:none; }
.bottomspace { margin-bottom:50px; }

/* Alert box */
div.alert-box {
display: block;
padding: 10px 7px;
font-family: "Trebuchet MS", Lucida Grande, Lucida Sans, Arial;
font-weight: 400;
font-size: 14px;
color:#FFF;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.1);
text-shadow: 0 1px rgba(0, 0, 0, 0.7);
position: relative;
}

.red        { background: #9e1b17; }
.blue        { background: #007ac9; }
.green    { background: #5b8f22; }
.orange { background: #d35400; }
.goldbanner { background: #CFB023; }

.alert-box a.closer { color: #FFF; position: absolute; right: 8px; top: 4px; font-size: 18px; opacity: 0.8; padding: 4px; text-decoration:none; }
.alert-box a.closer:hover,.alert-box a.close:focus { opacity: 0.4; }

.alert-box a { color: #94d9fd; text-decoration:none; font-size: 14px; }
.alert-box a:hover, .alert-box a:focus { color: #FFF; text-decoration:none; }

select#id_distance {
    min-width: 90px;
}

/*---------------------------------------------------------------------
  HOMEPAGE CAROUSEL
---------------------------------------------------------------------*/
div#carousel-wrap-outer { background: #dfdcd3 none !important; min-height: 376px; }
div#spotlight-wrap { min-width: 926px; min-height: 375px; }
div#carousel-wrap { position: relative; min-height: 375px; width: 926px; margin: 0 auto; }

div#spotlight  { padding-left: 375px; width: 460px; z-index: 1; }
div#spotlight p { font-family: Tahoma, sans-serif; font-size: 12px; color: #645e4c;  }
div#spotlight a.discuss {background-image: url(../../i/widgets/icon-comment-black.gif); }
div#spotlight p a { color:#0067ac; text-decoration:underline; }
div#spotlight p a:hover { color:#0194d3; text-decoration:none; }
div#spotlight a.direct { color: #fff; line-height: 1.4; letter-spacing: 0.05em;  text-decoration: none; background: #4d8393; padding: 5px 16px 5px 10px;  font-family: Tahoma, sans-serif; border-bottom: 3px solid #366370; font-style: normal;}
div#spotlight h2  { padding-bottom: 6px; }
div#spotlight ul { padding-bottom: 11px; margin-bottom: 6px; }
div#spotlight ul li { list-style: none; font-family: "Trebuchet MS", Lucida Grande, Lucida Sans, Arial; font-size: 14px; }
div#spotlight li em { color: #a73501; font-style: normal; font-size: 15px; }
div#spotlight ul.adjunct li {margin-right: 10px; }
div#spotlight p { color: #2b2b2b; width:415px; }

div#spotlight-nav { position: absolute; right: 7px; top: 91px; border-left: 1px solid #c6c2b6; margin-top: -21px; padding-left: 25px; height: 182px; padding-top: 21px; }
div#spotlight-nav a#prev { margin-bottom: 10px; display: block; background: url(/media/uploads/design/redesign1112/arrow-prev.png) no-repeat 0 0; height: 43px; width: 43px; text-indent: -9999px; }
div#spotlight-nav a#next { display: block; background: url(/media/uploads/design/redesign1112/arrow-next.png) no-repeat 0 0; height: 43px; width: 43px; text-indent: -9999px; }
div#spotlight-nav a { overflow: hidden; }

div#spotlight ul.adjunct { margin: 0; border-bottom: none; }


/*---------------------------------------------------------------------
  Fix for find-a-congregation submit button moving out of position
---------------------------------------------------------------------*/
#find-a-congregation .submit { position: relative; right: -250px; top: -42px; }