/******************************************************************

  Basics

  BRIGHT RED: 185, 27, 19 - Sailor Red: 0, 126, 70

  BLACK to Topaq: 207,179,131

*******************************************************************/

a, .link, #searchForm a, #main-nav > li a, #misc-nav li a,
#latest-stories .datetime, .headline-grid .headline,
.headline-grid .comment-count, .share li a, .related-stories a,
#small-photo-list li a, footer a:hover{color: rgb(0, 126, 70);}
span.false-link, a h1, a h2, a h3, a h4, a h5, a h6{color:rgb(0, 126, 70);}
a p{
    color:#333;
}
a:hover, a:focus {
    color: rgb(55, 69, 77); }
h1, h2, h3, h4, h5, h6 {
  color: #333; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: rgb(55, 69, 77);
    }
.default-button{
    background-color: rgb(214, 222, 211);
}

button, .button {
  background-color: rgb(0, 126, 70);
  border: 1px solid rgb(55, 69, 77);
  color: rgb(255, 255, 255);
}
    button:hover, button:focus, .button:hover, .button:focus {
        background-color: rgb(55, 69, 77); }

.site-button{
    background-color: rgb(0, 126, 70);
    color: #fff!important;
}
.shadow{box-shadow: 0px 3px 5px 2px rgb(214, 222, 211);}
.shadow_m{box-shadow: 0px 0px 5px 2px rgb(214, 222, 211);}
.inverted-shadow{box-shadow: inset -2px 0 4px -1px rgb(214, 222, 211);}
hr {border: solid rgb(214, 222, 211); }

#section_background{
    background-color: rgb(250, 251, 247);
}
/******************************************************************

  Header Overrides

*******************************************************************/

#current-time {
    margin-bottom: -16px;
    margin-right: 90px;
}
#searchForm {
    background: rgb(214, 222, 211);
}
#profile-nav .has-sub-nav ul {
    background-color: rgba(232,232,232, .7);
}
/******************************************************************

  Navigation Overrides

*******************************************************************/
#offsite-nav li a, #profile-nav li a{color:rgb(0, 126, 70);}
#nav-wrapper{
    background-color: rgb(0, 126, 70);
    -webkit-box-shadow: 0px 6px 10px -6px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 6px 10px -6px rgba(0,0,0,0.25);
    box-shadow: 0px 6px 10px -6px rgba(0,0,0,0.25);
    box-shadow: 0px 6px 10px -6px rgb(111, 111, 111);
}
#main-nav-new .menu-container ul li a, #secondary-nav .menu-container ul li a, .mobile-toggle {
    color: #fff;
    letter-spacing: .03em;
}
#main-nav-new .menu-container ul li.has-sub ul.sub{
    background: rgb(55, 69, 77);
    -webkit-box-shadow: 0px 3px 3px 0px rgba(55, 69, 77, 0.75);
    -moz-box-shadow: 0px 3px 3px 0px rgba(55, 69, 77, 0.75);
    box-shadow: 0px 3px 3px 0px rgba(55, 69, 77, 0.75);
}
    #main-nav-new .menu-container ul li:hover{
        background: rgb(55, 69, 77);
    }
    #main-nav-new .menu-container ul.sub li :hover {
        background: rgb(0, 126, 70);
    }

#main-nav-new .menu-container ul li.has-sub > a:after {
    border-color: rgba(214, 222, 211, 0.4) transparent transparent transparent;
}
/******************************************************************

  Lists Overrides

*******************************************************************/
.vertical-list p{color:rgb(0, 126, 70);}
.resp-tabs-list li {
    color: rgb(0, 126, 70);

}
/***************************

Breadcrumbs

***************************/

.breadcrumbs {
  background-color: rgb(255, 255, 255);
  border-color: rgb(214, 222, 211); }
  .breadcrumbs > * {
    color: rgb(111, 111, 111); }
    .breadcrumbs > *:hover a, .breadcrumbs > *:focus a { }
    .breadcrumbs > *.current {
      color: #333333; }
      .breadcrumbs > *.current a {
        color: #333333; }
    .breadcrumbs > *.unavailable {
      color: #999999; }
      .breadcrumbs > *.unavailable a {
        color: #999999; }
      .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
      .breadcrumbs > *.unavailable a:focus {
        color: #999999; }
    .breadcrumbs > *:before {
      color: #aaaaaa; }

/******************************************************************

  Carousels Overrides

*******************************************************************/
.thumbs a .video-overlay{
    background-color: rgb(0, 126, 70);
}
.thumbs a:hover img.thumbnail, .thumbs a.selected img.thumbnail {
	border-color: rgb(0, 126, 70);
}
/***************************

Sections

***************************/
.rss{color:#ff6600!important;}
#main_section_content{
    background-color: #fff;
}
#top_story_con a {color:#333;}
.story_list a {color:#333;border-bottom: 1px solid rgb(214, 222, 211);}
.secondary_story_list ul.list-item > li{border: 3px solid #fff;}
.secondary_story_list ul.list-item li a{color:#fff;}
.secondary_story_list .story_info{color:#fff;background-color: rgba(0,0,0,.8);}
.secondary_story_list .story_info h3{color: #fff;}
.secondary_story_list .story_info p{color: #fff}

#main-story img{background: rgb(55, 69, 77);color: #fff;}
#lead-section-content{border-top: 1px solid rgb(214, 222, 211);}
#main-story p{color:#000;}
#top-stories .img{background-color: rgb(55, 69, 77);color: #fff;}


.headline-grid  .story-force-left{border-right:1px solid rgb(214, 222, 211);}
.headline-grid .tease{color:#333;}

.headline-grid .columns{
    border-bottom: 1px solid rgb(214, 222, 211);
    border-left: 1px solid #eaeaea;
}
/*.branded{background: rgb(255, 255, 233);}*/
.small-media-container .main-display{background-color: #444;}
.small-media-container .main-display img{box-shadow: 0px 3px 10px 0px #000;}
.small-media-container .main-display a{color: #fff;
}
/***************************

Story Detail

***************************/
#story-container {background-color: rgb(255,255,255);border: 1px solid rgb(214, 222, 211);}
#story h1.headline{color: #666;}
#story h3.sub-headline{color: #999;}
#media-container .portrait, .photo-detail .media-container{background: rgb(55, 69, 77);}

#bylines p{color:#333;}
#bylines p span{color:#999;}
.story-media .caption {background-color: rgba(0,0,0,.5);}
.story-media .caption p{color:#fff;}
.story-sidebar img{border: 5px solid #fff;}


#comments {
    border-top: 1px solid rgb(214, 222, 211);
    border-bottom: 1px solid rgb(214, 222, 211);
    color: #777;
}
#share-tools.right{box-shadow: 0px 0px 5px 2px rgb(214, 222, 211);}
#share-tools {background: #fff;}

#story-lead-gallery ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(10, 126, 70 ,0.5);
}

#story-lead-gallery ::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgb(10, 126, 70);
    background-color: rgb(0, 126, 70);
}

.related-stories ul li:hover{
    background: rgb(214, 222, 211);
}
.related-stories ul li{border-top: 1px solid rgb(214, 222, 211);}

.related-stories .comment-count{color:#fff;}

.vertical-list li{border-bottom: 1px dotted rgb(214, 222, 211);}
.vertical-list p span{color:#aaa;}

#story-content-wrapper .markup a {
    text-decoration: underline; /* underline links in articles */
}

#story-content-wrapper .related a {
    text-decoration: none; /* do not underline related links in articles */
}

/***************************

Blogs

***************************/
.blog-header img{box-shadow: 0px 5px 12px rgba(0,0,0,.3);}
.blog-desc{border-bottom: 1px solid rgb(214, 222, 211);}

.blog-wrapper .blog .avatar span{color:#666;}


#story-content-wrapper .blog-markup p a {
    text-decoration: underline; /* underline links in blog posts */
}
/******************************************************************

  Obituary Overrides

*******************************************************************/
#obit-nav ul li a:hover{background-color: rgb(0, 126, 70); color:#fff;}

.breadcrumbs > * a {
      color:rgb(0, 126, 70); }
#obit-nav{border-bottom: 1px solid rgb(214, 222, 211);border-top: 1px solid rgb(214, 222, 211);background-color: rgb(214, 222, 211);}
@media screen and (max-width: 40.063em){
    #obit-nav ul li{border-top: 1px solid rgb(214, 222, 211);}
}
@media screen and (min-width: 40.063em) {
    #obit-nav ul li{border-right: 1px solid rgb(214, 222, 211);}
}
.obit-list-item{border-bottom: 1px solid rgb(214, 222, 211);}

/***************************

Pagination

***************************/
.pagination a.next_page, .pagination a.prev_page{
    color: #555;
    background-color: rgb(232,232, 232);
}
/***************************

Calendar

***************************/
.yui3-skin-sam .yui3-calendar-content {
    border: 1px solid rgb(214, 222, 211) !important;
}

/******************************************************************

  Module Overrides

*******************************************************************/
h3.title-break, h4.title{
    color: rgb(111, 111, 111);
    border-left: 1px solid rgb(214, 222, 211);
    border-right: 1px solid rgb(214, 222, 211);
    border-bottom: 1px solid rgb(214, 222, 211);
    border-top: 7px solid rgb(214, 222, 211);
    background-color: rgb(255, 255, 255);
}
.main-module, .module {
    background-color: #fff;
    border-left: 1px solid rgb(214, 222, 211);
    border-right: 1px solid rgb(214, 222, 211);;
    border-bottom: 1px solid rgb(214, 222, 211);
}
.main-module .list .list-item:first-child, .module .list .list-item:first-child{border-top: 1px solid rgb(214, 222, 211);}
.main-module .list .list-item, .module .list .list-item{border-bottom: 1px solid rgb(214, 222, 211);}
.inner-module h4.module-title{background-color: rgb(214, 222, 211);}
/******************************************************************

  Footer Overrides

*******************************************************************/
footer {
    background-color: rgb(51,51,51);
    border-top: 1px solid rgb(250,251,247);
}
#copyright, footer a, footer p {
    color: rgb(214, 222, 211);
}
footer h5{color:rgb(250,251,247);}
footer ul li{border-bottom: 1px solid rgb(111, 111, 111);}
/******************************************************************

  Responsive Tabs Overrides

*******************************************************************/
.resp-tab-active span {
    border-top-color: rgb(55, 69, 77) !important;
    color: rgb(55, 69, 77);
    background-color: rgb(255, 255, 255) !important;
}
.resp-tabs-list li span {
    border-top: 5px solid rgb(0, 126, 70);
    border-right: 1px solid rgb(214, 222, 211);
    border-left: 1px solid rgb(214, 222, 211);
    background-color: rgb(250, 251, 247);
}
.resp-tabs-list-container {
    background-color: rgb(214, 222, 211);
}
.resp-tabs-container {
    background-color: #fff;
    border-top: 1px solid rgb(255, 255, 255);
}
h2.resp-accordion {
    font-size: 13px;
    border: 1px solid rgb(232,232,232);
    border-top: 0px solid rgb(232,232,232);
}

h2.resp-tab-active {
    border-bottom: 0px solid rgb(232,232,232); !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid rgb(232,232,232); !important;
    background: blue;
}
.resp-vtabs .resp-tabs-container {
    background-color: #fff;
    border: 1px solid rgb(232,232,232);
}

.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active {
    border: 1px solid rgb(232,232,232);
    background-color: #fff;
}

.resp-arrow {
    border-top: 12px solid rgb(232,232,232);
}

h2.resp-tab-active span.resp-arrow {
    border-bottom: 12px solid rgb(111, 111, 111);
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: rgb(214, 222, 211) !important;
}
.resp-easy-accordion .resp-tab-content {
    border: 1px solid rgb(232,232,232);
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid rgb(232,232,232) !important;
}
h2.resp-accordion:first-child {
    border-top: 1px solid rgb(232,232,232) !important;
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
    .resp-vtabs .resp-tab-content {
        border: 1px solid rgb(214, 222, 211);
    }
    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid rgb(232,232,232) !important;
    }
    .resp-tab-active span {
        background-color: transparent !important;
    }
}

/***************************

Forms

***************************/
.form label{background: rgb(214, 222, 211);}
.form .helptext{color: rgb(111, 111, 111);}
label {
  color: rgb(55, 69, 77);
 }
  label small {
    color: rgb(111, 111, 111); }

/***************************

MINI MENU

***************************/
.mini-menu .trigger span{border-bottom: 1px solid rgb(250,251,247);border-right: 1px solid rgb(250,251,247);border-left: 1px solid rgb(250,251,247);}
.mini-menu .trigger:hover{border-top: 1px solid rgb(250,251,247);border-right: 1px solid rgb(250,251,247);border-left: 1px solid rgb(250,251,247);}
.mini-menu .trigger:hover span{background-color: #ffffff;}

/***************************

Profile

***************************/
#profile-info span.avatar{background-color: rgb(55, 69, 77);}
#profile-info ul li span{color:rgb(111, 111, 111);}
#profile-info ul li {border-bottom: 1px solid rgb(250,251,247);}
/******************************************************************

  SPINGO Overrides

*******************************************************************/
.sg-list-widget-event {
    border-bottom: 1px solid rgb(232,232,232)!important;
}
.sg-list-widget-event:hover{background-color: rgb(232,232,232)!important;}
.sg-list-widget-date-header, .sg-list-widget-date-navigation {
    background-color: rgb(232,232,232)!important;
}
.sg-list-widget-wrapper.sg-list-widget-small .sg-list-widget-pagination {
    border-bottom: 1px solid rgb(232,232,232)!important;
}

.sg-list-widget-footer {
border-top: 1px solid rgb(232,232,232)!important;
}

.sg-list-widget-event-title {
    color: rgb(0, 126, 70)!important;
}
.sg-list-widget-dotted-bg {
    background: rgb(246, 246, 246)!important;
}