/* Base */
@import url(http://static.typepad.com/.shared:vd972531:typepad:en_us/themes/walt/styleless/theme.css);

@import url(http://static.typepad.com/.shared:vd972531:typepad:en_us/themes/common/bxslider.css);
@import url(http://static.typepad.com/.shared:vd972531:typepad:en_us/css/widgets.css);
@import url(http://static.typepad.com/.shared:vd972531:typepad:en_us/themes/common/recentpostsfancy.css);

/* Tip Jar */
@import url(http://static.typepad.com/.shared:vd972531:typepad:en_us/themes/common/tipjar.css);

/* Portal */

/* Theme */
@import url(http://static.typepad.com/.shared:vd972531:typepad:en_us/themes/typepad/theme-bootstrap-simple/main.css);


/* Theme - Colors & Fonts */

        
            /* uploaded_background_image: http://cbf.typepad.com/.a/6a00d8341bfb5353ef01bb0819c94c970d-pi */
            
        


body {
    background-color: #00082E;
    background-image: url('http://cbf.typepad.com/.a/6a00d8341bfb5353ef01bb0819c94c970d-pi');
    background-position: top left;
  
      background-repeat: repeat;
  
}

/* BANNER BACKGROUND */


#banner { text-align: center; }
#banner h2 { padding-top: 5px; }
#banner h1 a, #banner-title, #banner-title a { color: #FFFFFF !important; }
#banner h2, #banner-desc, #banner-desc a { color: #FFFFFF; }

.left-container a, .left-container a:hover, .left-container a:visited {
    color: #006699;
}
.post hr { border: none; }

.pager-right:hover, .pager-left:hover {
    border: 1px solid rgba(,0.2);
}

#social a, .fa-bars,
#previous_story a, #next_story a,
.navtext a, .navtitle a {
    color: #FFFFFF !important;
}

#previous_story .fa, #next_story .fa  {
    background-color: #00082E;
}

.module-header, .module-header a {
    color: #265884 !important;
}

.module-header {
    border-bottom: 2px solid rgba(102,153,204,0.2);

}

::-webkit-input-placeholder {
color: #000000 !important;
}
:-moz-placeholder {
color: #000000 !important;
}
::-moz-placeholder {
color: #000000 !important;
}
:-ms-input-placeholder {
color: #000000 !important;
}


.module-search .form-control {
    background-color: #FFFFFF !important;
    border-color: #000000 !important;
}

.module-search .btn {
    background: #000000 !important;
    color: #FFFFFF !important;

}

#footer, #footer a {
    color: #777777;
}

.widgets a {
    color: #265884;
}

.widgets {
    color: #000000;
}

.bx-viewport,
.left-container {
    background: #FFFFFF !important;
}

.widgets {
    background: #FFFFFF;
}

.post,
.individual-post,
.entry-body,
.search-subheader,
.flip-excerpt {
    color: #000000;
}

.flip-excerpt a,
.search-subheader a {
    color: #006699;
}

span.drop-l:hover span,
span.drop-r:hover span {
    background: #FFFFFF;
    border: 3px solid #00082E;
    color: #000000;
}

.login-list,
.login-list a {
    color: #000000 !important;
}

h2.entry-header a,
h5.date-header a,
h5.date-header {
     color: #000000 !important;
}

.search-results h3.comment-header,
h3.entry-header,
.flip-title a {
     color: #265884 !important;
}

.overlay-text h3 {
     color: #265884 !important;
}
.overlay-text h5 {
     color: #777777 !important;
}


.overlay-text {
     background: rgba(, 0.7); 
}


.left-container .feat-text {
     color: #777777 !important;
}

.entry-footer-info,
.entry-footer-info a,
.entry-footer-tags a {
    color: #777777 !important;
}

.entry-body  blockquote p { 
  font-family: 'PT Serif' !important;
  font-size: 16px !important;  
  line-height: 25.6px;
} 

#comment-text,
#comment-author,
#comment-email,
#comment-url,
#comment-preview-confirmation,
#comment-preview-confirmation p,
#comment-text.form-control,
#comment-post-button.form-control,
#comment-preview-button.form-control,
#comment-confirm-post,
#comment-edit {
   background: #FFFFFF;
   color: #000000;
}

#comment-text,
#comment-author,
#comment-email,
#comment-url,
#comment-post-button.form-control,
#comment-preview-button.form-control,
#comment-confirm-post,
#comment-edit  {
border: 1px solid #000000 !important;
}

.archive-header,
.comments-header,
.comments-open-header,
.fa-comment,
.fa-comments {
color: #265884;
}

.comments-info,
.comment-content,
.comments-open-subtext,
.comments-open-moderated,
#comments-open-data p {
color: #000000!important;
}

.comment-footer,
.comments a {
color: #777777;
}

.comment-footer {
border-bottom: 1px dotted  #000000;
}

#comment-post-button, #comment-preview-button {
color: #000000!important;
}


/* FONTS */
  
     
  .font-entrybody { font-family: 'PT Serif'; font-size: 16px !important; line-height: 25.6px !important; visibility: hidden; } .wf-ptserif-n4-active .font-entrybody, .wf-ptserif-n4-inactive .font-entrybody { visibility: visible; }
       
  .font-entryheader { font-family: 'Source Sans Pro'; font-size: 24px !important; line-height: 24px !important; visibility: hidden; } .wf-sourcesanspro-n4-active .font-entryheader, .wf-sourcesanspro-n4-inactive .font-entryheader { visibility: visible; }
       
  .font-dateheader { font-family: 'Source Sans Pro'; font-size: 17px !important; line-height: 17px !important; visibility: hidden; } .wf-sourcesanspro-n4-active .font-dateheader, .wf-sourcesanspro-n4-inactive .font-dateheader { visibility: visible; }
       
  .font-entryfooter { font-family: 'Source Sans Pro'; font-size: 15px !important; line-height: 15px !important; visibility: hidden; } .wf-sourcesanspro-n4-active .font-entryfooter, .wf-sourcesanspro-n4-inactive .font-entryfooter { visibility: visible; }
       
  .font-footer { font-family: 'Source Sans Pro'; font-size: 18px !important; line-height: 18px !important; visibility: hidden; } .wf-sourcesanspro-n4-active .font-footer, .wf-sourcesanspro-n4-inactive .font-footer { visibility: visible; }
       
  .font-nav { font-family: 'Source Sans Pro'; font-size: 18px !important; line-height: 18px !important; visibility: hidden; } .wf-sourcesanspro-n4-active .font-nav, .wf-sourcesanspro-n4-inactive .font-nav { visibility: visible; }
  
   #banner h1 a, #banner-title, #banner-title a { font-family: 'Kreon'; font-size: 70px; line-height: 70px; visibility: hidden; }

   #banner h2, #banner-desc, #banner-desc h2 { font-family: 'Kreon'; font-size: 26px; line-height: 26px; visibility: hidden; }

   h2.module-header, h2.module-header a { font-family: 'Source Sans Pro'; font-size: 24px; line-height: 24px; visibility: hidden; }

   .module-content { font-family: 'PT Serif'; font-size: 16px; line-height: 16px; visibility: hidden; }

   .module-content a { font-family: 'PT Serif'; font-size: 16px; line-height: 16px; visibility: hidden; }

   .module-content { line-height: 19px; }
   .menu-icon { line-height: 18px; font-size: 18px; }
   #icons-container { font-size: 18px !important; line-height: 18px !important; }
    

   .type-text { height: 18px; }

   .wf-kreon-n4-active #banner h1 a, .wf-kreon-n4-inactive #banner h1 a,
   .wf-kreon-n4-active #banner h2, .wf-kreon-n4-inactive #banner h2,
   .wf-sourcesanspro-n4-active h2.module-header, .wf-sourcesanspro-n4-inactive h2.module-header,
   .wf-sourcesanspro-n4-active h2.module-header a, .wf-sourcesanspro-n4-inactive h2.module-header a,
   .wf-ptserif-n4-active .module-content, .wf-ptserif-n4-inactive .module-content,
   .wf-ptserif-n4-active .module-content a, .wf-ptserif-n4-inactive .module-content a { 
       visibility: visible !important; 
   }






/* STRETCH BANNER */
   #icons-container, #icons-container .col-sm-12 {
      min-width: 100%;
      margin: 0;
      padding: 0 !important;
   }

   #banner-image-container {
      min-width: 100%;
      background: transparent !important;
   }

   #banner-image-container .row {
      margin: 0;
   }

   #banner-image-container #banner {
      border-radius: 0;
      margin-top: 0;
   }

   .main .row {
      margin: 0;
      padding: 0 !important;
   }

   .pagebody {
      margin-top: 40px;
   }


#imageslider .bx-viewport,
.left-container,
.widgets,
#footer,
span.drop-l span,
span.drop-r span {
   border-radius: 0;
}



h2.entry-header a,
h2.content-header {
     color: #265884 !important;
}

h5.date-header a,
h5.date-header {
     color: #777777 !important;
}


   #footer {
        background: #FFFFFF;
   }






     
         #icons-container .row { margin-top: -1px; background: #00759E; border: 1px solid #00759E; }

            #st-trigger-effects { left: 5px; }
            #social ul {right: 5px; }

         

     

    

      .menu-icon, #social li { background-color: transparent; }





@media(min-width:0px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 32px; line-height: 32px; }
    #banner h2, #banner-desc { font-size: 24px; line-height: 24px; }
}
@media(min-width:450px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 32px; line-height: 32px; }
    #banner h2, #banner-desc { font-size: 24px; line-height: 24px; }
}
@media(min-width:525px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 32px; line-height: 32px; }
    #banner h2, #banner-desc { font-size: 24px; line-height: 24px; }
}
@media(min-width:550px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 32.2px; line-height: 32.2px; }
    #banner h2, #banner-desc { font-size: 24px; line-height: 24px; }
}
@media(min-width:600px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 35px; line-height: 35px; }
    #banner h2, #banner-desc { font-size: 24px; line-height: 24px; }
}
@media(min-width:650px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 37.8px; line-height: 37.8px; }
    #banner h2, #banner-desc { font-size: 24px; line-height: 24px; }
}
@media(min-width:700px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 40.6px; line-height: 40.6px; }
    #banner h2, #banner-desc { font-size: 24px; line-height: 24px; }
}
@media(min-width:750px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 44.1px; line-height: 44.1px; }
    #banner h2, #banner-desc { font-size: 24px; line-height: 24px; }
}
@media(min-width:800px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 46.9px; line-height: 46.9px; }
    #banner h2, #banner-desc { font-size: 24px; line-height: 24px; }
}
@media(min-width:850px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 49.7px; line-height: 49.7px; }
    #banner h2, #banner-desc { font-size: 24px; line-height: 24px; }
}
@media(min-width:900px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 52.5px; line-height: 52.5px; }
    #banner h2, #banner-desc { font-size: 24px; line-height: 24px; }
}
@media(min-width:950px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 55.3px; line-height: 55.3px; }
    #banner h2, #banner-desc { font-size: 24px; line-height: 24px; }
}
@media(min-width:980px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 57.4px; line-height: 57.4px; }
    #banner h2, #banner-desc { font-size: 24px; line-height: 24px; }
}
@media(min-width:992px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 58.1px; line-height: 58.1px; }
    #banner h2, #banner-desc { font-size: 24px; line-height: 24px; }
}
@media(min-width:1200px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 70px; line-height: 70px; }
    #banner h2, #banner-desc { font-size: 26px; line-height: 26px; }
}

     /* TEXTBANNER MARGIN */
     


       

       


/* SIDEBAR ALIGNMENT */
            .widgets, .feat-text { text-align: left; }
.module-sidebarimage img { margin-left: 0 !important; } .module-photo, .module-photo img { text-align: left; } .widgets .module-featured .top-no-excerpt { text-align: left; }


 

/* Collapsed divider code */
/*
@media(min-width:0) {
  .two-column-right .widgets {
    border-left: 0;
    border-top: 1px dotted black;
  }
  .two-column-left .widgets {
    border-right: 0;
    border-top: 1px dotted black;
  }
  .one-column .widgets {
    border-top: 1px dotted black;
  }
}
@media(min-width:768px) {
  .two-column-right .widgets {
    border-left: 1px dotted black;
    border-top: 0;
  }
  .two-column-left .widgets {
    border-right: 1px dotted black;
    border-top: 0;
  }
}
*/




/* Navbar */




 #icons-container .content  { display: inline-block; margin: 0; padding: 10px 10px 10px 5px; }


#icons-container  { text-align: center; } #icons-container .navtext a { padding: 0 22px; }


.overlay {
   vertical-align: middle;
} 

     
      #icons-container .navtext {
         margin: 0 !important;
         padding: 0 10px !important;
      }
     





#footer { text-align: ; }


   #footer-inner { width: auto; }






/* Banner Text Overlay */
   .wf-kreon-n4-active #banner h1 a, .wf-kreon-n4-inactive #banner h1 a,
   .wf-kreon-n4-active #banner h2, .wf-kreon-n4-inactive #banner h2 {
        visibility: hidden !important;
   }


/* Use sidebar text size and family for calendar td */
.module-calendar th {
font-size: 12.8px !important;
line-height: 12.8px !important;
font-family: 'PT Serif';
}
.module-calendar td, .module-calendar td a {
font-size: 16px !important;
line-height: 16px !important;
font-family: 'PT Serif';
}



/* Borders */
.left-container {
border-left: 0; border-right: 0; border-top: 0; border-bottom: 0;
}
.widgets {
border-left: 0; border-right: 0; border-top: 0; border-bottom: 0;
}



#admodule { position: relative; width: 100%; top: 0px !important; margin: 0 auto; padding: 0; clear: both; }
#admodule-inner { margin: -15px auto 15px !important; text-align: center; }





         /* Hide mobile navs in regular view */
           #nav-bottom { display:none !important; }
           #mobile-headernav { display:none !important; }


/* Theme - Custom Banner */
#banner {
    background-image: url("http://cbf.typepad.com/.a/6a00d8341bfb5353ef01b7c7be2c33970b-pi");
}






/* Custom CSS */
a:hover {
   text-decoration: underline !important;
}

@media (min-width: 1050px)
.navtitle {
  margin-left: 0px !important;
  color:green;
}
@media (min-width: 1050px)
.nav-link {
  display: inline-block !important;
}
header.main { 
  background: #001C43;
  /*background-image: url(http://www.cbf.org/image/layout---typepad-images/oyster-restoration-blog-header-background-1400x250.jpg) !important;*/
  
}

h3.entry-header {
   font-size:2em;
   font-weight:bold;
}

.entry-body h3 {
   font-size:1em;
   width:100%;
   border-bottom: 1px solid #000000;
}

.entry-body p {
   line-height:1.25em;
}

.entry-body p a {
   text-decoration:underline;
}

.photo-caption {
   font-size:.8em;
   font-weight:bold;
   line-height:1.1em;
   margin-top:0;
   margin-bottom:1em;
}
/*TIGHTEN UP SPACE BETWEEN ITEMS IN MOBILE MENU*/
li.icon.icon-data {
   margin-top:-10px !important;
   margin-bottom:-15px !important;
}
#banner {
   margin-bottom: 1.5px;
}





/* ph=1 */